/* CENTINELA · Terminal: estaciones, briefing, gráfico maestro, mapa de calor, futuros y centro de confianza */
.tbar{grid-column:1/-1;display:grid;gap:8px;min-width:0}
.app{grid-template-rows:auto auto auto clamp(600px,76vh,820px) auto auto auto}
@media (max-width:1250px){.app{grid-template-rows:auto auto auto 680px auto}}
@media (max-width:1250px) and (min-width:901px){.boe-strip{grid-row:2}.tbar{grid-row:3}.stage,.colR{grid-row:4}.colL{grid-row:5}}
@media (max-width:900px){.app{grid-template-rows:auto}.tbar{order:1}.tm{order:5}}

.stations{display:flex;flex-wrap:wrap;align-items:center;gap:4px;border:1px solid var(--line);background:rgba(6,12,34,.92);padding:5px 6px;min-width:0}
.stations a,.stations .st-soon{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);text-decoration:none;padding:6px 10px;border:1px solid transparent;white-space:nowrap}
.stations a:hover{color:var(--fg);border-color:var(--line2)}
.stations a.on{color:#04102a;background:var(--cyan2);border-color:var(--cyan2)}
.stations .st-soon{color:var(--faint);border:1px dashed var(--line2);cursor:default;margin-left:auto}
.stations .st-pause{font-size:9.5px;padding:5px 9px}
.stations.fixed{position:fixed;top:0;left:0;right:0;z-index:60;margin:0;border-width:0 0 1px;transform:translateY(-110%);transition:transform .25s;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-inline:max(14px,calc((100vw - 1800px)/2 + 14px))}
.stations.fixed::-webkit-scrollbar{display:none}
.stations.fixed.show{transform:none}
@media (max-width:900px){.stations{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.stations::-webkit-scrollbar{display:none}.stations .st-soon{margin-left:0}}
@media (prefers-reduced-motion:reduce){.stations.fixed{transition:none}}
body.still .ticker .track{animation-play-state:paused}
.ticker:hover .track{animation-play-state:paused}

/* Briefing */
.brief{min-width:0;border:1px solid var(--line);background:linear-gradient(180deg,rgba(14,26,68,.9),rgba(8,14,40,.9));padding:9px 10px 10px}
.brief-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
.brief-h h2{margin:0;font-family:var(--f-disp);font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg)}
.brief-h #brief-date{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;color:var(--dim)}
.brief-since .since-n{font-family:var(--f-mono);font-size:10px;color:var(--faint);letter-spacing:.06em}
.since-b{font-family:var(--f-mono);font-size:10px;letter-spacing:.06em;background:rgba(245,181,74,.12);border:1px solid rgba(245,181,74,.5);color:var(--amber);padding:3px 8px;cursor:pointer}
.since-b b{color:#fff}
.brief-act{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.brief-act .btn{font-size:9.5px;padding:5px 8px}
.brief-cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:6px;overflow-x:auto;margin-top:8px;padding-bottom:3px;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.brief.closed .brief-cards,.brief.closed .brief-det,.brief.closed .brief-since-box,.brief.closed .brief-saved-box{display:none}
.bc{display:grid;gap:2px;text-align:left;background:var(--panel2);border:1px solid var(--line);border-top:2px solid var(--line2);padding:7px 9px 8px;cursor:pointer;min-width:0;position:relative;color:var(--fg)}
.bc:hover{border-color:var(--line2)}
.bc.on{border-color:var(--cyan2);box-shadow:0 0 0 1px var(--cyan2) inset}
.bc.lv-alta{border-top-color:var(--amber)}
.bc.lv-media{border-top-color:var(--cyan)}
.bc-t{font-size:11.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-v{font-size:19px;color:var(--fg);line-height:1.15}
.bc-d{font-family:var(--f-mono);font-size:10px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-d.up{color:var(--amber)}.bc-d.dn{color:var(--cyan2)}
.bc-s{font-family:var(--f-mono);font-size:9px;letter-spacing:.06em;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-star{position:absolute;top:6px;right:8px;color:var(--amber);font-size:11px}
.bc-tag,.kind{justify-self:start;font-family:var(--f-mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;padding:1px 5px;border:1px solid var(--line2);color:var(--dim);white-space:nowrap}
.t-obs,.k-obs{color:var(--cyan2);border-color:rgba(63,208,242,.45)}
.t-quo,.k-quo{color:#7fb2ff;border-color:rgba(127,178,255,.5)}
.t-fc,.k-fc{color:var(--violet);border-color:rgba(160,140,255,.5)}
.t-est,.k-est{color:var(--amber);border-color:rgba(245,181,74,.55)}
.t-news,.k-news{color:#c8d3ea;border-color:var(--line2)}
.t-sys,.k-man,.k-der{color:#c8d3ea;border-style:dashed}
.brief-empty{font-size:12px;color:var(--dim);padding:10px 2px}
.brief-det{margin-top:8px;border:1px solid var(--line2);background:rgba(5,9,25,.65);padding:10px 12px}
.bd-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bd-h h3{margin:0;font-size:14px;font-weight:500}
.bd-x{margin-left:auto;background:none;border:1px solid var(--line2);color:var(--dim);width:26px;height:26px;cursor:pointer;font-size:15px;line-height:1}
.bd-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 18px;margin:9px 0}
.bd-g div{min-width:0}
.bd-g dt{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:2px}
.bd-g dt em{font-style:normal;color:var(--faint);letter-spacing:.06em;text-transform:none;margin-left:4px}
.bd-g dd{margin:0;font-size:12.5px;line-height:1.5}
.bd-g .interp dd{color:#c8d3ea}
.bd-a{display:flex;flex-wrap:wrap;gap:6px}
.bd-a .btn{font-size:9.5px;text-decoration:none}
.brief-since-box,.brief-saved-box{margin-top:8px;border-left:2px solid var(--amber);padding:4px 10px;font-size:12px}
.brief-since-box ul,.brief-saved-box ul{margin:0;padding-left:16px}
.brief-since-box li,.brief-saved-box li{margin:3px 0}
.brief-since-box p,.brief-saved-box p{margin:6px 0 0;color:var(--faint);font-size:11px}
.lnk{background:none;border:0;color:var(--cyan2);text-decoration:underline;cursor:pointer;padding:0;font-size:inherit}

/* Estaciones de análisis */
.tm{grid-column:1/-1;display:grid;gap:10px;min-width:0;scroll-margin-top:52px}
.tm-h{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:6px 14px}
.tm-k{font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan2)}
.tm-h h2{margin:2px 0 0;font-family:var(--f-disp);font-size:20px;letter-spacing:.1em;text-transform:uppercase}
.tm-src{font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;color:var(--dim)}
.tm2{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
@media (max-width:1100px){.tm2{grid-template-columns:minmax(0,1fr)}}
#motor,#regu,#metodo,#stage,#k-news-p,#rg-aj-card,#t-fut,#t-trust,#tbar{scroll-margin-top:52px}
.tbtns{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.tbtns .btn{font-size:9.5px;padding:5px 8px}
.tbtns .btn.on,.tbtns .btn[aria-pressed="true"]{background:var(--cyan);border-color:var(--cyan);color:#04102a}
.tbtns .sep{width:1px;height:18px;background:var(--line2);margin:0 3px}
.tbtns select,.hm-sum select{background:var(--panel2);border:1px solid var(--line2);color:var(--fg);font-family:var(--f-mono);font-size:10px;padding:4px 6px}
.chips{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;background:transparent;border:1px solid var(--line2);color:var(--dim);padding:4px 8px;cursor:pointer}
.chip i{width:10px;height:3px;display:inline-block}
.chip em{font-style:normal;font-family:var(--f-mono);font-size:9px;color:var(--faint)}
.chip.on{color:var(--fg);border-color:var(--cyan2);background:rgba(63,208,242,.08)}
.chip:disabled{opacity:.4;cursor:not-allowed}
.mc-box,.hm-box{position:relative;min-width:0}
.mc-box svg,.hm-box svg,#fut-svg{display:block;width:100%;height:auto}
.tm-tip{position:absolute;z-index:5;pointer-events:none;background:rgba(5,9,25,.96);border:1px solid var(--line2);padding:6px 8px;font-size:11px;min-width:170px;max-width:290px}
.tm-tip div{display:flex;align-items:center;gap:6px;white-space:nowrap}
.tm-tip i{width:9px;height:3px;flex:none}
.tm-tip b{margin-left:auto;font-weight:500;color:var(--fg)}
.tip-d{color:var(--amber);font-size:10.5px;margin-bottom:3px}
.tm-leg{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11px;margin-top:6px}
.tm-leg span{display:inline-flex;align-items:center;gap:6px}
.tm-leg i{width:12px;height:3px;display:inline-block}
.tm-leg em{font-style:normal;color:var(--faint);font-size:10px}
.tm-meta{font-family:var(--f-mono);font-size:10px;letter-spacing:.04em;color:var(--faint);margin-top:4px}
.tm-meta b{color:var(--amber);font-weight:500}
.tm-table{max-height:320px;overflow:auto;margin-top:8px;border:1px solid var(--line)}
.tm-table table,#fut-tab table,#trust-tab table{width:100%;border-collapse:collapse;font-size:11.5px}
.tm-table caption{text-align:left;font-family:var(--f-mono);font-size:10px;color:var(--dim);padding:5px 7px}
.tm-table th,.tm-table td,#fut-tab th,#fut-tab td,#trust-tab th,#trust-tab td{padding:5px 7px;border-bottom:1px solid rgba(28,42,92,.7);text-align:left;vertical-align:top}
.tm-table thead th,#fut-tab thead th,#trust-tab thead th{position:sticky;top:0;background:var(--panel2);font-family:var(--f-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-weight:500}
.tm-table em,#trust-tab em{font-style:normal;color:var(--faint);display:block;font-size:10px}
.tm-note{font-size:11.5px;color:var(--dim);margin:8px 0 0;border-left:2px solid var(--line2);padding-left:8px}
.up{color:var(--amber)}.dn{color:var(--cyan2)}
/* Mapa de calor */
.hm-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:12px;margin-top:8px}
@media (max-width:1000px){.hm-grid{grid-template-columns:minmax(0,1fr)}}
.hm-leg{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-family:var(--f-mono);font-size:10px;color:var(--dim);margin-top:6px}
.hm-leg .sw{width:16px;height:9px;display:inline-block;margin-left:6px}
.hm-leg em{font-style:normal;color:var(--faint);margin-left:6px}
.hm-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;margin-top:10px}
.hm-sum .kp{background:var(--panel2);border:1px solid var(--line);padding:6px 8px;display:grid;gap:2px}
.hm-sum .kp b{font-size:16px;font-weight:500}
.hm-sum .kp span{font-size:10.5px;color:var(--dim)}
.hm-sum .kp.wide{grid-column:1/-1}
.hm-sum .kp.wide i{display:inline-block;width:10px;height:3px;vertical-align:middle;margin:0 3px}
.hm-sum .kp.wide svg{width:100%;height:60px}
.hm-sum .months{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline}
.hm-sum .months em{font-style:normal;color:var(--faint);font-size:10px}
#hm-det{background:rgba(5,9,25,.55);border:1px solid var(--line);padding:9px 10px;align-self:start}
#hm-det .hd-h{font-size:12.5px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#hm-det svg{width:100%;height:130px;display:block;margin:8px 0;background:var(--panel)}
.hd-k{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11px;color:var(--dim)}
.hd-k b{color:var(--fg);font-weight:500;margin-left:3px}
.hd-n,.hm-hint{font-size:11px;color:var(--faint);margin:6px 0 0}
/* Futuros y confianza */
#fut-tab{margin-top:8px;overflow-x:auto}
#fut-tab em{font-style:normal}
#trust-tab{overflow-x:auto;max-height:520px;overflow-y:auto;border:1px solid var(--line)}
#trust-tab th[scope=row] a{color:var(--fg);text-decoration:none}
#trust-tab th[scope=row] a:hover{color:var(--cyan2)}
#trust-tab th[scope=row]{font-weight:400}
.st2{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.s-ok{color:var(--cyan2)}.s-late{color:var(--amber)}.s-pend{color:var(--red)}.s-snap{color:var(--dim)}
.trust-leg{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.scen-badge{font-size:11px;line-height:1.45;border:1px solid rgba(63,208,242,.35);background:rgba(63,208,242,.06);padding:5px 8px;margin:-2px 0 8px;color:var(--dim)}
.scen-badge b{color:var(--cyan2);font-weight:500}
.scen-badge.man{border-color:rgba(245,181,74,.6);background:rgba(245,181,74,.09)}
.scen-badge.man b{color:var(--amber)}
.probs-note{font-family:var(--f-mono);font-size:9px;letter-spacing:.06em;color:var(--faint);margin:-3px 0 6px}
#tm-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#0e1a44;border:1px solid var(--cyan2);color:var(--fg);padding:8px 14px;font-size:12px;z-index:80;transition:.25s;max-width:90vw}
#tm-toast.on{opacity:1;transform:translate(-50%,0)}
.panel:fullscreen{overflow:auto;padding:18px;background:var(--bg)}
@media (max-width:520px){.bc-v{font-size:17px}.brief-cards{grid-auto-columns:minmax(170px,78%)}.tm-h h2{font-size:17px}.stations a{padding:6px 8px}}
@media print{.stations,.tbar,.tm{display:none!important}}
#trust-tab th[scope=row]{min-width:170px}
#trust-tab td:nth-child(5){min-width:120px}

/* ── Tanda 2: mix, laboratorio, BOE, noticias, herramientas ── */
.stations .st-my{color:#04102a;background:var(--amber);border-color:var(--amber);margin-left:auto;font-weight:600}
.stations .st-my:hover{color:#04102a;filter:brightness(1.08)}
@media (max-width:900px){.stations .st-my{margin-left:0}}
.tin{background:var(--panel2);border:1px solid var(--line2);color:var(--fg);font:12px var(--f-body);padding:5px 7px;min-width:0}
.tin:focus{outline:1px solid var(--cyan2)}
.mix-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start}
@media (max-width:1000px){.mix-grid{grid-template-columns:minmax(0,1fr)}}
.mix-pie{display:grid;justify-items:center;gap:6px;background:rgba(5,9,25,.55);border:1px solid var(--line);padding:8px}
.mix-pie svg{max-width:210px;height:auto}
.pie-h{font-family:var(--f-mono);font-size:10px;letter-spacing:.06em;color:var(--dim);text-align:center}
.dleg2{list-style:none;margin:0;padding:0;width:100%;font-size:11px}
.dleg2 li{display:flex;align-items:center;gap:6px;padding:2px 0;border-bottom:1px solid rgba(28,42,92,.7)}
.dleg2 i{width:10px;height:10px;flex:none}
.dleg2 b{margin-left:auto;font-family:var(--f-mono);font-weight:500}
.lab-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:900px){.lab-cols{grid-template-columns:minmax(0,1fr)}}
.lab-col{background:var(--panel2);border:1px solid var(--line);padding:9px 10px}
.lab-col.base{border-color:rgba(63,208,242,.4)}
.lab-col h4{margin:0 0 8px;font-family:var(--f-disp);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase}
.lab-col .row{display:flex;justify-content:space-between;font-size:12px;padding:4px 0;border-bottom:1px solid rgba(28,42,92,.7)}
.lab-col .sl label{display:flex;justify-content:space-between;font-size:11.5px;color:var(--dim)}
.lab-col .sl input{width:100%}
.scen-tag{font-family:var(--f-mono);font-size:8.5px;letter-spacing:.12em;color:#04102a;background:var(--amber);padding:1px 5px;margin-left:6px;vertical-align:middle}
.lab-res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
@media (max-width:900px){.lab-res{grid-template-columns:minmax(0,1fr)}}
.lab-r{display:grid;gap:2px;border:1px solid var(--line2);border-top:2px solid var(--amber);padding:8px 10px;background:rgba(5,9,25,.5)}
.lab-r.base{border-top-color:var(--cyan2)}
.lab-r span{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.lab-r b{font-size:22px;font-weight:500}
.lab-r em{font-style:normal;font-size:11px;color:var(--dim)}
.lab-r em.up{color:var(--amber)}.lab-r em.dn{color:var(--cyan2)}
#lab-saved table{width:100%;border-collapse:collapse;font-size:11.5px;margin-top:10px}
#lab-saved th,#lab-saved td{padding:5px 7px;border-bottom:1px solid rgba(28,42,92,.7);text-align:left}
.bf-list{display:grid;gap:8px;max-height:720px;overflow:auto;margin-top:8px;padding-right:2px}
.bf,.nw{background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--cyan);padding:9px 11px}
.bf.info{border-left-color:var(--faint)}
.nw.alert{border-left-color:var(--amber)}
.bf header,.nw header{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.bf-c,.bf-m{font-family:var(--f-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:1px 6px;border:1px solid var(--line2);color:var(--dim)}
.bf-c{color:var(--cyan2);border-color:rgba(63,208,242,.4)}
.bf h4,.nw h4{margin:6px 0;font-size:13px;font-weight:500;line-height:1.4}
.nw h4 a{color:var(--fg);text-decoration:none}.nw h4 a:hover{color:var(--cyan2)}
.bf dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 14px;margin:6px 0}
.bf dt{font-family:var(--f-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.bf dt em{font-style:normal;color:var(--faint);text-transform:none;letter-spacing:.04em;margin-left:4px}
.bf dd{margin:1px 0 0;font-size:12px}
.bf .interp dd{color:#c8d3ea}
.bf-a{display:flex;flex-wrap:wrap;gap:5px}
.bf-a .btn{font-size:9px;padding:4px 7px;text-decoration:none}
.nw-d{margin-left:auto;font-family:var(--f-mono);font-size:10px;color:var(--faint)}
.nw-s,.nw-i{margin:3px 0;font-size:11.5px;color:var(--dim)}
.nw-i em{font-style:normal;color:var(--faint)}
.nw details{font-size:11.5px;margin:4px 0}
.nw details li{margin:3px 0}.nw details em{font-style:normal;color:var(--faint)}
.cc-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 12px}
.cc-form label{display:grid;gap:3px;font-size:11px;color:var(--dim)}
.cc-form label em{font-style:normal;color:var(--faint);font-size:10px}
.cc-form select{background:var(--panel2);border:1px solid var(--line2);color:var(--fg);padding:5px 6px}
.cc-form .wide{grid-column:1/-1}
.cc-per{grid-column:1/-1}
.cc-per table,.cc-out table{width:100%;border-collapse:collapse;font-size:11.5px;margin-top:6px}
.cc-per th,.cc-per td,.cc-out th,.cc-out td{padding:4px 6px;border-bottom:1px solid rgba(28,42,92,.7);text-align:left}
.cc-per input{width:90px;background:var(--panel2);border:1px solid var(--line2);color:var(--fg);padding:3px 5px}
.cc-out tr.cur td{background:rgba(63,208,242,.08)}
.cc-out h5{margin:12px 0 2px;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.cc-k{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:10px}
.cc-k div{background:var(--panel2);border:1px solid var(--line);padding:8px 10px;display:grid;gap:2px}
.cc-k span{font-size:10.5px;color:var(--dim)}.cc-k b{font-size:18px;font-weight:500}.cc-k em{font-style:normal;font-size:10px;color:var(--faint)}
.cc-k .dn b{color:var(--cyan2)}.cc-k .up b{color:var(--amber)}
.cc-read{font-size:12.5px;margin:10px 0 4px}
.btn.cta{background:var(--cyan);border-color:var(--cyan);color:#04102a}

.rg-check{font-size:11px;color:var(--dim);border-left:2px solid var(--cyan2);padding:4px 8px;margin:8px 0 0}
.rg-check b{color:var(--fg);font-weight:500}

.pro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:10px}.pro-card p{margin:8px 0;line-height:1.55}.pro-ul{margin:6px 0 10px;padding-left:18px;line-height:1.65}.pro-act{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 6px}.pro-note{font-size:12px;opacity:.75}

/* ───────── Vista móvil para asesores (centinela-movil.js) ───────── */
.mob-board,.mob-menu,.mc-t{display:none}
@media (max-width:900px){
.top{gap:8px 12px}
.top .brand{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}
.mob-menu{display:inline-block;flex:none;font-size:11px;padding:8px 12px;border-color:var(--cyan);margin-left:auto}
.top .brand{flex-wrap:wrap;min-width:0;row-gap:0}.top .brand>*{min-width:0}
.top .brand .cl{order:5;flex:1 0 100%;justify-content:center;gap:12px;margin-top:10px;padding:14px 0 6px;border-top:1px solid rgba(49,71,138,.7);background:radial-gradient(ellipse at 50% 60%,rgba(5,238,253,.10),transparent 65%)}
.top .brand .cl-eye{width:84px;height:84px;margin:-16px -10px}
.top .brand .cl-name{font-size:31px}
.top .brand .cl-tag{font-size:11.2px}
html,body{overflow-x:clip}
.top:not(.mopen) .modes,.top:not(.mopen) .tools,.top:not(.mopen) .stamp{display:none!important}
.top.mopen .tools,.top.mopen .modes{display:flex;flex-wrap:wrap;gap:6px}
.mob-board{display:grid;gap:10px;order:1;border:1px solid var(--line2);background:linear-gradient(180deg,rgba(16,160,203,.10),rgba(10,18,48,.9));padding:12px}
.mob-board .mb-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.mob-board .mb-h b{font-family:var(--f-disp);letter-spacing:.14em;text-transform:uppercase;font-size:14px;color:var(--fg)}
.mob-board .mb-h span{font-family:var(--f-mono);font-size:10px;color:var(--dim)}
.mob-board .mb-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mb-t{display:grid;gap:2px;text-align:left;background:var(--panel2);border:1px solid var(--line);border-top:2px solid var(--cyan);padding:9px 10px;color:var(--fg);cursor:pointer;min-width:0;font:inherit}
.mb-t .k{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb-t .v{font-family:var(--f-mono);font-size:22px;font-weight:500;line-height:1.15}.mb-t .v small{font-size:10px;color:var(--dim);margin-left:3px}
.mb-t .s{font-size:10.5px;color:var(--dim);line-height:1.3}
.mb-t.up .s{color:var(--red)}.mb-t.dn .s{color:var(--cyan2)}
.mb-t.acc{border-top-color:var(--amber)}.mb-t.acc .v{color:var(--amber)}
.mob-board .mb-a{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mob-board .mb-a .btn{text-align:center;padding:10px 4px;font-size:10px;text-decoration:none;color:var(--fg)}
.tbar{order:2!important}.colL{order:3!important}
#app>section:has(#t-fut){order:4!important}
#t-tools{order:5!important}.colR{order:6!important}
.stage{order:1!important;min-height:330px!important}
.mob-board{order:2!important}
.stage .legend{display:none!important}
.stage .views{left:8px!important;right:8px!important;bottom:8px!important;top:auto!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;gap:6px}
.stage .views .btn{flex:none}
#t-elec{order:8!important}.boe-strip{order:9!important}
#app>section:has(#t-boe){order:10!important}
#t-lab{order:11!important}#t-pro{order:12!important}.dock{order:13!important}.ticker{display:none!important}
.live{order:14!important}.regu{order:15!important}.how{order:16!important}.foot{order:17!important}
.mc{position:relative}
.mc:not(.open){max-height:230px;overflow:hidden!important}
.mc:not(.open)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(180deg,rgba(5,9,25,0),rgba(5,9,25,.97) 70%);pointer-events:none;z-index:2}
.mc-t{display:block;width:100%;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:var(--panel2);border:1px solid var(--cyan);color:var(--cyan2);padding:11px;cursor:pointer;margin-top:10px}
.mc:not(.open)>.mc-t{position:absolute;left:12px;right:12px;bottom:12px;z-index:3;margin:0;width:auto}
}
@media (max-width:520px){.top .prod small,.top .logo .s{display:none!important}.top .prod svg{width:28px;height:28px}.top .prod-logo{height:30px}.top .brand .cl-name{font-size:27px}.top .brand .cl-tag{font-size:9.8px}.top .brand .cl-eye{width:76px;height:76px}.top .prod h1{font-size:15px!important;letter-spacing:.16em!important}.top .logo .w{font-size:17px}}

/* ───────── Fondo algo más claro y respirable (mismo ADN azul) ───────── */
:root{--bg:#0a1433;--bg2:#0e1b46;--panel:rgba(15,28,70,.86);--panel2:#13235a;--line:#22356f;--line2:#31478a;--dim:#9fb1d3;--faint:#6b7cae}
html,body{background:#0a1433}
body{background-image:radial-gradient(ellipse at 50% -10%,rgba(16,160,203,.22),transparent 55%),radial-gradient(ellipse at 100% 100%,rgba(63,208,242,.08),transparent 50%)!important}
@media (max-width:900px){#app,.app{gap:16px!important}.panel,.tm>.panel{padding:14px!important}.tm-h h2{line-height:1.25}}

@media (max-width:900px){.mb-rs{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;border:0;border-radius:999px;padding:12px 16px;background:radial-gradient(circle at 30% 30%,#ff9a52,#f26b1d 60%,#d4570f);color:#fff;font:700 13px "Chakra Petch",sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 6px 18px rgba(242,107,29,.35)}.mb-rs small{font:500 10.5px "IBM Plex Sans",sans-serif;letter-spacing:0;text-transform:none;opacity:.9}.rs-fab{width:62px!important;height:62px!important;font-size:0!important;gap:0!important}.rs-fab span{font-size:24px!important}.rs-fab br{display:none}}
