/* Banderas: Windows no tiene emojis de bandera (enseña dos letras); esta fuente solo contiene las banderas (Twemoji) y se usa en todos los sistemas para que se vean igual */
@font-face{font-family:"Twemoji Country Flags";src:url("TwemojiCountryFlags.woff2") format("woff2");unicode-range:U+1F1E6-1F1FF,U+1F3F4,U+E0062-E0063,U+E0065,U+E0067,U+E006C,U+E006E,U+E0073-E0074,U+E0077,U+E007F;font-display:swap}
:root{--alert:#d97706;
  --bg:#EAEDEF;--surface:#F8F9FA;--line:#D7DEE3;--line2:#E9EEF1;--ink:#19232B;--muted:#5B6873;--faint:#8A96A0;
  --up:#15948F;--down:#CF4C55;--accent:#B07A0B;--accent-bg:#FBF3DF;--hover:#EEF2F4;--ma:#6B5BD2;--ma40:#C2559B;--fib:#B07A0B;--lvl:#3B6EA8;
  --shadow:0 12px 40px rgba(20,30,40,.18);
}
:root[data-theme="dark"]{
  --bg:#12181D;--surface:#1A2229;--line:#2A3640;--line2:#212B33;--ink:#E8ECEF;--muted:#8C98A4;--faint:#5F6C78;
  --up:#2DB0B4;--down:#E5656D;--accent:#F0B23F;--accent-bg:#2A2718;--hover:#202A32;--ma:#A79BF0;--ma40:#E58BC4;--fib:#F0B23F;--lvl:#7FA8E0;
  --shadow:0 12px 40px rgba(0,0,0,.5);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#12181D;--surface:#1A2229;--line:#2A3640;--line2:#212B33;--ink:#E8ECEF;--muted:#8C98A4;--faint:#5F6C78;
  --up:#2DB0B4;--down:#E5656D;--accent:#F0B23F;--accent-bg:#2A2718;--hover:#202A32;--ma:#A79BF0;--ma40:#E58BC4;--fib:#F0B23F;--lvl:#7FA8E0;
  --shadow:0 12px 40px rgba(0,0,0,.5);
}}
*{box-sizing:border-box}
html{color-scheme:light}:root[data-theme="dark"]{color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){color-scheme:dark}}   /* los desplegables nativos (select) siguen el color-scheme, no las variables: así salen oscuros en el tema oscuro aunque el sistema esté en claro */
select option,select optgroup{background:var(--surface);color:var(--ink)}
body{background:var(--bg);color:var(--ink);font-family:"Twemoji Country Flags","Archivo","Helvetica Neue",Arial,sans-serif,"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji";font-variation-settings:"wdth" 100;font-size:14px;line-height:1.45;margin:0}
.mono{font-family:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;font-variant-numeric:tabular-nums}
a{color:inherit}
.wrap{max-width:1800px;margin:0 auto;padding:20px 18px 64px}
.top{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;flex:0 0 auto}
h1{font-variation-settings:"wdth" 87.5;font-weight:700;font-size:28px;line-height:1;margin:0;letter-spacing:-.01em}
.tag{color:var(--muted);font-size:13.5px;margin-top:4px}
.search{flex:1 1 200px;display:flex;justify-content:center;min-width:160px;order:1}
.tools{display:flex;gap:8px;align-items:center;flex:0 0 auto;order:2}
#q{font:inherit;font-size:13px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:7px 11px;width:min(420px,60vw)}
.btn{font:inherit;font-size:13px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:6px 12px;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn:hover{background:var(--hover)}
.btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.btn.prof{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.2;padding:5px 12px}
.btn.prof b{font-weight:600}
.btn.prof small{font-weight:400;color:var(--muted);font-size:10.5px}
button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:1px}

.classes{display:flex;gap:4px;margin:16px 0 0;border-bottom:1px solid var(--line);overflow-x:auto}
.classes button{font:inherit;font-size:13.5px;font-weight:500;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:10px 14px;cursor:pointer;white-space:nowrap;margin-bottom:-1px}
.classes button[aria-pressed="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.classes button:hover{color:var(--ink)}
.markets{display:flex;flex-wrap:wrap;gap:8px 10px;margin:12px 0 0;align-items:center}
.markets .reg{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 2px 0 6px}
.markets .reg:first-child{margin-left:0}
.chip{font:inherit;font-size:12.5px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:4px 11px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.chip:hover{background:var(--hover)}.chip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.chip.acc{color:var(--accent);border-color:var(--accent);background:var(--accent-bg)}
.chip.st{padding:0;gap:0;overflow:hidden}.chip.st button{font:inherit;background:none;border:0;color:inherit;cursor:pointer;padding:4px 8px}.chip.st .go{padding-left:11px;font-size:13px}.chip.st .tg{opacity:.35;padding:4px 5px}.chip.st .tg[aria-pressed="true"]{opacity:1}.chip.st .x{opacity:.5;padding-right:9px}.chip.st .x:hover,.chip.st .tg:hover{opacity:1;background:var(--hover)}.chip.st.on{border-color:var(--accent);background:var(--accent-bg)}
.presets.mine{margin-top:-4px}
.star{color:var(--alert);font-size:15px;line-height:1}
.bell{font-size:13px;line-height:1;filter:drop-shadow(0 0 1px var(--alert))}
.hint{color:var(--muted);font-size:12px;margin:2px 0 6px;line-height:1.4}
.arow{display:flex;flex-direction:column;gap:5px;font-size:12.5px;margin-bottom:6px}.arow label{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.arow input[type=number]{width:62px;font:inherit;font-size:12.5px;padding:2px 5px}.arow.line{flex-direction:row;flex-wrap:wrap}.arow.line input{font:inherit;font-size:12.5px;padding:4px 6px;min-width:0}.arow.line #al-p{width:90px}.arow.line #al-n{flex:1}
.btn.sm{font-size:12px;padding:3px 8px}.btn[aria-pressed="true"]{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}
.levels{list-style:none;margin:0 0 8px;padding:0;font-size:12.5px}.levels li{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid var(--line2)}.levels li .note{flex:1;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.levels li.none{color:var(--muted)}.levels .x{background:none;border:0;cursor:pointer;color:var(--muted);font-size:13px}.levels .x:hover{color:var(--down)}
.seqsteps{margin:0 0 10px;padding-left:20px;font-size:12.5px}.seqsteps li{padding:3px 0}.seqsteps .x{background:none;border:0;cursor:pointer;color:var(--muted);font-size:12px;margin-left:4px}.seqsteps .x:hover{color:var(--down)}
.seqadd{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;border:1px solid var(--line2);border-radius:8px;padding:9px 12px;margin:0 0 8px}.seqadd label{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--muted)}
#btn-alerts .n{font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--alert);font-weight:600}
.adlg{width:min(900px,calc(100vw - 24px))}.abody{padding:4px 18px 18px;overflow:auto;font-size:13px}.abody section{margin-bottom:16px}
.abody .eyebrow{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500;margin:0 0 6px}
.ftab{width:100%;border-collapse:collapse;font-size:12.5px;margin-bottom:8px}.ftab th{font-weight:500;color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:4px 6px;border-bottom:1px solid var(--line)}.ftab td{padding:5px 6px;border-bottom:1px solid var(--line2);vertical-align:top}.ftab small{color:var(--muted)}.ftab .x{background:none;border:0;cursor:pointer;color:var(--muted);font-size:13px}.ftab .x:hover{color:var(--down)}
/* cabecera alineada con el dato (Saúl 10-10-2026): primera columna (nombre) a la izquierda, el resto —números, estados, sparklines— a la derecha, en todas las tablas */
.ftab th,.ftab td{text-align:right}.ftab th:first-child,.ftab td:first-child{text-align:left}
.ftab th.sortable{cursor:pointer;user-select:none;white-space:nowrap}.ftab th.sortable:hover{color:var(--ink)}
.lnk{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}.lnk:hover{text-decoration:underline}
.radar{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.rd{border:1px solid var(--line);border-radius:6px;padding:10px 12px}.rd.off{opacity:.55}.rd .rh{display:flex;align-items:center;gap:7px;cursor:pointer}.rd p{margin:4px 0 6px;color:var(--muted);font-size:12px;line-height:1.35}.rd .rp{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px}.rd .rp label{display:flex;align-items:center;gap:4px}.rd .rp input{width:62px;font:inherit;font-size:12px;padding:2px 4px}
.chip .n{font-family:"IBM Plex Mono",monospace;font-size:11px;opacity:.7}
.chip[aria-pressed="true"] .n{opacity:.8}

.strat{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:18px 0 0}
.strat button{font:inherit;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:9px 11px;cursor:pointer;color:var(--ink);display:flex;flex-direction:column;gap:3px;min-height:62px}
.strat button:hover{background:var(--hover)}
.strat button[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.strat .l{font-weight:600;font-size:13px;font-variation-settings:"wdth" 87.5}
.strat .c{font-size:11.5px;color:var(--muted);font-family:"IBM Plex Mono",monospace}
.strat .d{font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.strat .d.alcista{color:var(--up)}.strat .d.bajista{color:var(--down)}.strat .d.valor{color:var(--accent)}
.desc{max-width:90ch;color:var(--muted);font-size:13px;margin:12px 0 0}
.desc b{color:var(--ink);font-weight:600}

.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:16px 0 14px}
.stat{background:var(--surface);padding:11px 13px}button.stat.pick{font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background .12s,border-color .12s,transform .12s}button.stat.pick:hover{background:var(--hover);border-color:var(--accent);transform:translateY(-1px)}
button.stat.pick[aria-pressed="true"]{background:var(--accent-bg);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.stat.alt{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 13px}.stat.alt .k{white-space:nowrap}.stat.alt .chips{display:flex;gap:6px;flex-wrap:wrap}.stat.alt .chip .n.up{color:var(--up)}.stat.alt .chip .n.down{color:var(--down)}
.stats-title{grid-column:1/-1;background:var(--surface);padding:11px 14px 7px;font-size:21px;font-weight:700;font-variation-settings:"wdth" 87.5;letter-spacing:.01em;color:var(--ink);border-left:4px solid var(--faint)}
.stats-title.dir-alcista{border-left-color:var(--up)}.stats-title.dir-bajista{border-left-color:var(--down)}.stats-title.dir-valor{border-left-color:var(--accent)}.stats-title.dir-mixta{border-left-color:var(--muted)}
.stats-title .plus{font-size:15px;font-weight:600;color:var(--accent);margin-left:4px}
/* tarjetas-resumen, tercera vuelta (Saúl 10-10-2026): más anchas y con el mismo estilo que el resto de la web (título+cifra a la izquierda, como los tiles de Amplitud/portada); la proporción sobre el total se ve en el propio fondo de la tarjeta (franja de color a la izquierda + relleno degradado), igual que los «pbar» de las tablas, sin anillos ni quesitos */
#stats{grid-template-columns:repeat(7,minmax(0,1fr))}
#stats .stat{min-height:84px}
#stats .stat .k{min-height:25px;line-height:1.2}
@media (max-width:1080px){#stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:640px){#stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
button.stat.pick[aria-pressed="true"]{transform:translateY(-1px)}
.stat .k{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.stat .v{font-size:25px;font-weight:600;line-height:1.1;margin-top:4px;font-variation-settings:"wdth" 87.5}
.stat .s{font-size:11.5px;color:var(--muted);margin-top:2px}

.panel{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:12px 14px;margin:0 0 14px}
.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 20px;font-size:12.5px}
.f{display:flex;flex-direction:column;gap:4px;min-width:0}
.f .k{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.f .row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
select,input[type=range],input[type=number],input[type=text],input[type=email],input[type=tel],textarea{accent-color:var(--accent);font:inherit;font-size:12.5px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:4px 7px;max-width:100%}
input[type=range]{padding:0;border:0;background:none;width:110px}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:4px;overflow:hidden;flex-wrap:wrap}
.seg button{font:inherit;font-size:12px;background:var(--surface);color:var(--muted);border:0;padding:4px 9px;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.presets{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px;font-size:13px}
.presets span{color:var(--muted);margin-right:4px}

.count{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;margin:0 0 10px}
.count .vwlabel{font-size:16px;font-weight:700;color:var(--accent);letter-spacing:.01em}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:13px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:13px 13px 10px;cursor:pointer;display:flex;flex-direction:column;gap:7px;text-align:left;color:inherit;font:inherit;min-width:0}
.card:hover{background:var(--hover)}
.card .top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.card .tk{font-size:18px;font-weight:700;font-variation-settings:"wdth" 87.5;letter-spacing:.01em;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.card .nm{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card.etf .nm{white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}
.card .px{text-align:right;flex:none}
.card .px .n{font-size:17px;font-weight:600;line-height:1.1}
.card .px .l{font-size:11px;margin-top:2px}
.card svg{width:100%;height:120px;display:block}
.card .sum{font-size:12px;color:var(--muted);line-height:1.35;min-height:2.7em}
.card .foot{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);align-items:center;flex-wrap:wrap}
.score{display:inline-flex;gap:2px;vertical-align:middle}
.score i{width:5px;height:11px;border-radius:1px;background:var(--line2);display:block}.score i.on{background:var(--accent)}
.pill{display:inline-block;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:500;border:1px solid;white-space:nowrap}
.pill.up{color:var(--up);border-color:var(--up)}.pill.down{color:var(--down);border-color:var(--down)}.pill.mid{color:var(--muted);border-color:var(--line)}.pill.acc{color:var(--accent);border-color:var(--accent);background:var(--accent-bg)}
.pill.ok{color:var(--up);border-color:var(--up)}.pill.ko{color:var(--down);border-color:var(--down)}
.empty{color:var(--muted);padding:40px;text-align:center;grid-column:1/-1}
.more{display:flex;justify-content:center;margin:18px 0 0}
.tableview{margin:0 0 14px}.tableview summary{cursor:pointer;color:var(--muted);font-size:13px}
table{border-collapse:collapse;width:100%;font-size:12px;margin-top:10px}
th,td{padding:5px 7px;border-bottom:1px solid var(--line2);text-align:right;white-space:nowrap}
th:first-child,td:first-child,th:nth-child(2),td:nth-child(2){text-align:left}
th{color:var(--muted);font-weight:500;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;position:sticky;top:0;background:var(--bg)}
th.sortable{cursor:pointer;user-select:none}th.sortable:hover{color:var(--ink)}
.tw{overflow:auto;max-height:70vh}
tbody tr{cursor:pointer}tbody tr:hover{background:var(--hover)}
.method{margin:22px 0 0;padding:14px 16px;border:1px solid var(--line);background:var(--surface);border-radius:6px;font-size:12.5px;color:var(--muted);columns:2;column-gap:32px}
.method p{margin:0 0 8px;break-inside:avoid}.method b{color:var(--ink);font-weight:600}

dialog{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:0;width:min(1120px,calc(100vw - 24px));box-shadow:var(--shadow);max-height:calc(100vh - 24px);overflow:hidden}
dialog[open]{display:flex;flex-direction:column}
.dh,.dtabs{flex:none}
dialog::backdrop{background:rgba(10,14,18,.55)}
.dh{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 8px}
.dh h2{margin:0;font-size:22px;font-variation-settings:"wdth" 87.5;line-height:1.1}
.dh .sub{color:var(--muted);font-size:12.5px;margin-top:3px}
.dh .acts{display:flex;gap:6px;align-items:center;flex:none;flex-wrap:wrap;justify-content:flex-end}
.bell{font-size:15px;margin-left:-2px;cursor:default}
.dtabs{display:flex;gap:2px;padding:0 18px;border-bottom:1px solid var(--line)}
.dtabs button{font:inherit;font-size:13px;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:8px 10px;cursor:pointer;margin-bottom:-1px}
.dtabs button[aria-pressed="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.db{display:grid;grid-template-columns:1fr 330px;grid-template-rows:minmax(0,1fr);flex:1 1 auto;min-height:0;overflow:hidden}
.db .chart{padding:10px 8px 8px 12px;border-right:1px solid var(--line);overflow:auto;min-height:0}
.chart-head{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);padding:0 0 6px 2px;align-items:center}
.chart-head .sw{display:inline-flex;align-items:center;gap:5px}
.chart-head i{display:inline-block;width:14px;height:2px;background:var(--ma)}
.chart-head i.ma40{background:none;border-top:2px dashed var(--ma40);height:0}
.chart-head i.lvl{background:none;border-top:2px dashed var(--lvl);height:0}
.chart-head i.fib{width:12px;height:9px;background:var(--fib);opacity:.3}
.chart-head i.boll{width:12px;height:9px;background:var(--boll);opacity:.4}
.chart-head label.chk{cursor:pointer}.chart-head label.chk input{margin:0}
.chart-head select{font-size:12px;padding:2px 6px}
.db .chart svg{width:100%;height:520px;display:block}
.db aside{padding:12px 16px 18px;font-size:12.5px;overflow-y:auto;min-height:0;overscroll-behavior:contain}
.db aside .eyebrow{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500;margin:12px 0 5px}
.db aside .eyebrow:first-child{margin-top:0}
.kv{display:grid;grid-template-columns:auto 1fr;gap:0 14px;margin:0}
.kv dt,.kv dd{padding:5px 0;border-bottom:1px solid var(--line2)}
.kv dt:last-of-type,.kv dd:last-of-type{border-bottom:0}
.kv dt{color:var(--muted);font-weight:400}
.kv dd{margin:0;text-align:right;font-weight:600;color:var(--ink)}
.kv dd.ok{color:var(--up)}.kv dd.ko{color:var(--muted)}.kv dd.bad{color:var(--down)}
.kv dd small{color:var(--muted);font-weight:400}
.kv dt.sub{grid-column:1/-1;border-bottom:0;padding:11px 0 3px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;opacity:.75}
.kv dt.sub:first-of-type{padding-top:0}
.kv dt.kvhi,.kv dd.kvhi{padding-top:2px;padding-bottom:8px}
.kv dd.kvhi{font-size:16px}
.sig{border:1px solid var(--line);border-radius:6px;padding:10px 11px;margin:0 0 8px}
.sig .h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}
.sig .h b{font-size:13.5px}
.sig p{margin:4px 0 6px;color:var(--muted);font-size:12px;line-height:1.4}
.sig .ops{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;font-size:11px;margin:6px 0}
.sig .ops div{background:var(--bg);border-radius:4px;padding:4px 6px}
.sig .ops .k{color:var(--muted);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}
.sig details{margin-top:4px}.sig summary{cursor:pointer;color:var(--muted);font-size:11.5px}
.checks{list-style:none;padding:0;margin:6px 0 0;font-size:11.5px}
.checks li{display:flex;gap:6px;align-items:baseline;padding:2px 0}
.checks li.on{color:var(--ink)}.checks li.off{color:var(--faint)}
.checks li::before{content:"–";width:10px;display:inline-block;color:var(--faint)}
.checks li.on::before{content:"✓";color:var(--up)}
.note{margin:12px 0 0;padding:10px 12px;background:var(--accent-bg);border-left:3px solid var(--accent);font-size:12px;line-height:1.45}
.etfbox{margin:0 0 12px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px}
.etfbox .eyebrow{margin:0 0 4px}
.etfbox p{margin:0 0 6px;color:var(--ink);font-size:12.5px;line-height:1.5}
.etfbox .meta{color:var(--muted);font-size:12px;line-height:1.4}
.etfbox .lnk{display:inline-block;margin-top:6px;color:var(--accent);font-size:12px;font-weight:600}
.vbar{position:relative;height:38px;margin:8px 0 4px}
.vbar .rng{position:absolute;top:14px;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--up),var(--accent))}
.vbar .axis{position:absolute;top:18px;left:0;right:0;height:2px;background:var(--line)}
.vbar .px{position:absolute;top:6px;width:2px;height:26px;background:var(--ink)}
.vbar .lab{position:absolute;top:28px;font-size:10px;color:var(--muted);font-family:"IBM Plex Mono",monospace;transform:translateX(-50%);white-space:nowrap}
.vbar .lab.p{top:-4px;color:var(--ink);font-weight:600}
.verdict{font-size:20px;font-weight:700;font-variation-settings:"wdth" 87.5;line-height:1.1}
.verdict.ok{color:var(--up)}.verdict.ko{color:var(--down)}.verdict.mid{color:var(--muted)}
.just{font-size:12.5px;line-height:1.5;margin:8px 0 0}
.just b{font-weight:600}
.meth{width:100%;font-size:11.5px;margin:4px 0 0}
.meth td{padding:3px 4px;border-bottom:1px solid var(--line2);vertical-align:top;white-space:normal}
.meth td:first-child{text-align:left;color:var(--ink);font-weight:500}
.meth td.nota{color:var(--muted);text-align:left;font-size:11px}
.links{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.links a{font-size:12px;border:1px solid var(--line);border-radius:4px;padding:4px 8px;text-decoration:none;background:var(--bg)}
.links a:hover{background:var(--hover)}
.tip{position:fixed;pointer-events:none;background:var(--ink);color:var(--bg);font-size:12px;padding:6px 9px;border-radius:4px;z-index:50;display:none;line-height:1.35;white-space:nowrap}
.loading{color:var(--muted);text-align:center;padding:40px;grid-column:1/-1}
.up{color:var(--up)}.down{color:var(--down)}
@media (max-width:860px){.db{grid-template-columns:1fr;max-height:none}.db .chart{border-right:0;border-bottom:1px solid var(--line)}.db .chart svg{height:400px}.db aside{max-height:none}.method{columns:1}dialog{max-height:none;height:calc(100vh - 24px);overflow:auto}.db{flex:none;min-height:auto;overflow:visible;grid-template-rows:auto}.db .chart,.db aside{overflow:visible}.sig .ops{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:no-preference){.card{transition:background .15s}}

/* ---- v2: temporalidades, índices, estrategias combinables, EMAs, ficha ampliada */
:root{--ema1:#2E8B57;--ema2:#D9731A;--ema3:#8A3FFC}
:root[data-theme="dark"]{--ema1:#5FD08A;--ema2:#F2A35B;--ema3:#B592FF}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--ema1:#5FD08A;--ema2:#F2A35B;--ema3:#B592FF}}
.indexes{margin-top:8px;gap:6px 8px}.indexes .etfcats{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;flex-basis:100%}.indexes select{font-size:12px;padding:3px 6px;max-width:260px}
.tfs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:12px 0 0}
.tfs button{font:inherit;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:5px 12px;cursor:pointer;color:var(--ink);display:flex;flex-direction:column;align-items:center;line-height:1.1;min-width:56px}
.tfs button small{font-size:10px;color:var(--muted);margin-top:2px}.tfs button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tfs button[aria-pressed="true"] small{color:var(--bg);opacity:.8}.tfs button:disabled{opacity:.4;cursor:not-allowed}
.strat .stc{position:relative;display:flex}.strat .stc button.main{flex:1;min-height:62px}.strat .stc.ex button.main{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.strat .stc.na{opacity:.5}
.strat .plus{position:absolute;right:6px;top:6px;font:inherit;font-size:13px;width:22px;height:22px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;line-height:1;padding:0}
.strat .plus:hover{border-color:var(--accent);color:var(--accent)}.strat .plus[aria-pressed="true"]{background:var(--accent);color:#fff;border-color:var(--accent)}
.strat .d.mixta{color:var(--muted)}
.f.wide{grid-column:1/-1}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip.sm{font-size:11.5px;padding:2px 9px}
.emas{margin-top:10px;font-size:12.5px}.emas summary{cursor:pointer;color:var(--muted)}.emas summary b{color:var(--accent)}
.etab{width:auto;font-size:12px;margin:6px 0 8px}.etab th{position:static;background:none}.etab td{text-align:left;white-space:nowrap;padding:3px 10px 3px 0}.etab input[type=number]{width:62px;font-size:12px;padding:2px 5px}.etab select{font-size:12px;padding:2px 5px}
.pill.tf{color:var(--ink);border-color:var(--line);background:var(--bg);font-family:"IBM Plex Mono",monospace;font-size:10.5px;padding:0 6px}
.chart-head .tfsel{display:inline-flex;border:1px solid var(--line);border-radius:4px;overflow:hidden;margin-right:6px}.chart-head .tfsel button{font:inherit;font-size:11.5px;background:var(--surface);color:var(--muted);border:0;padding:3px 8px;cursor:pointer;font-family:"IBM Plex Mono",monospace}.chart-head .tfsel button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.chart-head i.e1{background:var(--ema1)}.chart-head i.e2{background:var(--ema2)}.chart-head i.e3{background:var(--ema3)}.chart-head i.ma{background:none;border-top:2px dashed var(--ma);height:0}
.db .chart svg{height:560px}
.qual{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;margin-bottom:8px;font-size:12.5px}
.rank{width:100%;font-size:12px;margin:0 0 8px;border-collapse:collapse}.rank td{padding:3px 4px;border-bottom:1px solid var(--line2);text-align:left;white-space:nowrap}.rank tr.on td{background:var(--accent-bg)}.rank .lnk b{font-weight:600}
.others summary{cursor:pointer;color:var(--muted);font-size:12.5px;margin:6px 0}
.simil{list-style:none;margin:0;padding:0;font-size:12px}.simil li{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid var(--line2);flex-wrap:wrap}.simil li .lnk{flex:1;min-width:120px}.simil small{color:var(--muted)}
.wbars{display:flex;flex-direction:column;gap:3px;font-size:12px}.wb{display:grid;grid-template-columns:140px 1fr 56px;align-items:center;gap:6px}.wb span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb i{display:block;height:9px;background:var(--up);border-radius:2px;min-width:1px}.wb b{text-align:right;font-weight:500}
.news{list-style:none;margin:0;padding:0;font-size:12.5px}.news li{padding:5px 0;border-bottom:1px solid var(--line2)}.news a{text-decoration:none}.news a:hover{text-decoration:underline}.news small{display:block;color:var(--muted);font-size:11px}
.ftab td.mono{white-space:nowrap}
@media (max-width:860px){.wb{grid-template-columns:100px 1fr 50px}.db .chart svg{height:430px}}
.indexes[hidden]{display:none}
.strat .stc button.main{padding-right:30px}.strat .c{white-space:normal;line-height:1.3}

/* ---- v3: paneles por estrategia combinada, cruces de reset, ayuda «?» con ejemplos */
.f .k{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.f .k>span{min-width:0}
button.help,button.rst{font:inherit;font-size:10px;line-height:1;width:16px;height:16px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0;text-transform:none;flex:none}
button.help:hover{border-color:var(--accent);color:var(--accent)}
button.rst{color:var(--down);border-color:var(--down);opacity:.8}button.rst:hover{opacity:1;background:var(--down);color:#fff}
button.rst[hidden]{display:none}
.etab td button.rst{vertical-align:middle}
.emas summary button.help{vertical-align:middle;margin-left:2px}
.xh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 8px;padding-top:10px;border-top:1px dashed var(--line)}
.xh.main{margin-top:4px;border-top:0;padding-top:0}
.xh b{font-size:13px;font-variation-settings:"wdth" 87.5;color:var(--accent)}.xh.main b{color:var(--ink)}
.xh .hint{margin:0;flex:1;min-width:200px}
.xpanel{border:1px solid var(--accent);border-radius:6px;padding:0 12px 12px;margin-top:12px;background:color-mix(in srgb,var(--accent-bg) 45%,var(--surface))}
.xpanel .xh{margin-top:0;border-top:0;padding-top:10px}
.hdlg{width:min(760px,calc(100vw - 24px))}
.hbody{padding:6px 18px 18px;overflow:auto;font-size:13px;line-height:1.5}
.hbody p{margin:6px 0 10px}.hbody .eyebrow{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500;margin:12px 0 6px}
.opts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:8px 18px}
.opts li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--line2)}
.opts li div{min-width:0;flex:1}.opts li b{font-weight:600;font-size:13px}.opts li p{margin:2px 0 0;color:var(--muted);font-size:12.5px}
.hx{width:170px;height:95px;flex:none;background:var(--bg);border:1px solid var(--line2);border-radius:4px}
.hbody>.hx{display:block;margin:4px 0 8px}
.hx .px{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.hx .lvl{stroke:var(--lvl);stroke-width:1.5;stroke-dasharray:4 3}.hx .zone{stroke:var(--up);stroke-width:1.5;stroke-dasharray:2 2;opacity:.7}
.hx .ema{fill:none;stroke:var(--ma);stroke-width:2}.hx .ema2{fill:none;stroke:var(--ma40);stroke-width:2}.hx .rsi{fill:none;stroke:var(--accent);stroke-width:2}
.hx .div{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:3 2}
.hx text{font-size:9px;fill:var(--muted);font-family:"Archivo",sans-serif}.hx text.b{fill:var(--ink);font-weight:600}.hx text.ema-t{fill:var(--ma)}
.hx .pt{fill:var(--accent)}
.hx .wk{stroke:var(--ink);stroke-width:1.2}.hx rect.up{fill:var(--up)}.hx rect.dn{fill:var(--down)}
.hx .vol{fill:var(--line)}.hx .vol.hi{fill:var(--accent)}
.hx .arr.up{fill:var(--up)}.hx .arr.dn{fill:var(--down)}
@media (max-width:600px){.opts{grid-template-columns:1fr}.hx{width:140px;height:78px}}

/* ---- v3: listas de seguimiento y cartera */
.ldlg{width:min(1240px,calc(100vw - 24px));height:calc(100vh - 24px)}
.lbody{display:grid;grid-template-columns:230px 1fr;flex:1 1 auto;min-height:0;overflow:hidden}
.lnav{border-right:1px solid var(--line);padding:10px;overflow:auto;display:flex;flex-direction:column;gap:3px;min-height:0}
.lnav .eyebrow{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500;margin:12px 4px 4px}
.lnav button.li{font:inherit;font-size:13px;display:flex;align-items:center;gap:7px;background:none;border:1px solid transparent;border-radius:6px;padding:7px 9px;cursor:pointer;color:var(--ink);text-align:left;width:100%}
.lnav button.li:hover{background:var(--hover)}.lnav button.li.on{background:var(--ink);color:var(--bg)}
.lnav .em{font-size:15px;line-height:1;flex:none}.lnav .dot{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block}.lnav .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lnav .n{font-size:11px;opacity:.7}
.lnav #l-new{margin-top:8px}
.lmain{padding:12px 18px 18px;overflow:auto;min-height:0;font-size:13px}
.lhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px;border-left:4px solid var(--lc);padding-left:10px}
.lhead .emb{font:inherit;font-size:24px;line-height:1;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:3px 6px;cursor:pointer}
.lhead .lname{font:inherit;font-size:20px;font-weight:700;font-variation-settings:"wdth" 87.5;background:none;border:1px solid transparent;border-radius:4px;padding:3px 6px;color:var(--ink);min-width:120px;flex:1}
.lhead .lname:hover,.lhead .lname:focus{border-color:var(--line);background:var(--surface)}
.lcol{position:relative;width:22px;height:22px;display:inline-block;cursor:pointer}.lcol input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.lcol i{display:block;width:22px;height:22px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line)}
.emojis{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 10px;align-items:center}.emojis button{font:inherit;font-size:18px;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:2px 6px;cursor:pointer}.emojis button:hover{background:var(--hover)}.emojis input{width:70px;font:inherit;font-size:13px;padding:4px 6px}
.ladd{position:relative;margin-bottom:10px}.ladd input,#pf-q{font:inherit;font-size:13px;width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:7px 11px}
.lres{position:absolute;z-index:5;left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow);max-height:320px;overflow:auto}.lres:empty{display:none}
.lres .ri{display:flex;gap:8px;align-items:baseline;width:100%;text-align:left;font:inherit;font-size:13px;background:none;border:0;border-bottom:1px solid var(--line2);padding:7px 11px;cursor:pointer;color:var(--ink)}.lres .ri:hover{background:var(--hover)}.lres .ri span{color:var(--muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lres .ri small{color:var(--muted);white-space:nowrap}.lres .hint{padding:8px 11px}
.lt td,.lt th{white-space:nowrap}.lt td small{color:var(--muted)}.lt .x{font-size:14px}.acts2{white-space:nowrap}.acts2 .x{margin:0 2px}
.lt td:first-child{white-space:normal;min-width:160px}
.cstats{margin:0 0 12px}.cstats .v.up{color:var(--up)}.cstats .v.down{color:var(--down)}
.csettings{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin:0 0 12px;font-size:13px}.csettings label{display:flex;align-items:center;gap:6px}.csettings input{width:110px;font:inherit;font-size:13px;padding:4px 7px}
.pform,.calc{border:1px solid var(--accent);background:color-mix(in srgb,var(--accent-bg) 45%,var(--surface));border-radius:6px;padding:10px 14px 12px;margin:0 0 12px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px 14px;margin:6px 0}
.pgrid label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted);position:relative}.pgrid label.wide{grid-column:1/-1}.pgrid label b{color:var(--ink);font-size:13px}
.pgrid input,.pgrid select{font:inherit;font-size:13px;padding:5px 7px;color:var(--ink);width:100%;box-sizing:border-box}
#pdlg .abody textarea{width:100%;box-sizing:border-box;resize:vertical}
#pdlg .abody section{margin-top:18px}
.pform .row{display:flex;gap:8px;margin-top:8px}
.kout{margin-top:6px}.kres{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:6px 0}
.kres>div{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:8px 10px}.kres .k{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.kres .v{font-size:22px;font-weight:600;font-variation-settings:"wdth" 87.5;line-height:1.1;margin-top:3px}.kres .s{font-size:11.5px;color:var(--muted);margin-top:2px}
.cgrid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin:16px 0 12px}
.evo{width:100%;height:auto;display:block}.evo .grid{stroke:var(--line2)}.evo .zero{stroke:var(--line);stroke-width:1.2}.evo text{font-size:10px;fill:var(--muted);font-family:"IBM Plex Mono",monospace}.evo .ty{text-anchor:end}.evo .tx{text-anchor:middle}.evo .tm{text-anchor:middle;fill:var(--muted)}
.evo .line{fill:none;stroke-width:2}.evo .line.up,.evo .dot.up,.evo .tl.up{stroke:var(--up);fill:var(--up)}.evo .line.down,.evo .dot.down,.evo .tl.down{stroke:var(--down);fill:var(--down)}.evo .line{fill:none}.evo .tl{font-weight:600;font-size:12px;stroke:none}.evo .area{opacity:.15;stroke:none}.evo .area.up{fill:var(--up)}.evo .area.down{fill:var(--down)}
.pie{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.pie svg{width:160px;height:160px;flex:none}.pie .pc{font-size:26px;font-weight:600;text-anchor:middle;fill:var(--ink);font-family:"Archivo",sans-serif}.pie .pl{font-size:10px;text-anchor:middle;fill:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.pleg{list-style:none;margin:0;padding:0;flex:1;min-width:180px;font-size:12.5px}.pleg li{display:grid;grid-template-columns:12px 1fr auto auto;gap:8px;align-items:center;padding:3px 0;border-bottom:1px solid var(--line2)}.pleg i{width:12px;height:12px;border-radius:3px;display:block}.pleg span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pleg small{color:var(--muted)}
.lwrap{position:relative;display:inline-block}.lmenu{position:absolute;right:0;top:calc(100% + 4px);z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow);padding:8px 12px 10px;min-width:240px;font-size:13px;text-align:left}
.lmenu label{display:flex;align-items:center;gap:6px;padding:3px 0;cursor:pointer}.lmenu .eyebrow{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:4px 0 4px}.lmenu .lnk{display:block;padding:3px 0;color:var(--accent)}
.btn[aria-pressed="true"]#d-list{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}
tr.closing td{background:var(--accent-bg)}tr.closing .row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}tr.closing input{font:inherit;font-size:12.5px;padding:3px 6px;width:120px}
@media (max-width:860px){.lbody{grid-template-columns:1fr;overflow:auto}.lnav{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;flex-wrap:wrap}.lnav .eyebrow{width:100%}.lnav button.li{width:auto}.cgrid{grid-template-columns:1fr}.ldlg{height:auto}}
.chk{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);margin:4px 0}
/* ---- desplegables por continente en la fila de mercados */
.markets details.dd{position:relative}
.markets details.dd summary{list-style:none;cursor:pointer;user-select:none}
.markets details.dd summary::-webkit-details-marker{display:none}
.markets details.dd summary.on{border-color:var(--ink);background:var(--ink);color:var(--bg)}
.markets details.dd summary .car{font-style:normal;font-size:10px;opacity:.7;margin-left:2px}
.markets details.dd[open] summary .car{transform:rotate(180deg);display:inline-block}
.markets .ddm{position:absolute;z-index:30;top:calc(100% + 6px);left:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:8px;display:flex;flex-direction:column;gap:4px;min-width:230px}
.markets .ddm .chip{justify-content:space-between;border-radius:6px}

/* ---- v4: estrategias agrupadas y repaso estético */
.strat{display:flex;flex-direction:column;gap:14px;margin:18px 0 0}
.sg{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:10px 12px 12px}
.sgh{display:flex;align-items:baseline;gap:8px;margin:0 0 9px;flex-wrap:wrap}
.sgh .ic{font-size:16px;line-height:1}.sgh b{font-size:13.5px;font-variation-settings:"wdth" 87.5;letter-spacing:.01em}.sgh small{color:var(--muted);font-size:12px}
.sgl{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px}
.sg-fund .sgl,.sg-todas .sgl{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.strat .stc{position:relative;display:flex;border-radius:8px}
.strat .stc button.main{flex:1;min-height:64px;border-radius:8px;background:var(--bg);border:1px solid var(--line2);padding:9px 30px 9px 13px;position:relative;overflow:hidden;transition:transform .12s,box-shadow .12s,border-color .12s}
.strat .stc button.main::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--faint)}
.strat .stc.dir-alcista button.main::before{background:var(--up)}.strat .stc.dir-bajista button.main::before{background:var(--down)}.strat .stc.dir-valor button.main::before{background:var(--accent)}.strat .stc.dir-mixta button.main::before{background:linear-gradient(var(--up),var(--down))}
.strat .stc button.main:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(20,30,40,.10);border-color:var(--line)}
.strat .stc button.main[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:var(--surface)}
.strat .stc.ex button.main{border-color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent);background:var(--accent-bg)}
.strat .l{font-weight:600;font-size:13px}.strat .c{font-size:11.5px;color:var(--muted);font-family:inherit;line-height:1.3}.strat .c b{font-family:"IBM Plex Mono",monospace;color:var(--ink);font-weight:600;font-size:12px}
.strat .d{font-size:9.5px;letter-spacing:.1em}
.strat .plus{position:absolute;right:7px;top:7px;width:22px;height:22px;min-height:0;padding:0;margin:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;font-family:"IBM Plex Mono",monospace;background:var(--surface);border:1px solid var(--line);color:var(--muted);box-sizing:border-box;aspect-ratio:1;flex:none;transition:transform .12s,background .12s}
.strat .plus:hover{transform:scale(1.12);border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}
.strat .plus[aria-pressed="true"]{background:var(--accent);color:#fff;border-color:var(--accent)}
.strat .stc.na{opacity:.45}
.desc{margin-top:14px}
/* superficies y controles más suaves */
.panel{border-radius:10px;padding:14px 16px}
.card{border-radius:10px;transition:transform .12s,box-shadow .12s,background .15s}.card:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(20,30,40,.10)}
.stats{gap:8px;background:none;border:0}.stat{border:1px solid var(--line);border-radius:10px}
.chip{padding:5px 12px}.btn{border-radius:7px}
.classes{gap:2px}.classes button{border-radius:7px 7px 0 0;padding:10px 16px}.classes button:hover{background:var(--hover)}
.tfs button{border-radius:8px}.seg{border-radius:7px}select,input[type=number]{border-radius:6px}
.method,.tableview{border-radius:10px}
#q{border-radius:8px;padding:8px 12px}
/* lupa del buscador (20-10-2026): el botón lanza la misma búsqueda que Enter */
.qbox{position:relative;display:flex;width:min(420px,60vw)}
.qbox #q{width:100%;padding-right:36px}
.qgo{position:absolute;right:3px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer}
.qgo:hover,.qgo:focus-visible{color:var(--ink);background:var(--hover);outline:none}
.qgo:active{transform:translateY(-50%) scale(.92)}
#q::-webkit-search-cancel-button{margin-right:2px}
.xpanel{border-radius:10px}.sig{border-radius:8px}.rd{border-radius:8px}
:root[data-theme="dark"] .strat .stc button.main:hover,:root[data-theme="dark"] .card:hover{box-shadow:0 6px 18px rgba(0,0,0,.45)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .strat .stc button.main:hover,:root:not([data-theme="light"]) .card:hover{box-shadow:0 6px 18px rgba(0,0,0,.45)}}
@media (max-width:600px){.sgl{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}
.sgrow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sgrow .sgl{grid-template-columns:1fr}@media (max-width:700px){.sgrow{grid-template-columns:1fr}}
/* ---- v5: tres columnas y gráficos */
.grid{grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:1080px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid{grid-template-columns:1fr}}
.card svg{height:176px}
.count .cright{display:flex;gap:14px;align-items:center}.ctype{display:flex;gap:6px;align-items:center;font-size:12.5px}.ctype select,.chart-head select.ctype-sel{font-size:12px;padding:2px 6px}
.chart-head select.ctype-sel{margin-left:auto}.chart-head select#d-strat{margin-left:0;max-width:300px}
.card .top{flex-wrap:nowrap;padding-bottom:0;border-bottom:0;gap:10px}

/* ---- v6: barra de menús «padre» + línea de situación; filas antiguas ocultas */
.legacy{display:none!important}
.mega{position:relative;margin:14px 0 0;z-index:40}
.mbar{display:flex;align-items:center;gap:2px;background:var(--ink);border-radius:10px;padding:5px 7px;box-shadow:0 6px 18px rgba(20,30,40,.12)}
.mbar .mi{font:inherit;font-size:15px;font-weight:600;background:none;border:0;color:var(--bg);padding:10px 16px;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;opacity:.92}
.mbar .mi .ic{font-size:17px;line-height:1}.mbar .mi .car{font-style:normal;font-size:10px;opacity:.6}
.mbar .mi:hover,.mbar .mi[aria-expanded="true"]{background:rgba(255,255,255,.14);opacity:1}
.mbar .mi[aria-expanded="true"] .car{display:inline-block;transform:rotate(180deg)}
.mspacer{flex:1}.mdate{font-size:11.5px;color:var(--bg);opacity:.6;padding-right:10px;white-space:nowrap}
.mpanel{position:absolute;left:0;right:0;top:calc(100% + 6px);display:grid;grid-template-columns:260px 1fr;grid-template-rows:minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);min-height:200px;max-height:min(70vh,620px);overflow:hidden}
.mpanel[hidden]{display:none}
.mleft{border-right:1px solid var(--line);padding:10px;display:flex;flex-direction:column;gap:2px;overflow:auto;background:var(--bg)}
.mleft .ml{font:inherit;text-align:left;background:none;border:0;border-radius:8px;padding:9px 10px;cursor:pointer;color:var(--ink);display:grid;grid-template-columns:22px 1fr 12px;gap:2px 8px;align-items:center}
.mleft .ml .ic{font-size:16px;grid-row:span 2;line-height:1}.mleft .ml .t{font-weight:600;font-size:13.5px}.mleft .ml small{grid-column:2;color:var(--muted);font-size:11.5px}.mleft .ml .car{font-style:normal;color:var(--faint);grid-column:3;grid-row:span 2}
.mleft .ml:hover,.mleft .ml.sel{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.mleft .ml.on .t{color:var(--accent)}
.mright{padding:14px 18px 16px;overflow:auto}
.mh{font-size:15px;font-weight:700;font-variation-settings:"wdth" 87.5;margin:0 0 10px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.mh small{font-weight:400;color:var(--muted);font-size:12.5px;font-variation-settings:"wdth" 100}
.mgrp{margin:0 0 12px}.mgt{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.mright .chips{display:flex;flex-wrap:wrap;gap:6px}.mright .chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.mprev{border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;background:var(--surface);padding:16px 18px}
.mprev .mh{font-size:18px}.mprev .mhic{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--accent-bg);font-size:17px;flex:none}
.mprev .mp{font-size:13.5px}
.mprev .chip.on{background:var(--accent);color:#19232B;border-color:var(--accent);font-weight:600}
.mp{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 10px;max-width:70ch}
.mlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px}
.mrow{font:inherit;text-align:left;background:var(--bg);border:1px solid var(--line2);border-radius:8px;padding:8px 11px;cursor:pointer;color:var(--ink);display:flex;flex-direction:column;gap:2px}
.mrow b{font-size:13px}.mrow span{font-size:11.5px;color:var(--muted);line-height:1.35}.mrow:hover{background:var(--hover);border-color:var(--line)}
/* estrategias dentro del menú: mismas tarjetas, en una fila y más pequeñas */
.mstrats{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 6px}   /* en dos (o más) líneas, sin scroll horizontal (Mario, 09-10-2026) */
.mstrats .stc{flex:1 1 164px;max-width:230px;position:relative;display:flex}
.mstrats .stc button.main{flex:1;min-height:56px;border-radius:8px;background:var(--bg);border:1px solid var(--line2);padding:7px 26px 7px 11px;position:relative;overflow:hidden;font:inherit;text-align:left;cursor:pointer;color:var(--ink);display:flex;flex-direction:column;gap:2px}
.mstrats .stc button.main::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--faint)}
.mstrats .stc.dir-alcista button.main::before{background:var(--up)}.mstrats .stc.dir-bajista button.main::before{background:var(--down)}.mstrats .stc.dir-valor button.main::before{background:var(--accent)}.mstrats .stc.dir-mixta button.main::before{background:linear-gradient(var(--up),var(--down))}
.mstrats .stc button.main:hover{background:var(--hover)}.mstrats .stc button.main[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:var(--surface)}.mstrats .stc.ex button.main{border-color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent);background:var(--accent-bg)}
.mstrats .l{font-weight:600;font-size:12.5px;line-height:1.2}.mstrats .c{font-size:11px;color:var(--muted);line-height:1.25}.mstrats .c b{font-family:"IBM Plex Mono",monospace;color:var(--ink)}.mstrats .d{font-size:9px;letter-spacing:.1em;text-transform:uppercase}.mstrats .d.alcista{color:var(--up)}.mstrats .d.bajista{color:var(--down)}.mstrats .d.valor{color:var(--accent)}.mstrats .d.mixta{color:var(--muted)}
.mstrats .plus{position:absolute;right:6px;top:6px;width:20px;height:20px;min-height:0;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1;font-family:"IBM Plex Mono",monospace;background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer}
.mstrats .plus:hover{border-color:var(--accent);color:var(--accent)}.mstrats .plus[aria-pressed="true"]{background:var(--accent);color:#fff;border-color:var(--accent)}
.mstrats .help.mh2{position:absolute;right:6px;bottom:6px}.mstrats .stc.na{opacity:.45}
/* línea de situación */
.crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 0;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;font-size:14.5px}
.crumb i{color:var(--faint);font-style:normal}
.crumb .cb{font:inherit;background:none;border:1px solid transparent;border-radius:7px;padding:5px 11px;cursor:pointer;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;font-weight:600;font-size:15px}
.crumb .cb small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}.crumb .cb:hover{background:var(--hover);border-color:var(--line)}
.crumb .cb.st{border-left:4px solid var(--faint);padding-left:10px}.crumb .cb.st.dir-alcista{border-left-color:var(--up)}.crumb .cb.st.dir-bajista{border-left-color:var(--down)}.crumb .cb.st.dir-valor{border-left-color:var(--accent)}.crumb .cb.st.dir-mixta{border-left-color:var(--muted)}.crumb .cb.st b{color:var(--accent);font-weight:600}
.crumb .ctf{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}.crumb .ctf button{font:inherit;font-size:13px;font-family:"IBM Plex Mono",monospace;background:var(--surface);color:var(--muted);border:0;padding:6px 10px;cursor:pointer}.crumb .ctf button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}.crumb .ctf button:disabled{opacity:.35;cursor:not-allowed}
.crumb .cspacer{flex:1}
.indexes{margin-top:10px}.stats{margin-top:12px}
@media (max-width:860px){.mpanel{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);max-height:80vh;max-height:80dvh}.mleft{max-height:38vh;min-height:0}.mright{min-height:0}.mleft{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line)}.mleft .ml{grid-template-columns:22px 1fr}.mleft .ml .car,.mleft .ml small{display:none}.mbar{overflow-x:auto}.mdate{display:none}}

/* ---- v7: filtros en píldoras, mercados en baldosas, toques de movimiento */
.panel{padding:10px 14px 12px}
.presets{gap:6px;margin-bottom:8px;font-size:12.5px;align-items:center}.presets .plab{font-size:13px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--ink);margin-right:2px}.presets .psep{width:1px;height:18px;background:var(--line);margin:0 6px}
.presets .chip{font-size:13px;padding:5px 12px}.presets.mine{display:none}
.frow{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:stretch;margin:0 0 6px}
.frow.sec{padding-top:8px;border-top:1px dashed var(--line)}
.fp{display:flex;flex-direction:column;gap:3px;background:var(--bg);border:1px solid var(--line2);border-left:3px solid var(--accent);border-radius:10px;padding:6px 11px 7px;min-width:0;transition:border-color .12s,box-shadow .12s,transform .12s}
.fp:hover{border-color:var(--line);transform:translateY(-1px);box-shadow:0 4px 12px rgba(20,30,40,.1)}.fp:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg)}
.fp .k{font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--ink);display:flex;align-items:center;gap:4px;white-space:nowrap}
.fp select,.fp input[type=number]{font:inherit;font-size:12.5px;background:none;border:0;padding:1px 0;color:var(--ink);max-width:220px}.fp select:focus,.fp input:focus{outline:none}
.fp input[type=number]{width:52px;border-bottom:1px solid var(--line)}
.fp input[type=range]{width:120px;margin:4px 0 0}
.fp .row{display:flex;align-items:center;gap:4px;font-size:12.5px;flex-wrap:wrap}
.fp.wide{flex-basis:100%}.fp .chips{margin-top:2px}
.fp.emas{display:block}.fp.emas summary{list-style:none;cursor:pointer}.fp.emas summary::-webkit-details-marker{display:none}.fp.emas summary .k::after{content:"▾";margin-left:4px;color:var(--faint)}.fp.emas[open] summary .k::after{content:"▴"}
.fp.emas .etab{margin:8px 0 2px}
.fmore{font:inherit;font-size:12.5px;align-self:center;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 12px;cursor:pointer;color:var(--ink);display:inline-flex;align-items:center;gap:5px;margin-left:auto}
.fmore:hover{background:var(--hover)}.fmore b{background:var(--accent);color:#fff;border-radius:999px;font-size:10.5px;padding:0 6px;line-height:16px}.fmore i{font-style:normal;font-size:10px;color:var(--muted);transition:transform .15s}.fmore[aria-expanded="true"] i{transform:rotate(180deg)}
.xpanel{padding:0 10px 10px}.xpanel .frow{margin:0}
/* baldosas del menú Mercados */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.tiles.big{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.tile{font:inherit;text-align:left;display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--line2);border-radius:10px;padding:8px 10px;cursor:pointer;color:var(--ink);min-width:0;transition:transform .12s,box-shadow .12s,border-color .12s}
.tile:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(20,30,40,.10);border-color:var(--line)}.tile.on{border-color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:var(--surface)}.tile:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}
.tile .flag{font-size:28px;line-height:1;flex:none;width:34px;text-align:center}
.tile .tx{display:flex;flex-direction:column;min-width:0;flex:1}.tile .tx b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile .tx small{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tiles.assets{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.tile.asset .px{display:flex;flex-direction:column;align-items:flex-end;font-size:12.5px;flex:none;white-space:nowrap}.tile.asset .px em{font-style:normal;font-size:11px}.tile.asset .px small{color:var(--muted)}
.mh .mall{margin-left:auto;font-size:12px}
.mgrp .mgt{font-size:11px}
/* sin animación de apertura: el menú es instantáneo */
.mleft .ml.sel .ic{transform:scale(1.15)}.mleft .ml .ic{transition:transform .12s}
.mright .tile .flag{filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}
@media (prefers-reduced-motion:reduce){.mpanel{animation:none}.tile,.card,.strat .stc button.main{transition:none}}

/* ---- v8: portada sin estrategia */
.hero{grid-column:1/-1;background:linear-gradient(135deg,var(--ink) 0%,#223a46 60%,#15948F 140%);color:#fff;border-radius:14px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:2px 0 6px;box-shadow:0 10px 30px rgba(20,30,40,.18)}
.hero h2{margin:0 0 6px;font-size:26px;font-variation-settings:"wdth" 87.5;letter-spacing:-.01em;line-height:1.1}.hero p{margin:0 0 14px;opacity:.85;font-size:13.5px;max-width:78ch;line-height:1.5}
.hcta{display:flex;gap:8px;flex-wrap:wrap}.hero .btn{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#fff}.hero .btn.primary{background:#F0B23F;border-color:#F0B23F;color:#19232B;font-weight:600}.hero .btn:hover{background:rgba(255,255,255,.22)}.hero .btn.primary:hover{background:#f5c15c}
.hsec{grid-column:1/-1;margin:6px 0 2px}.hh{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 10px;padding:0 2px}
.hh h3{margin:0;font-size:17px;font-variation-settings:"wdth" 87.5;letter-spacing:-.005em}.hh p{margin:2px 0 0;color:var(--muted);font-size:12.5px}.hh .hgo{white-space:nowrap}
.hgrid{margin:0}
.crumb .cb.pick{border-left:4px solid var(--accent);padding-left:9px;color:var(--accent)}
#filters[hidden],#stats[hidden],.tableview[hidden]{display:none}
@media (max-width:860px){.hero{flex-direction:column;align-items:flex-start;padding:20px}.hero h2{font-size:22px}}

/* ---- v9: en la portada el hero sustituye a la barra de menús; temporalidad dentro del panel Estrategias */
.mega.home .mbar{display:none}.mega:not(.home) .hbar{display:none}
.mbar .mi .tx{display:inline}.mbar .mi .tx b{font-weight:600}.mbar .mi .tx small{display:none}
.hbar .hero{position:relative;overflow:hidden;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:18px 26px 20px;background:linear-gradient(120deg,#19232B 0%,#1F3340 48%,#146E72 100%)}
.hbar .hero::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 100% 0%,rgba(240,178,63,.16),transparent 55%),radial-gradient(70% 70% at 0% 100%,rgba(45,176,180,.18),transparent 60%);pointer-events:none}
.hbar .hero>*{position:relative}
.hbar .hk{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 8px}
.hbar .hkt{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#F0B23F;font-weight:600;opacity:.95}
.hbar .mdate{font-size:11px;color:#fff;opacity:.6;padding:0;white-space:nowrap}.hbar .mdate::before{content:"● ";color:#2DB0B4;opacity:1}
.hbar .hero h2{font-size:30px;margin:0 0 6px;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.hbar .hero p{margin:0 0 16px;max-width:82ch}.hbar .hero p b{color:#fff;font-family:"IBM Plex Mono",monospace;font-weight:600}
.hbar .hart{position:absolute;right:18px;top:6px;height:118px;width:260px;opacity:.26;pointer-events:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}
.hnav{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
@media (min-width:861px){.hnav{flex-wrap:nowrap;gap:6px}.hnav .mi{min-width:0;flex:0 1 auto;padding:7px 10px 7px 8px;gap:7px}.hnav .mi .ic{width:27px;height:27px;font-size:17px}.hnav .mi .tx b{white-space:nowrap}.hnav .mi .tx small{overflow:hidden;text-overflow:ellipsis;font-size:10px}.hnav .mi .car{padding-left:4px}.hnav .mi[data-m="ayuda"]{margin-left:auto}}
.hnav .mi{font:inherit;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:11px;padding:8px 12px 8px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:9px;text-align:left;backdrop-filter:blur(6px);transition:background .15s,transform .15s,border-color .15s,box-shadow .15s;min-width:150px}
.hnav .mi .ic{font-size:19px;line-height:1;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:8px;flex:none}
.hnav .mi .tx{display:flex;flex-direction:column;line-height:1.15;min-width:0}.hnav .mi .tx b{font-weight:600;font-size:13.5px}.hnav .mi .tx small{font-size:10.5px;opacity:.7;white-space:nowrap}
.hnav .mi .car{font-style:normal;font-size:10px;opacity:.6;margin-left:auto;padding-left:6px;transition:transform .15s}
.hnav .mi:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.32);transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.22)}
.hnav .mi[aria-expanded="true"]{background:#fff;color:#19232B;border-color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.hnav .mi[aria-expanded="true"] .ic{background:#EEF2F4}.hnav .mi[aria-expanded="true"] .car{transform:rotate(180deg);opacity:.8}
.hnav .mi.primary{background:#F0B23F;border-color:#F0B23F;color:#19232B}.hnav .mi.primary .ic{background:rgba(25,35,43,.12)}.hnav .mi.primary .tx small{opacity:.75}
.hnav .mi.primary:hover{background:#f5c15c;border-color:#f5c15c}.hnav .mi.primary[aria-expanded="true"]{background:#fff;border-color:#fff}
.mega.home .mpanel{top:calc(100% + 8px)}
/* fila de temporalidad arriba del panel Estrategias */
.mtf{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px -18px 12px;padding:8px 18px 10px;border-bottom:1px solid var(--line2);background:linear-gradient(var(--bg),transparent)}
.mtf .lb{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600;white-space:nowrap}
.mtf .tfs{display:inline-flex;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:3px}
.mtf .tfb{font:inherit;background:none;border:0;border-radius:7px;padding:4px 10px;cursor:pointer;color:var(--muted);display:flex;flex-direction:column;align-items:center;line-height:1.1;min-width:52px;transition:background .12s,color .12s}
.mtf .tfb b{font-family:"IBM Plex Mono",monospace;font-size:13px;font-weight:600}.mtf .tfb small{font-size:9.5px;letter-spacing:.02em;opacity:.8}
.mtf .tfb:hover{background:var(--hover);color:var(--ink)}.mtf .tfb[aria-pressed="true"]{background:var(--ink);color:var(--bg)}.mtf .tfb[aria-pressed="true"] small{opacity:.85}
.mtf .tfb:disabled{opacity:.3;cursor:not-allowed;background:none;color:var(--muted)}
.mtf .hint{color:var(--faint);font-size:11.5px;margin-left:auto}
@media (max-width:860px){.hbar .hero{padding:16px 16px 16px}.hbar .hero h2{font-size:22px}.hbar .hart{display:none}.hnav .mi{min-width:0;flex:1 1 44%}.hnav .mi .tx small{display:none}.mtf{margin:-4px -10px 10px;padding:6px 10px 8px}.mtf .hint{display:none}.mtf .tfb small{display:none}.mtf .tfb{min-width:40px}}
@media (prefers-reduced-motion:reduce){.hnav .mi,.mtf .tfb{transition:none}}

/* ---- v10: píldora de media de la temporalidad activa junto a «Ordenar»; distancias con signo fijo */
.fp .row.ema{gap:6px;flex-wrap:nowrap}.fp .row.ema .dist{display:inline-flex;align-items:center;gap:3px;padding:0 8px;border-left:1px solid var(--line);border-right:1px solid var(--line);white-space:nowrap}
.fp .row.ema select.e-n{max-width:170px}.fp .row.ema select.e-pos{max-width:170px;color:var(--muted)}
.fp input.e-lo,.fp input.e-hi,.etab input.e-lo,.etab input.e-hi{width:56px;text-align:right;font-family:"IBM Plex Mono",monospace}
.fp input.e-lo:not(:placeholder-shown){color:var(--down)}.fp input.e-hi:not(:placeholder-shown){color:var(--up)}.etab input.e-lo:not(:placeholder-shown){color:var(--down)}.etab input.e-hi:not(:placeholder-shown){color:var(--up)}
.fp .dist{font-size:12.5px}
@media (max-width:860px){.fp .row.ema{flex-wrap:wrap}}

/* ---- v11: menú instantáneo, logo → inicio, vistas rápidas con ejemplos */
.mpanel::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}   /* puente invisible: cruzar el hueco entre la barra y el panel no cuenta como salir */
.brand{cursor:pointer;border-radius:8px}.brand:hover h1{color:var(--accent)}.brand:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.vlist{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}
.mrow .ex{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;font-size:11.5px;color:var(--muted)}.mrow .ex b{font-family:"IBM Plex Mono",monospace;color:var(--ink);font-weight:600}
.mrow .ex i{font-style:normal;font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:500;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:0 5px;line-height:17px;transition:border-color .1s,color .1s}
.mrow .ex i:hover{border-color:var(--accent);color:var(--accent)}.mrow .ex em{font-style:normal;color:var(--faint)}.mrow .ex.none{color:var(--faint);font-style:italic}.mrow.vq.empty{opacity:.6}
/* límites de exposición de Murphy (cartera) */
.limites tr.over td { color: var(--dn, #CF4C55); font-weight: 600; }
.limites { margin: 14px 0; }
/* 09-10-2026: zoom pequeño y fijo del gráfico de la tarjeta al pasar el ratón (sustituye a la lupa que seguía al cursor, eliminada el 08-10); en pantallas táctiles no se aplica */
.card{position:relative}.card svg{transition:transform .18s ease;transform-origin:50% 50%}
@media (hover:hover) and (pointer:fine){.card:hover{z-index:2}.card:hover svg{transform:scale(1.12)}}

/* ---- 09-10-2026 (peticiones de Saúl): medias por color, escalas en tarjetas, ficha a todo el ancho, filtros pesados en rojo, carteras por bróker, seguidos */
:root{--ema-y:#C99A06;--ema-g:#1F8F4E;--ema-p:#7B3FE4;--ema-o:#D9731A;--boll:#1C7ED6}
:root[data-theme="dark"]{--ema-y:#F2CC4D;--ema-g:#4FD37F;--ema-p:#B592FF;--ema-o:#F2A35B;--boll:#74C0FC}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--ema-y:#F2CC4D;--ema-g:#4FD37F;--ema-p:#B592FF;--ema-o:#F2A35B;--boll:#74C0FC}}
.chart-head .sw i{border-radius:1px}
/* ficha: diálogo ancho, gráfico arriba a todo el ancho y los datos debajo en columnas que llenan el espacio */
dialog#dlg{width:min(1900px,calc(100vw - 16px));max-height:calc(100vh - 16px)}
#dlg .db{display:flex;flex-direction:column;overflow:auto;min-height:0}
#dlg .db .chart{border-right:0;border-bottom:1px solid var(--line);overflow:visible;flex:none;padding:8px 14px 6px}
#dlg .db .chart svg{width:100%;height:auto;max-height:none}
#dlg .db aside{overflow:visible;padding:10px 18px 20px;columns:3 340px;column-gap:30px;column-rule:1px solid var(--line2);font-size:13px}
#dlg .db aside .eyebrow{break-after:avoid;margin-top:10px}#dlg .db aside .eyebrow:first-child{margin-top:0}
#dlg .db aside table,#dlg .db aside .fiab,#dlg .db aside ul,#dlg .db aside .arow,#dlg .db aside .sig,#dlg .db aside .kv,#dlg .db aside p{break-inside:avoid}
#dlg .db aside .tw{overflow:visible;max-height:none}
@media (max-width:860px){#dlg .db aside{columns:1}}
/* filtros: aviso en rojo cuando un filtro deja fuera más del 40 % de lo que habría sin él */
.fp.heavy{border-color:var(--down);box-shadow:inset 0 0 0 1px var(--down);background:color-mix(in srgb,var(--down) 7%,var(--surface))}
.fp.heavy>.k>span,.fp.heavy>summary .k>span{color:var(--down);font-weight:600}
.fp.heavy>.k::after{content:"deja fuera > 40 %";font-size:10px;color:var(--down);margin-left:auto;font-weight:500;letter-spacing:.02em}
.row.mcap{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.mcapv input{width:90px}
/* mini-gráficos en los paneles de forex / materias / cripto / índices */
.tile.asset .spk2{display:inline-flex;flex-direction:column;align-items:center;flex:none;width:92px;line-height:1}.tile.asset .spk2 small{font-size:9px;color:var(--muted);margin-top:1px}
.spk2 svg{display:block}.spk2 .l{fill:none;stroke:var(--muted);stroke-width:1.5;stroke-linejoin:round}.spk2 .a{fill:var(--muted);opacity:.12}
.spk2.up .l{stroke:var(--up)}.spk2.up .a{fill:var(--up)}.spk2.down .l{stroke:var(--down)}.spk2.down .a{fill:var(--down)}
.tiles.assets{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
/* Mi espacio › Cartera: botones grandes y resumen */
.cbtns{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:0 0 14px}
.cbtn{font:inherit;text-align:left;display:flex;align-items:center;gap:12px;background:var(--bg);border:1px solid var(--line2);border-radius:12px;padding:12px 14px;cursor:pointer;color:var(--ink);min-width:0;transition:transform .12s,box-shadow .12s,border-color .12s}
.cbtn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(20,30,40,.12);border-color:var(--line)}.cbtn.on{border-color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:var(--surface)}
.cbtn .tx{display:flex;flex-direction:column;min-width:0}.cbtn .tx b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cbtn .tx small{color:var(--muted);font-size:11.5px}
.cbtn.new{border-style:dashed}.cbtn.new .blogo{color:var(--accent)}
.blogo{--sz:40px;width:var(--sz);height:var(--sz);flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:calc(var(--sz) * .26);background:var(--surface);border:1px solid var(--line2);overflow:hidden;font-size:calc(var(--sz) * .55);line-height:1;vertical-align:middle}
.blogo img{width:70%;height:70%;object-fit:contain;display:block}.blogo b{font-size:calc(var(--sz) * .42);font-weight:700;color:var(--accent);letter-spacing:.02em}.blogo.em{font-size:calc(var(--sz) * .55)}
.csum .cstats.mini{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:10px}.csum .stat .v{font-size:20px}
.cpos{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.cp{font:inherit;text-align:left;background:var(--surface);border:1px solid var(--line2);border-radius:8px;padding:6px 10px;cursor:pointer;color:var(--ink);display:flex;flex-direction:column;gap:1px;min-width:120px}.cp:hover{background:var(--hover)}.cp b{font-size:12.5px}.cp span{font-size:13px;font-weight:600}.cp small{color:var(--muted);font-size:10.5px}.cp .up{color:var(--up)}.cp .down{color:var(--down)}
/* diálogo de listas y cartera: más ancho, tabla clara sin barra horizontal, ajustes grandes, cabecera del bróker */
.ldlg{width:min(1900px,calc(100vw - 16px))}
.lnav .li .em .blogo{--sz:18px;border-radius:4px}.lnav #l-newc{margin-top:6px}
.bhead{display:flex;align-items:center;gap:14px;margin:0 0 14px;flex-wrap:wrap}.bhead .bt{display:flex;flex-direction:column;line-height:1.1}.bhead .bt small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.bhead .bt b{font-size:28px;font-weight:700;font-variation-settings:"wdth" 87.5}
.bhead .bset{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);margin-left:auto}.bhead .bset input{font:inherit;font-size:14px;padding:5px 8px;width:200px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:5px}
.csettings.big{font-size:15px;gap:10px 22px;margin-bottom:14px}.csettings.big label{gap:8px}.csettings.big input{width:140px;font-size:15px;padding:6px 9px}.csettings.big .btn{font-size:14px;padding:7px 12px}
.tw.ctw{overflow:visible;max-height:none}
.ftab.clear{table-layout:auto}.ftab.clear th{white-space:normal;line-height:1.25;vertical-align:bottom;padding:6px 8px}.ftab.clear td{white-space:normal;padding:9px 8px;vertical-align:top;border-bottom:1px solid var(--line)}
.ftab.clear tbody tr:nth-child(odd) td{background:color-mix(in srgb,var(--line2) 35%,transparent)}.ftab.clear tr.closing td{background:var(--accent-bg)}
.cv{display:flex;flex-direction:column;gap:2px;min-width:0}.cv b{font-size:14px;font-weight:600;white-space:nowrap}.cv small{font-size:11px;color:var(--muted);line-height:1.3}
.cv.mono b{font-family:"IBM Plex Mono",monospace}.cv.up b{color:var(--up)}.cv.down b{color:var(--down)}.cv b .lnk{font-size:14px;font-weight:600}
.cstats .stat .v{font-size:27px}
/* flechas laterales de la ficha: activo anterior / siguiente sin cerrar */
.dnav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:84px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--ink);font:inherit;font-size:34px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);opacity:.55;transition:opacity .12s,background .12s}
.dnav:hover{opacity:1;background:var(--surface)}.dnav:disabled{opacity:.15;cursor:default}.dnav.prev{left:6px}.dnav.next{right:6px}
#d-sub[data-pos]::after{content:" · " attr(data-pos);font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--muted)}
@media (max-width:860px){.dnav{width:34px;height:60px;font-size:26px;top:auto;bottom:12px;transform:none}}
/* selector de idioma (es/en) en la cabecera; el widget de Google Translate va oculto y sin su barra superior */
select.lang{font:inherit;font-size:12.5px;padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);cursor:pointer}
#gt-el,.goog-te-banner-frame,.skiptranslate iframe,#goog-gt-tt,.goog-te-balloon-frame,.goog-tooltip,.VIpgJd-ZVi9od-ORHb-OEVmcd,.VIpgJd-ZVi9od-aZ2wEe-wOHMyf{display:none!important;visibility:hidden!important}
html.lang-en body,body{top:0!important;position:static!important}
font[style*="background-color"]{background:none!important;box-shadow:none!important}
.pgrid label.chk2{flex-direction:row;align-items:center;gap:8px;color:var(--ink)}.pgrid label.chk2 small{color:var(--muted)}
/* asistente de alertas al seguir */
.fdlg{width:min(760px,calc(100vw - 24px))}.fw{display:flex;flex-direction:column;gap:8px;font-size:13.5px}
.fwo{display:grid;grid-template-columns:20px 1fr;gap:2px 10px;align-items:center;border:1px solid var(--line2);border-radius:8px;padding:9px 12px;cursor:pointer}.fwo:has(input:checked){border-color:var(--accent);background:var(--accent-bg)}
.fwo b{font-size:14px}.fwo span{grid-column:2;color:var(--muted);font-size:12.5px;display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center}.fwo input[type=number],.fwo input:not([type]){font:inherit;font-size:12.5px;padding:3px 6px;width:90px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:4px}.fwo input#fw-lvln{width:160px}.fwo select{font-size:12.5px;padding:3px 6px}
.fwo .chips.wide{flex-basis:100%;margin-top:4px}.fwo .chips.wide .chip[aria-pressed="true"]{background:var(--accent);color:#fff;border-color:var(--accent)}
.fw .row{display:flex;gap:8px;margin-top:6px}
#albar.albar{border-color:var(--up);background:color-mix(in srgb,var(--up) 10%,var(--surface))}#albar .lnk{color:var(--ink);font-weight:600}
.presets select.chipsel{font:inherit;font-size:13px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.fwo.claude{display:flex;flex-direction:column;gap:6px;cursor:default;border-color:var(--accent)}.fwo.claude .fwh{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.fwo.claude textarea{font:inherit;font-size:13px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:6px 8px;resize:vertical}
.cres{border:1px solid var(--line);border-radius:6px;padding:8px 10px;background:var(--surface);font-size:12.5px}.cres ul{margin:4px 0;padding-left:18px}.cres li.down{list-style:none;margin-left:-18px}
.bhead .rbtns{display:flex;gap:6px;margin-left:auto}.bhead .rbtns .btn{font-size:13.5px;padding:7px 12px;font-weight:600}.bhead .bset{margin-left:0}
.mrow.alr b small{font-weight:400;color:var(--muted);font-size:11px}
/* alertas pendientes: «Mi espacio» late en verde hasta confirmarlas */
@keyframes mioglow{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--up) 70%,transparent);border-color:var(--up)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--up) 0%,transparent);border-color:var(--up)}}
.mi.glow{animation:mioglow 1.4s ease-out infinite;border-radius:10px;border:1px solid var(--up)!important;background:color-mix(in srgb,var(--up) 14%,transparent)!important}.mi.glow .ic::after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--up);margin:-2px 0 0 -6px;box-shadow:0 0 0 2px var(--surface)}.mi .ic{position:relative}
.hbar .mi.glow{box-shadow:0 0 0 2px var(--up)}
.mpend{display:flex;flex-direction:column;gap:5px;margin:0 0 14px}.mp1{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid var(--up);border-radius:8px;padding:6px 10px;background:color-mix(in srgb,var(--up) 8%,var(--surface));font-size:12.5px}.mp1 .btn{margin-left:auto}.mp1 small{color:var(--muted)}
#albar .x.al-ok{font-size:12px;color:var(--up);font-weight:700;background:none;border:1px solid var(--up);border-radius:4px;padding:0 5px;cursor:pointer;margin-left:2px}
@media (prefers-reduced-motion:reduce){.mi.glow{animation:none}}
.blogo:has(img){background:#fff;border-color:#e3e7ea}.blogo img{width:84%;height:84%}

.sw.synth{color:var(--alert);font-size:11px}

/* ---- Contacto (19-10-2026): tarjeta del correo (Ayuda › Contacto) y pie de la web */
.cto .cto-card{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid var(--accent);border-radius:10px;padding:12px 14px;margin:2px 0 6px;background:color-mix(in srgb,var(--accent-bg) 55%,var(--surface))}
.cto .cto-ic{font-size:24px;line-height:1;flex:none}
.cto .cto-tx{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:2px}
.cto .cto-mail{font-size:17px;font-weight:600;color:var(--ink);text-decoration:none;word-break:break-all}
.cto .cto-mail:hover{color:var(--accent);text-decoration:underline}
.cto .cto-tx small{color:var(--muted);font-size:12px;line-height:1.4}
.cto .cto-acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.cto .cto-l{margin-bottom:4px}
.cto .cto-l li{border-bottom:1px solid var(--line2)}
.sitefoot{margin:28px 0 0;padding:16px 0 0;border-top:1px solid var(--line);color:var(--muted);font-size:12.5px}
.sf-top{display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap}
.sf-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.sf-brand b{color:var(--ink);font-size:14px;font-variation-settings:"wdth" 87.5;display:block;line-height:1.2}
.sf-brand small{display:block;font-size:11.5px;color:var(--muted)}
.sf-brand a{color:inherit;text-decoration:none}.sf-brand a:hover{color:var(--accent);text-decoration:underline}
.sf-nav{display:flex;gap:6px 16px;flex-wrap:wrap;margin-left:auto;align-items:center}
.sf-lnk{font:inherit;font-size:12.5px;background:none;border:0;padding:2px 0;color:var(--muted);cursor:pointer;text-decoration:none}
.sf-lnk:hover{color:var(--ink);text-decoration:underline}
.sf-lnk.mail{font-family:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;color:var(--accent)}
.sf-legal{margin:10px 0 0;font-size:11.5px;line-height:1.5;color:var(--faint);max-width:110ch}
.sf-legal b{color:var(--muted);font-weight:600}
@media (max-width:860px){.sf-nav{margin-left:0}}
/* zoom y desplazamiento del gráfico de la ficha (Mario 20-10-2026, taller): ◀ ▶ − + Todo; «Todo» resaltado = encuadre automático */
.chart-head .zoomctl{display:inline-flex;border:1px solid var(--line);border-radius:4px;overflow:hidden}.chart-head .zoomctl button{font:inherit;font-size:11.5px;line-height:1.2;background:var(--surface);color:var(--muted);border:0;border-right:1px solid var(--line);padding:3px 7px;cursor:pointer;font-family:"IBM Plex Mono",monospace}.chart-head .zoomctl button:last-child{border-right:0}.chart-head .zoomctl button:hover{color:var(--ink)}.chart-head .zoomctl:not(.on) button[data-z="0"]{background:var(--ink);color:var(--bg)}
#d-svg{cursor:default;user-select:none;-webkit-user-select:none}
