/* Rumbo v2 · Dirección C «Radar» (24/10/2026). Copia anterior: Backup-v2-antes-radar/v2.css */
:root{
 --navy:#000066;--cyan:#0097DC;--sky:#BDE8FF;--red:#E53935;
 --bg:#EAF6FD;--card:#ffffff;--ink:#0E1440;--sub:#46507A;--line:#DCEAF5;--soft:#E3F1FB;--tint:#D5EEFC;
 --accent:var(--navy);--accent-ink:#fff;--ok:#1d7a46;--warn:#8a4b00;--bad:#B3261E;--badge:#C62828;--link:#006C9E;
 --hero:#000066;--hero-sub:#E4F4FF;--stage:#D7EAF6;--stage-done:var(--navy);
 --shadow:0 8px 24px rgba(0,0,102,.14);
 --radius:22px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);
 --display:-apple-system,"SF Pro Display",BlinkMacSystemFont,system-ui,"Helvetica Neue",sans-serif;
 --text:-apple-system,"SF Pro Text",BlinkMacSystemFont,system-ui,"Helvetica Neue",sans-serif;
 color-scheme:light dark;
}
@media (prefers-color-scheme:dark){:root{
 --bg:#0A0D2E;--card:#141947;--ink:#EEF3FF;--sub:#A9B4DA;--line:#262E6A;--soft:#1C2359;--tint:#1A2A63;
 --accent:var(--sky);--accent-ink:#000066;--ok:#6fd39b;--warn:#ffc46b;--bad:#FF9A92;--link:#8FD3FF;
 --hero:#18217A;--hero-sub:#D6EEFF;--stage:#262E6A;--stage-done:var(--sky);
 --shadow:0 8px 24px rgba(0,0,0,.45);
}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 var(--text);-webkit-text-size-adjust:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{touch-action:manipulation}
:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
#app{max-width:720px;margin:0 auto;min-height:100vh;padding:calc(var(--safe-t) + 8px) 16px calc(164px + var(--safe-b))}
header.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 12px}
header.top h1{font:700 26px/1.1 var(--display);margin:0}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 0 10px}
.logo{display:block;height:auto}
@media (prefers-color-scheme:dark){.logo{filter:url(#rumbo-logo-on-dark)}}
.avatar{width:44px;height:44px;border-radius:50%;border:0;background:var(--cyan);color:var(--navy);font:700 14px var(--display);cursor:pointer}
@media (prefers-color-scheme:dark){.avatar{background:var(--sky)}}
.eyebrow{font-size:14px;font-weight:600;color:var(--sub);margin:6px 0 2px}
.eyebrow::first-letter{text-transform:uppercase}
h1.hello{font:700 32px/1.1 var(--display);letter-spacing:-.02em;color:var(--accent);margin:2px 0 6px}
h1.page{font:700 32px/1.1 var(--display);letter-spacing:-.02em;color:var(--accent);margin:4px 0 12px}
.lead{color:var(--sub);font-size:16px;margin:0 0 8px}
h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.01em}
h2{font-size:18px;margin:22px 4px 8px;display:flex;align-items:center;gap:8px}
h3{font-size:16px;margin:18px 4px 8px}
.card{background:var(--card);border:0;border-radius:var(--radius);padding:16px;margin:10px 0}
@media (prefers-color-scheme:dark){.card{border:1px solid var(--line)}}
.card.tap{cursor:pointer;transition:transform .12s}.card.tap:active{transform:scale(.985)}
@media (prefers-reduced-motion:reduce){.card.tap{transition:none}.card.tap:active{transform:none}}
.card.start{padding:20px;border-radius:26px}
.card.start .ico{width:52px;height:52px;border-radius:16px;background:var(--sky);color:var(--navy);display:grid;place-items:center;margin-bottom:14px}
.card.start .ico svg{width:26px;height:26px}
@media (prefers-color-scheme:dark){.card.start .ico{background:var(--soft);color:var(--sky)}}
h2.big{font:700 26px/1.15 var(--display);margin:6px 0;display:block}
.steps{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:16px;padding-top:12px;font-size:13px;font-weight:600;color:var(--sub)}
.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}
.grow{flex:1;min-width:0}.muted{color:var(--sub)}.small{font-size:14px}.tiny{font-size:12px}
.title{font-weight:700}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card>.row .title{font-family:var(--display);font-weight:600;font-size:16.5px}
.btn{border:0;border-radius:16px;padding:12px 18px;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:15px;cursor:pointer;min-height:48px}
.btn.ghost{background:var(--sky);color:var(--navy)}
@media (prefers-color-scheme:dark){.btn.ghost{background:var(--soft);color:var(--sky)}}
.btn.danger{background:transparent;color:var(--bad);border:1.5px solid var(--line)}
.btn.small{padding:8px 14px;min-height:44px;font-size:14px;border-radius:14px}.btn.block{width:100%;min-height:52px}.btn:disabled{opacity:.5}
.btn.apple{background:#000;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px}
@media (prefers-color-scheme:dark){.btn.apple{background:#fff;color:#000}}
.row.wrap .btn{margin:0}
.pill{display:inline-block;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;background:var(--soft);color:var(--navy);white-space:nowrap;text-decoration:none}
.pill.assessed,.pill.preparing{background:#E3EDF6;color:#1E2A5E}.pill.saved{background:#FDE2DF;color:#9E1C14}
.pill.applied{background:var(--sky);color:var(--navy)}
.pill.interviewing{background:var(--cyan);color:var(--navy)}
.pill.offer,.pill.hired{background:var(--navy);color:#fff}
.pill.rejected,.pill.no_response,.pill.withdrawn,.pill.discarded{background:#ECEEF3;color:#545A70}
.pill.alert{background:#FFE3E1;color:#A1251B}
@media (prefers-color-scheme:dark){.pill{color:var(--ink)}.pill.assessed,.pill.preparing{background:#232B66;color:#D6E0FF}.pill.saved{background:#5A1F1B;color:#FFB4AB}.pill.applied{background:#22407A;color:#D9F1FF}.pill.interviewing{background:var(--cyan);color:#000040}.pill.offer,.pill.hired{background:var(--sky);color:#000066}.pill.rejected,.pill.no_response,.pill.withdrawn,.pill.discarded{background:#262B4A;color:#B4B8CC}.pill.alert{background:#4D1D1A;color:#FFB8B1}}
.seg{display:flex;background:var(--card);border-radius:16px;padding:4px;margin:6px 0 10px;gap:4px}
.seg button{flex:1;border:0;background:transparent;min-height:40px;padding:8px;border-radius:12px;font-weight:700;color:var(--sub);cursor:pointer}
.seg button.on{background:var(--accent);color:var(--accent-ink)}
.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}
.chip{border:0;background:var(--card);color:var(--navy);border-radius:20px;min-height:40px;padding:0 14px;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}
@media (prefers-color-scheme:dark){.chip{color:var(--ink)}}
.chip.on{background:var(--accent);color:var(--accent-ink);font-weight:700}
.chip b{font-weight:700;margin-left:6px;opacity:.85}
label.f{display:block;margin:12px 0}label.f span{display:block;font-size:13px;font-weight:600;color:var(--sub);margin-bottom:5px}
input.i,select.i,textarea.i{width:100%;border:1.5px solid var(--line);background:var(--card);border-radius:14px;padding:12px 14px;font-size:16px;min-height:48px}
input.i:focus,select.i:focus,textarea.i:focus{border-color:var(--cyan);outline:none}
input[type=search].i{border:0;border-radius:16px}
textarea.i{min-height:110px;resize:vertical}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}@media(max-width:420px){.grid2{grid-template-columns:1fr}}
/* Barra de pestañas flotante */
nav.tabs{position:fixed;left:max(14px,calc(50% - 346px));right:max(14px,calc(50% - 346px));bottom:calc(10px + var(--safe-b));background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:32px;box-shadow:var(--shadow);padding:6px;z-index:20}
@media (prefers-color-scheme:dark){nav.tabs{border:1px solid var(--line)}}
nav.tabs .in{display:flex;gap:2px}
nav.tabs button{flex:1;border:0;background:transparent;min-height:54px;padding:6px 2px;border-radius:26px;font-size:11px;font-weight:600;color:var(--sub);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer}
nav.tabs button svg{width:23px;height:23px}
nav.tabs button.on{background:var(--sky);color:var(--navy);font-weight:700}
nav.tabs button.on svg .f{fill:currentColor}
.fab{position:fixed;right:max(18px,calc(50% - 342px));bottom:calc(88px + var(--safe-b));width:58px;height:58px;border-radius:50%;border:0;background:var(--navy);color:#fff;font:400 32px/1 var(--display);box-shadow:var(--shadow);z-index:21;cursor:pointer}
.fab::after{content:"";position:absolute;top:4px;right:4px;width:12px;height:12px;border-radius:50%;background:var(--red);border:2px solid var(--bg)}
@media (prefers-color-scheme:dark){.fab{background:var(--sky);color:var(--navy)}}
.sheet-bg{position:fixed;inset:0;background:rgba(0,0,40,.45);z-index:30;display:flex;align-items:flex-end;justify-content:center}
.sheet{background:var(--bg);width:100%;max-width:720px;max-height:92vh;overflow:auto;border-radius:28px 28px 0 0;padding:12px 16px calc(24px + var(--safe-b))}
.sheet .grab{width:40px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 10px}
.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sheet-head h2{margin:4px 0;font-size:22px;font-weight:700;color:var(--accent);display:block}
.x{border:0;background:var(--card);width:44px;height:44px;border-radius:50%;font-size:20px;color:var(--navy);cursor:pointer;flex:none}
@media (prefers-color-scheme:dark){.x{color:var(--ink)}}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(160px + var(--safe-b));background:var(--navy);color:#fff;padding:12px 16px;border-radius:16px;font-size:14px;font-weight:600;z-index:50;max-width:90vw;box-shadow:var(--shadow)}
@media (prefers-color-scheme:dark){.toast{background:var(--sky);color:var(--navy)}}
.empty{text-align:center;padding:28px 12px;color:var(--sub)}
.tl{border-left:2px solid var(--line);margin:6px 0 0 8px;padding-left:16px}
.tl .ev{position:relative;padding:4px 0 12px}.tl .ev:before{content:"";position:absolute;left:-23px;top:8px;width:12px;height:12px;border-radius:50%;background:var(--cyan);border:2px solid var(--bg)}
.tl .ev:first-child:before{background:var(--red)}
.score{font:700 40px/1 var(--display);color:var(--accent)}
.bar{height:10px;border-radius:5px;background:var(--stage);overflow:hidden}.bar i{display:block;height:100%;background:var(--cyan);border-radius:5px}
.list li{margin:4px 0}.md{white-space:pre-wrap;font-size:14.5px}
.spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sp .8s linear infinite;vertical-align:-3px}
@keyframes sp{to{transform:rotate(360deg)}}
.login{min-height:80vh;display:flex;flex-direction:column;justify-content:center;gap:14px;text-align:center}
.login h1{font:700 34px/1.1 var(--display);margin:0;color:var(--accent)}.login p{color:var(--sub);margin:0 0 12px}
.stat{flex:1;text-align:center;padding:10px 4px}.stat b{display:block;font:700 24px var(--display)}
a{color:var(--link)}
/* Componentes propios de Radar */
.hero{position:relative;overflow:hidden;background:var(--hero);color:#fff;border-radius:26px;padding:18px 18px 14px;margin:12px 0 4px}
.hero .rings{position:absolute;right:-30px;top:-26px;width:220px;height:180px;pointer-events:none}
.hero .big{position:relative;font:700 52px/1 var(--display)}.hero .big small{font:600 18px var(--display);margin-left:4px}
.hero .sum{position:relative;font-size:15px;color:var(--hero-sub);margin-top:6px}.hero .sum b{color:#fff}
.hero .stats{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.hero .stats span{flex:1 1 88px;background:rgba(255,255,255,.1);border-radius:14px;padding:8px 10px;font-size:12px;color:var(--hero-sub)}
.hero .stats b{display:block;font:700 20px var(--display);color:#fff}
.hero .stats span.warn b{color:#FFB4AE}
.hero .next{position:relative;display:flex;align-items:center;gap:10px;width:100%;margin-top:10px;border:0;background:rgba(255,255,255,.1);border-radius:16px;padding:8px 8px 8px 12px;color:#fff;font-size:15px;font-weight:600;text-align:left;cursor:pointer}
.hero .next small{display:block;font-size:12px;color:var(--sky);font-weight:700}
.hero .next .go{min-height:40px;padding:0 14px;border-radius:12px;background:var(--sky);color:var(--navy);font-weight:700;display:flex;align-items:center}
.badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--sky);color:var(--navy);font:700 12px var(--text)}
.badge.alert{background:var(--badge);color:#fff}
.stage{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;width:108px;flex:none}
.stage i{height:6px;border-radius:3px;background:var(--stage)}.stage i.done{background:var(--stage-done)}.stage i.cur{background:var(--cyan)}
.stage-row{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13px;font-weight:600}
.stage-row .late{color:var(--bad);font-weight:700}
.stage-row.big .stage{width:auto;flex:1}.stage-row.big .stage i{height:10px;border-radius:5px}
.stage-row.big{background:var(--card);border-radius:18px;padding:12px 14px;margin:8px 0}
.fit{display:inline-block;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.fit.strong{background:var(--navy);color:#fff}.fit.good{background:var(--cyan);color:var(--navy)}.fit.stretch{background:var(--sky);color:var(--navy)}.fit.weak{border:1.5px dashed currentColor;padding:3px 9px;color:var(--accent)}
@media (prefers-color-scheme:dark){.fit.strong{background:var(--sky);color:var(--navy)}}
.fitmap{display:flex;align-items:center;gap:14px;padding:12px 16px}
.fitmap svg{width:112px;height:112px;flex:none}
.fitmap .legend{flex:1;display:grid;grid-template-columns:1fr auto;row-gap:6px;column-gap:8px;align-items:center;font-size:14px}
.fitmap .legend b{font:700 15px var(--display)}
.fitmap .k{display:flex;align-items:center;gap:8px}.fitmap .k i{width:10px;height:10px;border-radius:50%;flex:none}
.fitmap .k0 i{background:var(--navy)}.fitmap .k1 i{background:var(--cyan)}.fitmap .k2 i{background:var(--sky);border:1px solid var(--navy)}.fitmap .k3 i{border:1.5px dashed var(--accent)}
@media (prefers-color-scheme:dark){.fitmap .k0 i{background:var(--sky)}}
.fitmap .ring{fill:none;stroke:var(--line)}
.fitmap .d0{fill:var(--stage-done)}.fitmap .d1{fill:var(--cyan)}.fitmap .d2{fill:var(--sky);stroke:var(--navy)}.fitmap .d3{fill:var(--card);stroke:var(--accent);stroke-width:1.5;stroke-dasharray:2 1.6}

/* Norte · coach */
.coachbar{position:fixed;left:16px;right:88px;bottom:calc(80px + var(--safe-b));height:56px;display:flex;align-items:center;gap:10px;padding:0 12px;border:0;border-radius:18px;background:linear-gradient(120deg,var(--navy),#0b3b8c 60%,var(--cyan));color:#fff;text-align:left;box-shadow:0 8px 22px rgba(0,0,60,.28);z-index:21;cursor:pointer}
@media(min-width:760px){.coachbar{left:calc(50% - 344px);right:calc(50% - 272px)}}
.coachbar b{display:block;font-size:15px}.coachbar small{display:block;font-size:11.5px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coach-av{flex:none;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;font-weight:800;position:relative}
.coach-av:after{content:"";position:absolute;right:-1px;top:-1px;width:10px;height:10px;border-radius:50%;background:var(--red);border:2px solid #fff}
.coach-av.sm{width:24px;height:24px;font-size:12px}.coach-av.sm:after{width:7px;height:7px}
.coach-go{font-size:26px;opacity:.8}
.fab{bottom:calc(80px + var(--safe-b))}
.coach-inline{display:flex;align-items:center;gap:8px;width:100%;margin:6px 0;border:1px dashed var(--cyan);background:transparent;color:var(--accent);border-radius:12px;padding:10px 12px;font-weight:600;cursor:pointer}
.chat{position:fixed;inset:0;z-index:40;background:var(--bg);display:flex;flex-direction:column;padding-top:var(--safe-t)}
.chat-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--card)}
.chat-head .coach-av{background:var(--navy);color:#fff}@media (prefers-color-scheme:dark){.chat-head .coach-av{background:var(--sky);color:var(--navy)}}
.chat-focus{padding:8px 14px;background:var(--soft)}.linkbtn{border:0;background:none;color:var(--cyan);cursor:pointer;padding:0 4px}
.chat-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;max-width:720px;width:100%;margin:0 auto}
.msg{max-width:86%;padding:10px 13px;border-radius:16px;font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.msg p{margin:0 0 6px}.msg p:last-child{margin:0}.msg ul,.msg ol{margin:4px 0 6px;padding-left:20px}.msg .h{font-weight:700}
.msg.ai{align-self:flex-start;background:var(--card);border:1px solid var(--line);border-bottom-left-radius:4px}
.msg.me{align-self:flex-end;background:var(--navy);color:#fff;border-bottom-right-radius:4px}
@media (prefers-color-scheme:dark){.msg.me{background:var(--sky);color:#000040}}
.typing{display:flex;gap:4px}.typing i{width:7px;height:7px;border-radius:50%;background:var(--sub);animation:bl 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes bl{0%,80%{opacity:.25}40%{opacity:1}}
.starters{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:4px}.starters .chip{white-space:normal;text-align:left}
.chat-input{display:flex;gap:8px;align-items:flex-end;padding:10px 12px calc(10px + var(--safe-b));border-top:1px solid var(--line);background:var(--card);max-width:720px;width:100%;margin:0 auto}
.chat-input textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:20px;padding:10px 14px;background:var(--bg);font-size:16px;max-height:140px}
.btn.send{width:44px;height:44px;border-radius:50%;padding:0;font-size:20px;flex:none}
.coachbar b{font-size:14.5px;white-space:nowrap;letter-spacing:-.01em}
.coachbar{gap:8px;padding:0 10px;right:84px}
.coachbar b{font-size:14px}
@media(max-width:374px){.coachbar b{white-space:normal;line-height:1.15;font-size:13.5px}}
.coachbar b{font-size:15px;white-space:nowrap}.coachbar small{font-size:12.5px}
@media(max-width:374px){.coachbar b{font-size:14.5px}.coachbar small{font-size:11.5px}}

.tools-used{align-self:flex-start;font-size:12px;color:var(--sub);margin:2px 0 -4px 4px}
/* Radar · ajustes sobre Norte */
.coachbar{left:max(14px,calc(50% - 346px));right:max(84px,calc(50% - 276px));bottom:calc(84px + var(--safe-b));height:58px;border-radius:22px;font-family:var(--text)}
.coachbar b{font-family:var(--display);font-weight:600}
.coach-av{font-family:var(--display);font-weight:700}
.fab{bottom:calc(84px + var(--safe-b));width:58px;height:58px;background:var(--red);color:#fff}
.fab::after{content:none}
@media (prefers-color-scheme:dark){.fab{background:var(--red);color:#fff}}
.toast{bottom:calc(156px + var(--safe-b))}
.coach-inline{border-radius:16px;min-height:48px;border:1.5px dashed var(--cyan);font-family:var(--text)}
.chat-head{border-bottom:0;padding:10px 14px}
.chat-head b{font-family:var(--display)}
.chat-head .coach-av{background:var(--navy);color:#fff}
@media (prefers-color-scheme:dark){.chat-head .coach-av{background:var(--sky);color:var(--navy)}}
.msg{border-radius:20px}.msg.ai{border:0}
@media (prefers-color-scheme:dark){.msg.ai{border:1px solid var(--line)}}
.msg.me{border-bottom-right-radius:6px}.msg.ai{border-bottom-left-radius:6px}
.chat-input{border-top:0}
.chat-input textarea{border:1.5px solid var(--line);border-radius:22px;min-height:46px}
.chat-input textarea:focus{border-color:var(--cyan);outline:none}
.btn.send{width:46px;height:46px}
.linkbtn{color:var(--link);min-height:32px}
.starters .chip{min-height:44px;padding:10px 14px;border-radius:18px;line-height:1.3;font-weight:600}
.hero .ring{position:absolute;right:16px;top:16px;width:92px;height:92px}
.hero .ring .n{font:700 24px var(--display);fill:#fff}.hero .ring .n.s{font-size:20px}
.hero .ring .l{font:600 12px var(--text);fill:var(--sky)}
.hero .sum{max-width:calc(100% - 110px)}

/* ═══ Paleta VDS «Origin of What's Next» (24/10/2026) · se aplica sobre Radar ═══ */
:root{
 --midnight:#001026;--deep:#0C2258;--electric:#153680;--ice:#75B1E7;--peri:#A7BCEA;--inknavy:#000058;--label:#002A91;--signal:#008BD3;
 --bg:#F2F2F2;--card:#FFFFFF;--ink:#000058;--sub:#4C5159;--line:#E3EBF5;--soft:#F2F7FF;--tint:#F2F7FF;
 --accent:#000058;--accent-ink:#fff;--link:#002A91;--stage:#E3EBF5;--stage-done:#000058;
 --hero:#001026;--hero-sub:#A7BCEA;--shadow:0 10px 28px rgba(0,16,38,.28);
 --gridbg:radial-gradient(120% 90% at 92% 0%,rgba(21,54,128,.95) 0%,rgba(12,34,88,.55) 38%,rgba(0,16,38,0) 70%),linear-gradient(rgba(117,177,231,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(117,177,231,.07) 1px,transparent 1px);
}
@media (prefers-color-scheme:dark){:root{
 --bg:#000A1C;--card:#0A1838;--ink:#EAF1FF;--sub:#A7BCEA;--line:#1B2B57;--soft:#0E2148;--tint:#0E2148;
 --accent:#75B1E7;--accent-ink:#001026;--link:#8FC4F0;--stage:#1B2B57;--stage-done:#A7BCEA;
 --hero:#001026;--shadow:0 10px 28px rgba(0,0,0,.5);
}}
/* Titulares: misma tipografía de Radar (Sora/Figtree), solo color */
h1.hello,h1.page,h2.big,h2,h3,.sheet-head h2{color:var(--ink)}
.eyebrow{color:var(--label)}
@media (prefers-color-scheme:dark){.eyebrow{color:var(--ice)}}
.lead{color:var(--sub)}
/* Superficies */
.card{border:1px solid var(--line)}
.card>.row .title{color:var(--ink)}
.avatar{background:var(--soft);color:var(--inknavy);border:1px solid #C7CCD9}
@media (prefers-color-scheme:dark){.avatar{background:var(--soft);color:var(--ice);border-color:var(--line)}}
.btn.ghost{background:var(--card);color:var(--ink);border:1px solid #C7CCD9}
@media (prefers-color-scheme:dark){.btn.ghost{border-color:var(--line)}}
.chip{border:1px solid #C7CCD9;color:var(--ink)}
.chip.on{border-color:transparent}
@media (prefers-color-scheme:dark){.chip{border-color:var(--line)}}
.seg{border:1px solid var(--line)}
.score{color:var(--ink)}
.bar i{background:var(--signal)}
.stage i.cur{background:var(--signal)}
.tl .ev:before{background:var(--signal)}
/* Encaje */
.fit.strong{background:var(--inknavy);color:#fff}.fit.good{background:var(--electric);color:#fff}
.fit.stretch{background:var(--soft);color:var(--label);border:1px solid #C7CCD9;padding:3px 9px}.fit.weak{color:var(--label)}
.pill.applied{background:var(--soft);color:var(--label)}.pill.interviewing{background:var(--electric);color:#fff}.pill.offer,.pill.hired{background:var(--inknavy);color:#fff}
@media (prefers-color-scheme:dark){.fit.strong{background:var(--ice);color:var(--midnight)}.fit.good{background:var(--electric);color:#fff}.fit.stretch{background:var(--soft);color:var(--peri);border-color:var(--line)}.fit.weak{color:var(--ice)}.pill.applied{color:var(--peri)}.pill.offer,.pill.hired{background:var(--ice);color:var(--midnight)}}
/* Bloques oscuros con halo eléctrico y retícula (como el banner) */
.hero,.card.fitmap{background-color:var(--midnight);background-image:var(--gridbg);background-size:100% 100%,22px 22px,22px 22px;border:0;color:#fff}
.hero .stats span{background:rgba(0,16,38,.45);border:1px solid rgba(117,177,231,.25);color:var(--peri)}
.hero .sum{color:var(--peri)}
.hero .next{background:rgba(117,177,231,.12)}.hero .next small{color:var(--ice)}
.hero .next .go{background:#fff;color:var(--inknavy)}
.hero .ring circle:nth-of-type(1){stroke:var(--ice);stroke-opacity:.18}
.hero .ring circle:nth-of-type(2){stroke:var(--ice)}
.hero .ring .l{fill:var(--ice)}
.card.fitmap .legend{color:var(--peri)}.card.fitmap .legend b{color:#fff}.card.fitmap .muted{color:var(--peri)}
.fitmap .ring{stroke:var(--ice);stroke-opacity:.3}
.fitmap .d0{fill:#fff}.fitmap .d1{fill:var(--ice)}.fitmap .d2{fill:var(--electric);stroke:var(--peri)}.fitmap .d3{fill:none;stroke:var(--peri)}
.fitmap .k0 i{background:#fff}.fitmap .k1 i{background:var(--ice)}.fitmap .k2 i{background:var(--electric);border:1px solid var(--peri)}.fitmap .k3 i{border-color:var(--peri)}
/* Barra de pestañas midnight */
nav.tabs{background:color-mix(in srgb,var(--midnight) 96%,transparent);box-shadow:var(--shadow)}
nav.tabs button{color:var(--ice)}
nav.tabs button.on{background:var(--electric);color:#fff}
@media (prefers-color-scheme:dark){nav.tabs{border:1px solid var(--line)}}
.toast{background:var(--midnight);color:#fff}
@media (prefers-color-scheme:dark){.toast{background:var(--ice);color:var(--midnight)}}
/* Norte (degradado original) y botón + rojo se mantienen */
.chat-head .coach-av{background:var(--inknavy)}
.msg.me{background:var(--inknavy)}
@media (prefers-color-scheme:dark){.msg.me{background:var(--ice);color:var(--midnight)}.chat-head .coach-av{background:var(--ice);color:var(--midnight)}}
.hero .big{padding-right:104px}
@media (prefers-color-scheme:dark){.hero,.card.fitmap{border:1px solid var(--line)}}
.hero .big small{display:inline-block;max-width:100%;overflow-wrap:anywhere}

/* ── 25/10 · Ajustes, foto, país, tareas, herramientas e historial de Norte ── */
.top-actions{display:flex;align-items:center;gap:8px}
.gear{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.gear svg{width:22px;height:22px}
.avatar{overflow:hidden;padding:0;display:grid;place-items:center}
.avatar img{width:100%;height:100%;object-fit:cover;display:block}
.avatar.big{width:64px;height:64px;font-size:20px;flex:none}
.linkbtn.small{font-size:13px;padding:6px 0}
.country-sel{margin-top:8px;font-weight:600}
.card.rem .rem-open{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid var(--line);background:var(--soft);border-radius:16px;padding:10px 12px;margin:10px 0;cursor:pointer;color:inherit;font:inherit}
.rem-ctx{flex:1;min-width:0}.rem-open .go{flex:none;font-size:13px;font-weight:700;color:var(--link)}
.rem-actions{gap:8px;align-items:center}
.card.tool .tool-ico{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;color:#fff;background:var(--navy)}
.tool-ico.t-brand_plan{background:var(--cyan)}.tool-ico.t-presence{background:var(--red)}
@media (prefers-color-scheme:dark){.card.tool .tool-ico{background:var(--sky);color:var(--navy)}.tool-ico.t-brand_plan{background:var(--cyan);color:#fff}.tool-ico.t-presence{background:var(--red);color:#fff}}
.md-doc{font-size:14.5px;line-height:1.5}.md-doc p{margin:0 0 8px}.md-doc .h{font-weight:700;margin-top:12px}
/* Chat: historial lateral */
.chat{overflow:hidden}
.chat-side{position:absolute;top:0;bottom:0;left:0;width:min(84vw,330px);background:var(--card);z-index:3;transform:translateX(-102%);transition:transform .22s ease;display:flex;flex-direction:column;gap:10px;padding:calc(var(--safe-t) + 12px) 14px calc(14px + var(--safe-b));box-shadow:var(--shadow)}
.chat-side.open{transform:none}
.side-scrim{position:absolute;inset:0;background:rgba(0,0,30,.35);z-index:2}
.side-head{display:flex;align-items:center;justify-content:space-between}.side-head b{font-family:var(--display);font-size:17px}
.side-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px}
.side-item{display:flex;align-items:stretch;border-radius:14px;background:var(--soft)}
.side-item.on{outline:2px solid var(--cyan)}
.side-open{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left;border:0;background:none;color:inherit;font:inherit;padding:9px 10px;cursor:pointer}
.side-open .ellipsis{font-weight:600;font-size:14px}
.side-del{border:0;background:none;padding:0 12px;cursor:pointer;font-size:15px;opacity:.75}
.k-ikigai{color:var(--navy)}.k-brand_plan{color:var(--cyan)}.k-presence{color:var(--red)}
@media (prefers-color-scheme:dark){.k-ikigai{color:var(--sky)}}
.danger-link{color:var(--bad)}
.chat-head .x{flex:none}
.doc-card{max-width:94%;border:1.5px solid var(--cyan)!important}
.doc-card .title{font-family:var(--display);font-size:17px;margin:2px 0 6px}
.doc-preview{max-height:220px;overflow:hidden;font-size:14px;opacity:.9;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.doc-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:10px}

/* Herramientas: tarjeta táctil + página de detalle */
.card.tool-tap{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}
.card.tool-tap:active{transform:scale(.99)}
.tool-tap .grow{display:flex;flex-direction:column;gap:4px}
.tool-tap .tool-desc{display:block;margin-bottom:4px}
.tool-go{font-size:28px;color:var(--sub);flex:none}
.tool-hero{text-align:center;padding:4px 0 8px}.tool-hero h2.big{margin:12px 0 8px}
.tool-ico.big{width:72px;height:72px;border-radius:22px;font-size:34px;margin:0 auto;display:grid;place-items:center;color:#fff;background:var(--navy)}
.tool-steps{padding-left:22px;margin:6px 0 10px}.tool-steps li{margin:6px 0}
.tool-cta{display:flex;flex-direction:column;gap:10px;margin-top:16px;align-items:stretch}.tool-cta .linkbtn{align-self:center}
.tool-ico.big.t-brand_plan{background:var(--cyan)}.tool-ico.big.t-presence{background:var(--red)}
.card.tool .tool-ico.t-brand_plan{background:var(--cyan);color:#fff}.card.tool .tool-ico.t-presence{background:var(--red);color:#fff}

/* Encaje · barra de cartera (sustituye al radar) */
.card.fitbar{background-color:var(--midnight);background-image:var(--gridbg);background-size:100% 100%,22px 22px,22px 22px;border:0;color:#fff;padding:16px}
@media (prefers-color-scheme:dark){.card.fitbar{border:1px solid var(--line)}}
.fb-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.fb-head span:first-child{font-weight:600;font-size:15px}.fb-head span:last-child{font-size:13px;color:var(--peri)}
.fb-bar{display:flex;gap:4px;margin-top:12px}
.fb-bar i,.fb-legend em i{display:block;height:14px;border-radius:7px;box-sizing:border-box}
.fb-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px}
.fb-legend span{display:flex;flex-direction:column;gap:2px;min-width:0}
.fb-legend b{font:700 22px var(--display)}
.fb-legend em{display:flex;align-items:center;gap:5px;font-style:normal;font-size:12px;color:var(--peri)}
.fb-legend em i{width:10px;height:10px;border-radius:50%;flex:none}
.s0{background:#fff}.s1{background:var(--ice)}.s2{background:#3A5BB8}.s3{border:1.5px dashed var(--peri);background:transparent}

/* ═══ Hoy v3 (25/10/2026) ═══ */
/* Cabecera: fecha entre logo y ajustes; saludo a la altura del título de Candidaturas */
.topbar{gap:8px}
.top-date{flex:1;min-width:0;text-align:center;font-size:13px;font-weight:600;color:var(--label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-date::first-letter{text-transform:uppercase}
@media (prefers-color-scheme:dark){.top-date{color:var(--ice)}}
h1.hello{margin:4px 0 12px}
/* Resumen compacto (misma escala que la barra de cartera) */
.hero.compact{padding:16px;margin:10px 0}
.hero.compact .ring{width:72px;height:72px;top:14px;right:14px}
.hero.compact .big{font-size:42px;padding-right:84px}
.hero.compact .sum{max-width:calc(100% - 86px);margin-top:4px;font-size:14px}
.hero .mini{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.hero .mini span{font-size:12.5px;padding:5px 10px;border-radius:999px;background:rgba(0,16,38,.45);border:1px solid rgba(117,177,231,.25);color:var(--peri)}
.hero .mini b{color:#fff;margin-right:4px}.hero .mini .warn b{color:#FFB4AE}
/* Checklist con progreso */
h2 .chk-count{margin-left:auto;font:600 13px var(--text);color:var(--label)}
@media (prefers-color-scheme:dark){h2 .chk-count{color:var(--ice)}}
.card.chk{padding:0;overflow:hidden}
.chk-prog{height:8px;margin:14px;border-radius:4px;background:var(--line);overflow:hidden}
.chk-prog i{display:block;height:100%;border-radius:4px;background:var(--signal);transition:width .3s}
@media (prefers-reduced-motion:reduce){.chk-prog i{transition:none}}
.chk-row{display:flex;align-items:center;min-height:58px;border-top:1px solid var(--line);padding-right:4px}
.chk-box{flex:none;width:48px;height:48px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;padding:0}
.chk-box i{width:26px;height:26px;border-radius:50%;border:2px solid var(--electric);box-sizing:border-box;display:grid;place-items:center}
@media (prefers-color-scheme:dark){.chk-box i{border-color:var(--ice)}}
.chk-row.late .chk-box i{border-color:var(--badge)}
.chk-box.on i{background:var(--inknavy);border-color:var(--inknavy)}
.chk-box.on i::after{content:"";width:10px;height:5px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:translateY(-1px) rotate(-45deg)}
@media (prefers-color-scheme:dark){.chk-box.on i{background:var(--ice);border-color:var(--ice)}.chk-box.on i::after{border-color:var(--midnight)}}
.chk-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;text-align:left;background:none;border:0;padding:8px 0;color:inherit;font:inherit;cursor:pointer}
.chk-t{font-weight:600;font-size:15.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis}
.chk-s{font-size:13px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chk-date{flex:none;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--soft);color:var(--label);margin-left:6px}
.chk-row.late .chk-date{background:#FFE3E1;color:#A1251B}
@media (prefers-color-scheme:dark){.chk-date{color:var(--ice)}.chk-row.late .chk-date{background:#4D1D1A;color:#FFB8B1}}
.chk-more{flex:none;width:40px;height:44px;border:0;background:transparent;color:var(--sub);font-size:18px;cursor:pointer}
.chk-acts{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px 48px}
.chk-row.done{opacity:.6;min-height:50px}.chk-row.done .chk-t{text-decoration:line-through;font-weight:500;color:var(--sub)}
/* Norte: asset y plegado en círculo */
.coach-av{background:none!important;padding:0;overflow:visible;width:38px;height:38px}
.coach-av svg{width:100%;height:100%;display:block}
.coach-av:after{content:none!important}
.coach-av.sm{width:24px;height:24px}
.coachbar{transition:width .35s ease,right .35s ease,border-radius .35s ease,padding .35s ease;overflow:hidden;white-space:nowrap}
.coachbar.min{right:auto;width:58px;padding:0 10px;border-radius:29px}
.coachbar.min .grow,.coachbar.min .coach-go{opacity:0;pointer-events:none}
.coachbar .grow{transition:opacity .2s}
@media (prefers-reduced-motion:reduce){.coachbar,.coachbar .grow{transition:none}}
/* Herramientas: ilustraciones */
.tool-ico{background-color:var(--midnight);background-image:var(--gridbg);background-size:100% 100%,12px 12px,12px 12px;padding:4px;width:56px;height:56px;border-radius:16px}
.tool-ico svg{width:100%;height:100%;display:block}
.tool-ico.big{width:96px;height:96px;border-radius:26px;padding:8px;margin:0 auto 8px}
.tool-ico.tool-ico.tool-ico{background-color:var(--midnight)!important;background-image:var(--gridbg)!important;background-size:100% 100%,12px 12px,12px 12px!important;color:#fff;font-size:0}

/* Norte · animación de plegado/expansión */
.coachbar{right:auto!important;width:min(calc(100vw - 98px),622px);transition:width .45s cubic-bezier(.2,.8,.2,1),border-radius .45s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.coachbar .grow,.coachbar .coach-go{transition:opacity .25s ease .15s,transform .35s cubic-bezier(.2,.8,.2,1) .1s}
.coachbar.min{width:58px;border-radius:29px}
.coachbar.min .grow,.coachbar.min .coach-go{opacity:0;transform:translateX(-12px);transition:opacity .15s ease,transform .2s ease}
.coachbar .coach-av{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.coachbar.min .coach-av{transform:rotate(-30deg)}
.coachbar:not(.min) .coach-av{transform:rotate(0)}
@media (prefers-reduced-motion:reduce){.coachbar,.coachbar .grow,.coachbar .coach-go,.coachbar .coach-av{transition:none}.coachbar.min .coach-av{transform:none}}

/* ═══ Radar de vacantes (25/10/2026) ═══ */
.radar-ico{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:var(--navy);color:#fff}
@media (prefers-color-scheme:dark){.radar-ico{background:var(--sky);color:var(--navy)}}
.card.radar-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}
.card.radar-card .grow{display:flex;flex-direction:column;gap:3px;min-width:0}
.card.radar-card.hot{border:1.5px solid var(--red)}
.card.radar-card.hot .radar-ico{background:var(--red);color:#fff}
.card.match{padding:14px}
.score-badge{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font:700 17px var(--display,inherit);color:#fff;background:#6B7394}
.score-badge.good{background:var(--cyan)}.score-badge.top{background:var(--red)}
.match-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.card.target .bad,.tiny.bad{color:var(--bad)}
.ok-box,.bad-box{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--soft)}
.bad-box{color:var(--bad)}

/* Radar · fuentes de búsqueda */
.src-list{padding:4px 12px}
.src-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.src-row:first-child{border-top:0}
.src-check{flex:none;position:relative;width:26px;height:26px;margin-top:1px;cursor:pointer}
.src-check input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.src-check span{display:block;width:26px;height:26px;border-radius:8px;border:2px solid var(--line);background:var(--card);transition:background .15s}
.src-check input:checked+span{background:var(--navy);border-color:var(--navy)}
.src-check input:checked+span:after{content:"";position:absolute;left:9px;top:4px;width:7px;height:13px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.src-check input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}
@media (prefers-color-scheme:dark){.src-check input:checked+span{background:var(--sky);border-color:var(--sky)}.src-check input:checked+span:after{border-color:var(--navy)}}
.vbadge{flex:none;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--soft);color:var(--sub);white-space:nowrap}
.vbadge.ok{background:#dff5e7;color:#1d6b3f}.vbadge.bad{background:#ffe5e3;color:#a1251b}
@media (prefers-color-scheme:dark){.vbadge.ok{background:#173f2a;color:#b5f0cc}.vbadge.bad{background:#4d1d1a;color:#ffb8b1}}
.vbadge .spinner{width:11px;height:11px;border-width:2px}
.src-del{flex:none;border:0;background:none;font-size:16px;cursor:pointer;opacity:.75;padding:2px 4px}
.tiny.bad{color:var(--bad)}
.src-check span{pointer-events:none}
details.adv{margin:4px 0 8px}details.adv>summary{cursor:pointer;list-style:none;padding:6px 0;text-decoration:underline;text-underline-offset:3px}details.adv>summary::-webkit-details-marker{display:none}
.vbadge.pending{display:inline-flex;align-items:center;gap:6px}
.tool-ico.t-insights{background:var(--navy)}
@media (prefers-color-scheme:dark){.tool-ico.t-insights{background:var(--cyan)}}
.score-badge.mid{background:#7A86B8}.score-badge.low{background:#B9C2DE;color:var(--navy)}
details.eval-ctx{margin:10px 0;padding:10px 12px;border-radius:12px;background:var(--soft)}
details.eval-ctx>summary{cursor:pointer;font-weight:700;font-size:14px;color:var(--navy)}
details.eval-ctx[open]>summary{margin-bottom:8px}
.card.ins-ai .doc-prev{max-height:340px;overflow:auto;margin-top:6px}
/* Contactos: LinkedIn */
.li-btn{flex:none;width:38px;height:38px;border-radius:12px;border:0;background:var(--soft);color:#0A66C2;display:grid;place-items:center;cursor:pointer}
.li-btn svg{width:22px;height:22px}.btn.li svg{width:16px;height:16px;vertical-align:-3px;margin-right:4px}
.btn.li{background:#0A66C2;color:#fff}
@media (prefers-color-scheme:dark){.li-btn{color:#70B5F9}}
/* Textos largos con «Ver más» */
details.more>summary{list-style:none;cursor:pointer}details.more>summary::-webkit-details-marker{display:none}
details.more .more-btn{color:var(--link);font-weight:600;white-space:nowrap}
details.more[open] .more-short,details.more[open] .more-btn{display:none}
details.more .more-full{white-space:pre-wrap}
/* Interruptor de completados */
.switch-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:-6px 2px 8px}
.switch{position:relative;width:44px;height:26px;border-radius:13px;border:0;background:var(--line);cursor:pointer;flex:none;padding:0}
.switch i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s}
.switch.on{background:var(--cyan)}.switch.on i{left:21px}
/* Dashboard de proceso */
.tool-ico.t-proc{background:var(--cyan)}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}
.kpi{background:var(--card);border-radius:16px;padding:10px 10px 9px;display:flex;flex-direction:column;gap:2px;min-width:0}
.kpi b{font:700 20px var(--display);color:var(--ink)}.kpi span{font-size:12px;font-weight:600;color:var(--ink);line-height:1.2}.kpi small{font-size:11px;color:var(--sub)}
@media (prefers-color-scheme:dark){.kpi{border:1px solid var(--line)}}
.hbars{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.hb-row{display:grid;grid-template-columns:minmax(78px,32%) 1fr auto;align-items:center;gap:8px;font-size:13px}
.hb-l{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hb-track{height:10px;background:var(--soft);border-radius:5px;overflow:hidden}.hb-track i{display:block;height:100%;background:#0097DC;border-radius:0 4px 4px 0}
.hb-v{font-weight:700;color:var(--ink);white-space:nowrap}.hb-v small{font-weight:400;color:var(--sub)}
.cols{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;align-items:end;height:130px;margin-top:10px}
.col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px}
.col i{display:block;width:70%;background:#0097DC;border-radius:4px 4px 0 0;min-height:2px}
.col-v{font-size:11px;font-weight:700;color:var(--ink)}.col-l{font-size:10px;color:var(--sub);white-space:nowrap}
@media (prefers-color-scheme:dark){.hb-track i,.col i{background:#75B1E7}}
.btn.li svg rect{fill:#fff}.btn.li svg path{stroke:#0A66C2}
.small.pre,details.more .more-short{white-space:pre-wrap}
/* Ayuda contextual en Perfil */
.help-i{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:4px;border-radius:50%;border:1.5px solid var(--sub);background:transparent;color:var(--sub);font:700 11px/1 var(--text);font-style:italic;vertical-align:1px;cursor:pointer;padding:0}
.help-i[aria-expanded="true"]{background:var(--cyan);border-color:var(--cyan);color:#fff}
.help-tip{margin:-4px 0 10px;padding:10px 12px;border-radius:12px;background:var(--soft);font-size:13px;line-height:1.4;color:var(--ink)}
/* Ubicación por país */
.loc-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr) 36px;gap:6px;margin-bottom:6px;align-items:center}
.loc-row .i{min-height:44px;padding:10px 12px;font-size:15px}
.loc-del{width:36px;height:36px;border-radius:10px;border:0;background:var(--soft);color:var(--sub);font-size:20px;cursor:pointer}
/* ───────── Tour rápido ───────── */
.tour-hero{text-align:center;padding:8px 4px 14px}
.tour-logo{display:flex;justify-content:center;margin:6px 0 12px}
.tour-hero h2{margin:0 0 6px;font-size:24px}
.tour-card{padding:4px 2px}
.tour-card h2{margin:6px 0 6px;font-size:21px}
.tour-card p{margin:0;color:var(--sub);line-height:1.5}
.tour-dots{display:flex;gap:6px;justify-content:center;margin:2px 0 10px}
.tour-dots i{width:7px;height:7px;border-radius:50%;background:var(--line);transition:width .25s,background .25s}
.tour-dots i.done{background:color-mix(in srgb,var(--cyan,#0097DC) 45%,var(--line))}
.tour-dots i.on{width:20px;border-radius:4px;background:var(--cyan,#0097DC)}
.tour-ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:24px;background:color-mix(in srgb,var(--cyan,#0097DC) 14%,transparent);color:var(--navy)}
@media (prefers-color-scheme:dark){.tour-ico{color:var(--ice)}}
.sheet-bg.tour{background:rgba(0,0,40,.30);align-items:flex-start;padding-top:calc(64px + env(safe-area-inset-top,0px))}
.sheet-bg.tour .sheet{border-radius:24px;margin:0 14px;max-width:560px;padding-bottom:18px;box-shadow:var(--shadow)}
.sheet-bg.tour .sheet .grab{display:none}
.tour-hl{z-index:31!important;pointer-events:none;outline:3px solid var(--cyan,#0097DC);outline-offset:3px;box-shadow:0 0 0 8px color-mix(in srgb,var(--cyan,#0097DC) 25%,transparent)!important;border-radius:22px}
.fab.tour-hl{border-radius:50%}
nav.tabs button.tour-hl{background:var(--card);color:var(--navy)}
.gear.tour-hl{border-radius:50%}
nav.tabs button.tour-hl,.gear.tour-hl{position:relative}
nav.tabs:has(.tour-hl),.topbar:has(.tour-hl){z-index:31;position:relative}
nav.tabs:has(.tour-hl){position:fixed}
/* Encaje colapsable */
details.fit-det>summary{list-style:none;cursor:pointer}
details.fit-det>summary::-webkit-details-marker{display:none}
.fit-tog{display:flex;align-items:center;justify-content:center;gap:4px;font-weight:600;color:var(--cyan)}
.fit-tog::before{content:var(--t-fit-show,"Ver detalle del encaje")}
.fit-tog::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
details.fit-det[open] .fit-tog::before{content:var(--t-fit-hide,"Ocultar detalle")}
details.fit-det[open] .fit-tog::after{transform:rotate(-135deg) translateY(-2px)}
@media (prefers-color-scheme:dark){.fit-tog{color:#75B1E7}}
/* Secciones plegables de la ficha del rol */
details.sec>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;margin:18px 4px 8px;min-height:32px}
details.sec>summary::-webkit-details-marker{display:none}
details.sec>summary h3{margin:0;flex:1}
details.sec>summary .sec-meta{font-size:12px;font-weight:700;color:var(--sub);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:2px 8px}
details.sec>summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--sub);border-bottom:2px solid var(--sub);transform:rotate(45deg);margin:0 6px 4px 2px;transition:transform .2s}
details.sec[open]>summary::after{transform:rotate(-135deg);margin-bottom:-2px}
.dimbars .hb-row{grid-template-columns:minmax(120px,48%) 1fr 28px}
.dimbars .hb-v{text-align:right}
/* Cómo te ve Rumbo (plegable dentro del perfil) */
details.model-det{border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin:6px 0 14px;background:color-mix(in srgb,var(--cyan) 5%,var(--card))}
details.model-det>summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer}
details.model-det>summary::-webkit-details-marker{display:none}
details.model-det>summary .grow{display:flex;flex-direction:column;gap:2px}
details.model-det>summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--sub);border-bottom:2px solid var(--sub);transform:rotate(45deg);transition:transform .2s;flex:none}
details.model-det[open]>summary::after{transform:rotate(-135deg)}
.fb-list{list-style:none;margin:4px 0 0;padding:0}
.fb-list li{display:flex;align-items:flex-start;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}
/* ───────── Fase 5 · Compartir en Rumbo y guía de alertas ───────── */
:root{--il-card:#FFFFFF;--il-line:#D9DCE8;--il-ink:#000066;--il-soft:#EEF1F8;--il-acc:#0097DC;--il-hl:#E53935;--il-mute:#8A90A8}
@media (prefers-color-scheme:dark){:root{--il-card:#1B1F36;--il-line:#343A5C;--il-ink:#BDE8FF;--il-soft:#262B48;--il-acc:#75B1E7;--il-hl:#FF6B66;--il-mute:#7C83A3}}
.score-badge.wait{background:var(--line);color:var(--sub)}
.score-badge.prelim{opacity:.85;outline:2px dashed currentColor;outline-offset:-4px}
.pill.origin{background:color-mix(in srgb,var(--cyan) 14%,transparent);color:var(--navy);font-weight:700}
@media (prefers-color-scheme:dark){.pill.origin{color:var(--sky)}}
.pill.prelim{border:1px dashed var(--sub)}
.card.match.shared{border-left:4px solid var(--cyan)}
.prelim-note{margin:6px 0 2px;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--cyan) 8%,transparent)}
.guide-progress{height:6px;border-radius:3px;background:var(--line);overflow:hidden;margin:4px 0 12px}
.guide-progress i{display:block;height:100%;background:var(--cyan);border-radius:3px;transition:width .3s}
.guide-ill{background:var(--il-soft);border-radius:18px;padding:10px;margin-bottom:12px}
.guide-ill svg{display:block;width:100%;height:auto;max-height:240px}
.guide-title{font-size:21px;margin:4px 0 8px}
.guide-body{line-height:1.55;color:var(--ink)}
.guide-tip{margin-top:12px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--cyan) 9%,var(--card));font-size:14px;line-height:1.5}
.guide-tip b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--cyan);margin-bottom:2px}
.guide-nav{margin-top:16px}
.guide-block{margin-top:12px}
.alert-row{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.copy-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:16px;padding:7px 12px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.copy-chip span{color:var(--cyan);font-size:13px}
.copy-chip.done{border-color:var(--cyan)}
.checklist{display:flex;flex-direction:column;gap:8px}
.g-chk{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);background:var(--card);border-radius:12px;padding:10px 12px;font:inherit;color:var(--ink);cursor:pointer}
.g-chk[disabled]{cursor:default}
.g-box{flex:none;width:24px;height:24px;border-radius:7px;border:2px solid var(--line);display:grid;place-items:center;font-weight:800;color:#fff}
.g-chk.on .g-box{background:var(--cyan);border-color:var(--cyan)}
.tool-ico.t-li{background:var(--cyan)}
.tour-ill{background:var(--il-soft);border-radius:16px;padding:8px;margin:2px 0 10px}
.tour-ill svg{display:block;width:100%;height:auto;max-height:170px}
.card.match.evaluating .match-acts{display:none}


/* ═══ Temas de color (Ajustes › Apariencia) · 25/10/2026. VDS = sin data-theme ═══ */
:root[data-theme]{--gridbg:linear-gradient(transparent,transparent),linear-gradient(transparent,transparent),linear-gradient(transparent,transparent);--navy:var(--inknavy);--cyan:var(--signal);--sky:var(--soft);--tint:var(--soft)}
:root[data-theme="grafito"]{--midnight:#1C1F24;--deep:#2A2E35;--electric:#3A3F48;--ice:#D9C29A;--peri:#B9BCC2;--inknavy:#16181C;--label:#6E5A36;--signal:#B08D57;--bg:#F7F6F3;--card:#FFFFFF;--ink:#16181C;--sub:#5B6068;--line:#E6E2DA;--soft:#F3EDE3;--accent:#1C1F24;--accent-ink:#FFFFFF;--link:#6E5A36;--stage:#E6E2DA;--stage-done:#16181C;--hero:#1C1F24;--hero-sub:#B9BCC2}
:root[data-theme="banca"]{--midnight:#0B1F3A;--deep:#13294A;--electric:#3A6EA5;--ice:#A9C7E8;--peri:#A9B6CA;--inknavy:#0B1F3A;--label:#2E5A8A;--signal:#3A6EA5;--bg:#F4F6F9;--card:#FFFFFF;--ink:#0B1F3A;--sub:#56627A;--line:#E1E6EE;--soft:#E8EFF7;--accent:#0B1F3A;--accent-ink:#FFFFFF;--link:#2E5A8A;--stage:#E1E6EE;--stage-done:#0B1F3A;--hero:#0B1F3A;--hero-sub:#A9B6CA}
:root[data-theme="ingles"]{--midnight:#0F3B2E;--deep:#164A3A;--electric:#2A6650;--ice:#D8C08E;--peri:#A9C2B8;--inknavy:#14241E;--label:#1E5A46;--signal:#A8864A;--bg:#F6F5F0;--card:#FFFFFF;--ink:#14241E;--sub:#56625C;--line:#E3E4DC;--soft:#F1EBDD;--accent:#0F3B2E;--accent-ink:#FFFFFF;--link:#1E5A46;--stage:#E3E4DC;--stage-done:#0F3B2E;--hero:#0F3B2E;--hero-sub:#A9C2B8}
:root[data-theme="burdeos"]{--midnight:#4A1620;--deep:#5A1E2A;--electric:#6E2A36;--ice:#E2C79A;--peri:#D2B7BA;--inknavy:#241B1D;--label:#7A3340;--signal:#B89A6A;--bg:#FAF7F2;--card:#FFFFFF;--ink:#241B1D;--sub:#6B6062;--line:#EAE3D9;--soft:#F3ECE0;--accent:#4A1620;--accent-ink:#FFFFFF;--link:#7A3340;--stage:#EAE3D9;--stage-done:#4A1620;--hero:#4A1620;--hero-sub:#D2B7BA}
:root[data-theme="mono"]{--midnight:#0A0A0B;--deep:#1A1A1C;--electric:#2A2A2E;--ice:#FFFFFF;--peri:#A3A6AD;--inknavy:#0A0A0B;--label:#000066;--signal:#000066;--bg:#FFFFFF;--card:#FFFFFF;--ink:#0A0A0B;--sub:#62656C;--line:#E8E8EA;--soft:#F2F2F4;--accent:#0A0A0B;--accent-ink:#FFFFFF;--link:#000066;--stage:#E8E8EA;--stage-done:#0A0A0B;--hero:#0A0A0B;--hero-sub:#A3A6AD}
@media (prefers-color-scheme:dark){
:root[data-theme="grafito"]{--bg:#0F1013;--card:#1A1C21;--line:#2B2E35;--ink:#F2EFE9;--sub:#B9BCC2;--soft:#22252B;--accent:#D9C29A;--accent-ink:#16181C;--link:#D9C29A;--stage:#2B2E35;--stage-done:#D9C29A;--label:#D9C29A}
:root[data-theme="banca"]{--bg:#06121F;--card:#0F2036;--line:#1F3350;--ink:#EEF3FA;--sub:#A9B6CA;--soft:#14294A;--accent:#A9C7E8;--accent-ink:#0B1F3A;--link:#A9C7E8;--stage:#1F3350;--stage-done:#A9C7E8;--label:#A9C7E8}
:root[data-theme="ingles"]{--bg:#08201A;--card:#102E25;--line:#1E4236;--ink:#F1F0EA;--sub:#A9C2B8;--soft:#143A2F;--accent:#D8C08E;--accent-ink:#14241E;--link:#D8C08E;--stage:#1E4236;--stage-done:#D8C08E;--label:#D8C08E}
:root[data-theme="burdeos"]{--bg:#1E0A0E;--card:#2E1218;--line:#4A2029;--ink:#F7F1EA;--sub:#D2B7BA;--soft:#3A1820;--accent:#E2C79A;--accent-ink:#241B1D;--link:#E2C79A;--stage:#4A2029;--stage-done:#E2C79A;--label:#E2C79A}
:root[data-theme="mono"]{--bg:#000000;--card:#121214;--line:#26262A;--ink:#F5F5F7;--sub:#A3A6AD;--soft:#1C1C1F;--accent:#FFFFFF;--accent-ink:#0A0A0B;--link:#9FA8FF;--stage:#26262A;--stage-done:#FFFFFF;--label:#9FA8FF}
}
/* Elementos con tintes azules fijos de VDS → neutros en los temas nuevos */
:root[data-theme] .hero .stats span,:root[data-theme] .hero .mini span{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:var(--hero-sub)}
:root[data-theme] .hero .sum,:root[data-theme] .card.fitbar .fb-head span:last-child,:root[data-theme] .fb-legend em{color:var(--hero-sub)}
:root[data-theme] .hero .next{background:rgba(255,255,255,.08)}
:root[data-theme] .s2{background:color-mix(in srgb,var(--ice) 45%,transparent)}
:root[data-theme] .s3{border-color:var(--hero-sub)}
:root[data-theme] .fit.strong{background:var(--inknavy);color:#fff}
:root[data-theme] .fit.good,:root[data-theme] .pill.interviewing{background:var(--electric);color:#fff}
:root[data-theme] .fit.stretch,:root[data-theme] .pill.applied{background:var(--soft);color:var(--label)}
:root[data-theme] .fit.weak{color:var(--label)}
:root[data-theme] .pill.offer,:root[data-theme] .pill.hired{background:var(--inknavy);color:#fff}
@media (prefers-color-scheme:dark){:root[data-theme] .fit.strong,:root[data-theme] .pill.offer,:root[data-theme] .pill.hired{background:var(--accent);color:var(--accent-ink)}:root[data-theme] .chk-box i{border-color:var(--accent)}:root[data-theme] .chk-box.on i{background:var(--accent);border-color:var(--accent)}}
:root[data-theme] .chk-box i{border-color:var(--electric)}
:root[data-theme] .chk-box.on i{background:var(--inknavy);border-color:var(--inknavy)}
@media (prefers-color-scheme:light){:root[data-theme="mono"] .chk-box i{border-color:#0A0A0B}}
/* Selector de apariencia */
.theme-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.theme-opt{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 12px;border:1.5px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.theme-opt[aria-checked="true"]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.theme-sw{display:flex;flex:none}
.theme-sw i{width:20px;height:20px;border-radius:50%;border:2px solid var(--card);margin-left:-6px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.theme-sw i:first-child{margin-left:0}
.theme-opt .grow{display:flex;flex-direction:column}
.theme-opt .grow b{font-weight:700;font-size:15px}.theme-opt .grow small{font-size:12.5px;color:var(--sub)}
.theme-check{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;box-sizing:border-box}
.theme-opt[aria-checked="true"] .theme-check{background:var(--accent);border-color:var(--accent)}
.theme-opt[aria-checked="true"] .theme-check::after{content:"";width:9px;height:5px;border-left:2.5px solid var(--accent-ink);border-bottom:2.5px solid var(--accent-ink);transform:translateY(-1px) rotate(-45deg)}
/* Ajustes tras revisión: Norte conserva su degradado; contraste en oscuro */
:root[data-theme] .coachbar{background:linear-gradient(120deg,#000066,#0b3b8c 60%,#0097DC)}
@media (prefers-color-scheme:dark){:root[data-theme]{--navy:var(--accent)}:root[data-theme="mono"]{--signal:#9FA8FF}}
:root[data-theme] .chk-row.late .chk-box i{border-color:var(--badge)!important}
/* Apariencia: selector desplegable */
.theme-dd{display:flex;align-items:center;gap:10px;margin-top:10px}
.theme-dd .theme-sw{flex:none}
.theme-dd select{flex:1;min-width:0}
/* Timeline: editar entrada */
.ev-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.ev-edit{flex:none;border:0;background:transparent;color:var(--sub);font-size:15px;line-height:1;padding:4px 6px;margin:-4px -6px 0 0;border-radius:8px;cursor:pointer}
.ev-edit:active{background:var(--soft)}
.danger-link{color:var(--bad)!important}
/* Navegación entre hojas: cabecera fija con flecha atrás y botón final */
.sheet-head{position:sticky;top:-12px;z-index:3;background:var(--bg);margin:0 -16px;padding:8px 16px}
.sheet-head h2{flex:1;min-width:0}
.sheet-head .x.back{font-size:30px;line-height:1;padding-bottom:4px}
.sheet-foot{margin-top:16px}
/* Calidad de la conexión con portales */
.vbadge.warn{background:#fff1d6;color:#8a5a00}
@media (prefers-color-scheme:dark){.vbadge.warn{background:#4a3710;color:#ffd98a}}
.qchecks{list-style:none;margin:6px 0 0;padding:0;font-size:12px;line-height:1.35;color:var(--sub)}
.qchecks li{position:relative;padding-left:16px;margin:2px 0}
.qchecks li::before{position:absolute;left:0;top:0;font-weight:700}
.qchecks li.y::before{content:"✓";color:#1d6b3f}.qchecks li.n::before{content:"✗";color:#a1251b}.qchecks li.i::before{content:"•"}
@media (prefers-color-scheme:dark){.qchecks li.y::before{color:#b5f0cc}.qchecks li.n::before{color:#ffb8b1}}
.warn-box{margin-top:10px;background:#fff6e2;border-radius:12px;padding:10px 12px}
@media (prefers-color-scheme:dark){.warn-box{background:#3a2c0e}}
/* Botones que llevan a Norte.ai: mismo formato en toda la app (la barra flotante no cambia) */
.coach-inline.norte-btn{font-size:15px;line-height:1.25;text-align:left}
.coach-inline.norte-btn.compact{display:inline-flex;width:auto;min-height:40px;margin:4px 0;padding:7px 14px 7px 9px;border-radius:999px;font-size:14px;gap:7px}
.coach-inline.norte-btn .coach-av.sm{width:24px;height:24px}
.coach-inline.norte-btn:active{background:color-mix(in srgb,var(--cyan) 10%,transparent)}

/* «No iniciada» en rojo */
.stage.s-saved i.cur{background:#D93025}
@media (prefers-color-scheme:dark){.stage.s-saved i.cur{background:#FF8A80}}

/* Candidaturas: la tarjeta azul es el panel de filtros (estado + encaje) */
.card.fitbar.ctl{padding:14px 14px 12px}
.fb-status{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -2px 12px;padding:0 2px}.fb-status::-webkit-scrollbar{display:none}
.fb-status button{flex:none;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;border-radius:999px;min-height:34px;padding:0 12px;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}
.fb-status button b{margin-left:6px;font-weight:700;opacity:.8}
.fb-status button.on{background:#fff;color:#000066;border-color:#fff}
.fb-clear{border:0;background:rgba(255,255,255,.14);color:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;cursor:pointer}
.fb-bar button{display:block;height:14px;border-radius:7px;box-sizing:border-box;border:0;padding:0;cursor:pointer;min-width:10px}
.fb-bar button.s3{border:1.5px dashed var(--peri);background:transparent}
.su{background:rgba(255,255,255,.22)}
.fb-legend button{appearance:none;border:0;background:transparent;color:inherit;text-align:left;display:flex;flex-direction:column;gap:2px;min-width:0;padding:6px;margin:-6px;border-radius:12px;cursor:pointer}
.fb-legend{column-gap:8px}
.fb-legend button:disabled{opacity:.4;cursor:default}
.fb-legend button.on{background:rgba(255,255,255,.14)}
.fb-legend button.dim,.fb-bar button.dim{opacity:.35}
.fb-legend em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb-status button:focus-visible,.fb-legend button:focus-visible,.fb-bar button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.cand-tools{display:flex;gap:8px;align-items:center;margin:4px 0 10px}
.cand-tools input{flex:1;min-width:0;margin:0}
.country-sel.mini{margin:0;width:74px;min-width:0;flex:none;padding-left:12px;padding-right:22px}
.country-sel.mini.set{width:auto;max-width:36%}
.seg.mini{margin:0;padding:3px;border-radius:14px;flex:none}
.seg.mini button{flex:none;min-height:38px;width:42px;padding:0;display:grid;place-items:center;border-radius:11px}
.list-note{margin:-2px 2px 8px}

/* Mi red: tarjeta de filtros */
.card.fitbar.red .ra{background:var(--ice,#BDE8FF)}
.card.fitbar.red .rs{background:rgba(255,255,255,.22)}
.card.fitbar.red .fb-legend{column-gap:6px}
.card.fitbar.red .fb-legend b{font-size:20px}
.card.fitbar.red .fb-legend em{white-space:nowrap;font-size:12px}
.card.fitbar.red .fb-legend em i{margin-top:2px}
.card.fitbar.red .fb-legend button.warn b{color:#FFC46B}
.card.fitbar.red .fb-legend{grid-template-columns:repeat(4,auto)!important;justify-content:space-between}

/* ───────── Pantalla ancha (iPad y web): barra lateral, sin flotantes, lista + ficha ───────── */
.split-empty,.nav-logo,.nav-foot,.wide-only{display:none}
@media (min-width:744px) and (min-height:600px){
 :root{--rail:84px;--list:300px;--panelw:min(520px,52vw)}
 nav.tabs{left:max(12px,env(safe-area-inset-left,0px));right:auto;top:calc(var(--safe-t) + 12px);bottom:calc(12px + var(--safe-b));width:var(--rail);border-radius:28px;display:flex;flex-direction:column;justify-content:flex-start;padding:14px 0 12px;box-sizing:border-box;background-color:var(--midnight,#001026);background-image:var(--gridbg);background-size:100% 100%,22px 22px,22px 22px}
 nav.tabs .in{flex-direction:column;gap:6px;padding:6px}
 nav.tabs button{flex:none;min-height:60px;border-radius:16px;font-size:10.5px;padding:6px 2px}
 nav.tabs .nav-logo{display:flex;justify-content:center;padding:2px 0 10px;color:#fff;font:700 24px var(--display);order:-1}
 .nav-logo .logo{display:none}.nav-logo .mark i{color:var(--red,#E53935);font-style:normal}
 nav.tabs .nav-foot{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:auto;padding:0 8px}
 nav.tabs .nav-norte{width:56px;height:56px;border-radius:50%;border:0;padding:0;background:linear-gradient(120deg,#000066,#0b3b8c 60%,#0097DC);display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;cursor:pointer}
 nav.tabs .nav-norte .coach-av{width:40px;height:40px;background:transparent}
 nav.tabs .nav-norte span:not(.coach-av){display:none}
 nav.tabs .nav-set{width:48px;height:48px;border:0;border-radius:14px;background:transparent;color:var(--peri,#A7BCEA);display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}
 nav.tabs .nav-set svg{width:22px;height:22px}.nav-set span{display:none}
 .fab,.coachbar{display:none!important}
 .topbar .logo,.topbar .gear{display:none}
 .topbar{align-items:center;gap:10px}
 .topbar .top-date{margin-right:auto;text-align:left;font-weight:600}
 .wide-only{display:inline-flex}
 .top-search{align-items:center;gap:8px;min-height:44px;width:44px;justify-content:center;padding:0;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}
 .top-search svg{width:20px;height:20px}.top-search span,.top-search kbd{display:none}
 .top-new{align-items:center;min-height:44px;padding:0 16px;border:0;border-radius:14px;background:var(--red,#E53935);color:#fff;font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap}
 #app{margin-left:calc(var(--rail) + 24px);margin-right:max(16px,env(safe-area-inset-right,0px));width:auto;max-width:none;padding-left:8px;padding-right:8px;padding-bottom:calc(40px + var(--safe-b))}
 .sheet-bg:not(.tour){align-items:center;padding:24px}
 .sheet-bg:not(.tour) .sheet{max-width:680px;max-height:88vh;border-radius:28px;box-shadow:0 24px 60px rgba(0,0,40,.35)}
 .sheet-bg:not(.tour) .sheet .grab{display:none}
 .chat{inset:24px 24px 24px calc(var(--rail) + 36px);border-radius:28px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,40,.35);padding-top:0;border:1px solid var(--line)}
 .sheet:has(.ficha-head) .sheet-head .grow{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .sheet:has(.ficha-head) .sheet-head{justify-content:space-between}
}
/* ≥768 px: lista + ficha en el mismo plano (Candidaturas, Mi red, Radar); Hoy y Herramientas a todo el ancho con la ficha como panel */
@media (min-width:768px) and (min-height:600px){
 :root{--pl:calc(100vw - var(--panelw) - max(16px,env(safe-area-inset-right,0px)))}
 body[data-section=cand],body[data-section=red],body[data-section=radar]{--pl:calc(var(--rail) + 24px + var(--list) + 24px)}
 body[data-section=cand] #app,body[data-section=red] #app,body[data-section=radar] #app{width:var(--list);margin-right:0}
 .sheet-bg:not(.tour),.chat{position:fixed;inset:calc(var(--safe-t) + 12px) max(16px,env(safe-area-inset-right,0px)) calc(12px + var(--safe-b)) var(--pl);width:auto;background:transparent;padding:0;display:block;border-radius:28px}
 .sheet-bg:not(.tour) .sheet{max-width:none;width:100%;height:100%;max-height:none;box-sizing:border-box;border-radius:28px;background:var(--bg);border:1px solid var(--line);box-shadow:0 10px 40px rgba(0,0,40,.16);padding:16px 22px 24px}
 .sheet-bg:not(.tour) .sheet-head{margin:0 -22px;padding:8px 22px}
 .chat{box-shadow:0 10px 40px rgba(0,0,40,.16);z-index:32;display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);overflow:hidden}
 .chat .chat-head{flex:none}.chat .chat-body{flex:1 1 auto;min-height:0}.chat .chat-input{flex:none}
 body[data-section=cand] .split-empty,body[data-section=red] .split-empty,body[data-section=radar] .split-empty{display:grid;place-items:center;position:fixed;top:calc(var(--safe-t) + 12px);bottom:calc(12px + var(--safe-b));right:max(16px,env(safe-area-inset-right,0px));left:var(--pl);border:1.5px dashed var(--line);border-radius:28px;color:var(--sub);text-align:center;padding:24px;z-index:1}
 .split-empty div{display:grid;gap:6px;max-width:300px}.split-empty b{color:var(--ink);font-size:16px}.split-empty span{font-size:14px;line-height:1.45}
 body:has(.sheet-bg:not(.tour)) .split-empty,body:has(.chat) .split-empty{display:none!important}
}
@media (min-width:1000px) and (min-height:600px){ :root{--list:420px} }
/* Web de escritorio (≥1024 px): menú lateral completo con logo, Norte.ai desplegado y Ajustes */
@media (min-width:1024px){
 html.web{--rail:248px;--panelw:clamp(380px,34vw,560px);--list:calc(100vw - var(--rail) - 48px - var(--panelw) - 16px)}
 html.web nav.tabs{top:0;bottom:0;left:0;border-radius:0;padding:22px 16px 18px}
 html.web nav.tabs .in{padding:0;gap:4px}
 html.web nav.tabs button{flex-direction:row;justify-content:flex-start;gap:12px;min-height:46px;padding:0 12px;font-size:15px;border-radius:12px}
 html.web nav.tabs button svg{width:20px;height:20px;flex:none}
 html.web .tab-badge{position:static;margin-left:auto}
 html.web .nav-logo{justify-content:flex-start;padding:0 12px 22px}
 html.web .nav-logo .logo{display:block;filter:url(#rumbo-logo-on-dark)}html.web .nav-logo .mark{display:none}
 html.web .nav-foot{align-items:stretch;padding:0}
 html.web .nav-norte{width:100%;height:58px;border-radius:18px;justify-content:flex-start;padding:0 12px;text-align:left}
 html.web .nav-norte span:not(.coach-av){display:block}html.web .nav-norte b{display:block;font-size:14.5px}html.web .nav-norte small{display:block;font-size:12px;opacity:.85}
 html.web .nav-set{width:100%;justify-content:flex-start;padding:0 12px;font-size:14px}html.web nav.tabs .nav-set span{display:inline}
 html.web #app{margin-left:calc(var(--rail) + 24px)}
 html.web .top-search{width:auto;min-width:300px;justify-content:flex-start;padding:0 14px;color:var(--sub);font-size:15px}
 html.web .top-search span,html.web .top-search kbd{display:inline}
 html.web .top-search kbd{margin-left:auto;font:600 11px var(--text);border:1px solid var(--line);border-radius:6px;padding:2px 6px}
}
.card.tap.sel{outline:2px solid var(--cyan);outline-offset:-2px}
/* ───────── iPad: Radar como pestaña, Hoy en dos columnas, ficha con «Siguiente paso», Mi red con más datos ───────── */
nav.tabs button{position:relative}
.tab-badge{position:absolute;top:4px;right:calc(50% - 22px);min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--red,#E53935);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
@media (min-width:1150px) and (min-height:600px){.tab-badge{position:static;margin-left:auto}}
.radar-hero .radar-acts{margin-top:12px;gap:8px;position:relative}
.radar-hero .btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}
.hoy-cols{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;align-items:start;margin-top:4px}
.hoy-main,.hoy-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.side-card h2{margin:0 0 8px;font-size:18px}
.cal-row{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;border:0;border-top:1px solid var(--line);background:transparent;padding:8px 0;text-align:left;color:inherit;font:inherit;cursor:pointer}
.cal-row .grow{min-width:0;display:flex;flex-direction:column}
.cal-day{width:50px;flex:none;text-align:center;border-radius:12px;background:var(--soft,#F2F7FF);padding:5px 0;display:flex;flex-direction:column}
.cal-day small{font-size:11px;font-weight:700;color:var(--label,#002A91)}.cal-day b{font:700 19px var(--display);color:var(--ink)}
.chk-resched{min-height:36px;padding:0 12px;margin-left:6px;flex:none}
.ficha-head{margin:6px 0 12px;border-radius:22px;padding:16px 18px;color:#fff;background-color:var(--midnight,#001026);background-image:var(--gridbg);background-size:100% 100%,22px 22px,22px 22px}
.ficha-head .eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ice,#75B1E7)}
.fh-pills{gap:8px;margin:10px 0 12px}
.fh-pill{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.3);color:#fff;text-decoration:none}
.fh-pill.solid{background:#fff;color:#000058;border-color:#fff;font-weight:700}
.fh-pill.sig{background:var(--signal,#008BD3);border-color:transparent;font-weight:700}
.ficha-head .stage{display:flex;gap:4px}.ficha-head .stage i{flex:1;height:7px;border-radius:4px;background:rgba(255,255,255,.18)}.ficha-head .stage i.done{background:#fff}.ficha-head .stage i.cur{background:var(--ice,#75B1E7)}
.next-step{border:1px solid var(--line);background:var(--soft,#F2F7FF);border-radius:18px;padding:14px 16px;margin-bottom:12px}
.next-step .eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--label,#002A91)}
.next-step.late .eyebrow{color:var(--bad,#B3261E)}
.next-step .ns-t{font:600 17px var(--display);color:var(--ink);margin-top:4px}
.c-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}
.c-last{font-size:12.5px;font-weight:600;color:var(--sub)}.c-last.late{color:var(--bad,#B3261E)}
@media (prefers-color-scheme:dark){.cal-day{background:var(--soft)}.next-step{background:var(--card)}}

.card.chk{container-type:inline-size}
@container (max-width:560px){.chk-resched{display:none}}

/* Hoy (ancho): resumen y cartera lado a lado; candidaturas en tarjetas con encaje y etapa */
.hero-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px;align-items:stretch}
.hero-row>.hero,.hero-row>.cartera{margin:0}
.cartera{border-radius:22px;padding:18px;color:#fff;background-color:var(--midnight,#001026);background-image:var(--gridbg);background-size:100% 100%,22px 22px,22px 22px}
.cartera .fb-head{display:flex;justify-content:space-between;gap:8px}.cartera .fb-head b{font-size:15px}.cartera .fb-head span{font-size:13px;color:var(--peri)}
.rc{display:block;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;margin:0 0 10px}
.rc .rc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.rc .rc-t{font:600 15px var(--display);color:var(--ink)}
.rc .rc-sub{display:block;font-size:13px;color:var(--sub);margin:2px 0 8px}
.rc .rc-bot{display:flex;justify-content:space-between;align-items:center;gap:8px}.rc .rc-next{font-size:12.5px;font-weight:600;color:var(--ink);text-align:right}.rc .rc-next.late{color:var(--bad,#B3261E)}
.rc .stage{display:inline-flex;gap:3px}.rc .stage i{width:12px;height:6px;border-radius:3px}
.fh-title{margin:6px 0 0;font:700 24px var(--display);letter-spacing:-.02em;color:#fff}
.ctable{width:100%;border-collapse:collapse}.ct-wrap{padding:6px 10px;overflow-x:auto}
.ctable th{text-align:left;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sub);padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}
.ctable td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.ctable tr[data-act]{cursor:pointer}.ctable tr[data-act]:hover,.ctable tr[data-act]:focus-visible{background:var(--soft);outline:none}
.ctable .ct-t{display:block;font:600 15px var(--display);color:var(--ink)}.ct-next{font-size:13.5px;font-weight:600;color:var(--ink)}.ct-next.late{color:var(--bad,#B3261E)}
.ctable .stage{display:inline-flex;gap:3px}.ctable .stage i{width:14px;height:6px;border-radius:3px}
.palette-bg{position:fixed;inset:0;z-index:60;background:rgba(0,0,40,.35);display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px}
.palette{width:100%;max-width:620px;background:var(--card);border-radius:22px;box-shadow:0 30px 80px rgba(0,0,40,.35);overflow:hidden;border:1px solid var(--line)}
.pal-in{display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--line);color:var(--sub)}.pal-in svg{width:20px;height:20px;flex:none}
.pal-in input{flex:1;min-width:0;border:0;outline:none;background:transparent;font:400 17px var(--text);color:var(--ink);min-height:58px}
.pal-res{max-height:52vh;overflow:auto;padding:6px}
.pal-row{display:grid;grid-template-columns:96px 1fr;column-gap:12px;width:100%;text-align:left;border:0;background:transparent;border-radius:12px;padding:10px 12px;min-height:48px;font:inherit;color:inherit;cursor:pointer}
.pal-row:hover,.pal-row:focus-visible{background:var(--soft);outline:none}
.pal-row .pal-k{grid-row:span 2;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sub);align-self:center}.pal-row b{color:var(--ink)}
.pal-foot{padding:8px 16px;border-top:1px solid var(--line)}
.or-line{display:flex;align-items:center;gap:10px;color:var(--sub);font-size:13px}.or-line::before,.or-line::after{content:"";flex:1;height:1px;background:var(--line)}
.magic{display:flex;flex-direction:column;gap:10px;text-align:left}
:focus-visible{outline:2px solid var(--cyan,#0097DC);outline-offset:2px}

/* Cabecera fija a todo el ancho (fecha · buscar · + Nueva vacante · perfil); la lista y la ficha empiezan debajo */
@media (min-width:768px) and (min-height:600px){
 .topbar{position:fixed;z-index:25;top:calc(var(--safe-t) + 12px);left:calc(var(--rail) + 32px);right:max(16px,env(safe-area-inset-right,0px));min-height:52px;margin:0;padding:0;background:var(--bg)}
 #app{padding-top:calc(var(--safe-t) + 76px)}
 .sheet-bg:not(.tour),.chat{top:calc(var(--safe-t) + 76px)!important}
 body[data-section=cand] .split-empty,body[data-section=red] .split-empty,body[data-section=radar] .split-empty{top:calc(var(--safe-t) + 76px)}
}
@media (min-width:768px) and (max-width:999px) and (min-height:600px){ :root{--list:330px} }

/* Acceso (web y iPad): sin raíl todavía, centrado; en la web, tarjeta sobre el fondo de la landing (26/10/2026) */
@media (min-width:744px) and (min-height:600px){
 body:has(.login) #app{margin:0 auto;width:auto;max-width:720px;padding-left:16px;padding-right:16px}
}
html.web body:has(.login){background-color:#001026;background-image:radial-gradient(900px 600px at 50% 0%,rgba(21,54,128,.75),rgba(0,16,38,0) 70%),linear-gradient(rgba(117,177,231,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(117,177,231,.06) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}
html.web .login{min-height:auto;max-width:440px;margin:max(6vh,24px) auto;background:var(--card);border-radius:28px;padding:36px 32px 28px;box-shadow:0 30px 60px -20px rgba(0,0,0,.55)}
html.web .login .tiny a{color:var(--link)}

/* Consumo de IA: total Norte.ai + Radar (27/10/2026) */
.ai-card .title{font-size:15px}
.bar.ai-bar{display:flex;margin:8px 0 10px}.bar.ai-bar i{border-radius:0}.bar.ai-bar i:first-child{border-radius:5px 0 0 5px}
.bar.ai-bar i.n{background:var(--cyan)}.bar.ai-bar i.r{background:var(--red)}
.bar.ai-bar.thin{height:6px;margin:6px 0 0}.bar.ai-bar.thin i{border-radius:3px}
.ai-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:10px;color:var(--sub)}.ai-legend b{color:var(--ink)}
.ai-legend .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:0}.ai-legend .dot.n{background:var(--cyan)}.ai-legend .dot.r{background:var(--red)}
.ai-row+.ai-row{margin-top:12px}
.ai-table{width:100%;border-collapse:collapse;font-size:14px}.ai-table th{text-align:left;font-weight:600;color:var(--sub);font-size:12.5px;padding:0 6px 6px 0}.ai-table td{padding:7px 6px 7px 0;border-top:1px solid var(--line)}.ai-table th:not(:first-child),.ai-table td:not(:first-child){text-align:right}
b.bad{color:var(--bad)}

/* Código de la oferta y aviso de duplicados (27/10/2026) */
.pill.code,.fh-pill.code{cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;border:1px dashed var(--line);background:transparent}
.pill.dup{background:color-mix(in srgb,var(--red) 14%,transparent);color:var(--bad);font-weight:700}
.dup-card{border-left:4px solid var(--red)}