
.mh-r a{text-decoration:none}
.livebar{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:18px}
.livebar .dot{width:10px;height:10px;border-radius:50%;background:var(--red);display:inline-block;margin-right:8px;animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(189,42,30,.55)}70%{box-shadow:0 0 0 10px rgba(189,42,30,0)}100%{box-shadow:0 0 0 0 rgba(189,42,30,0)}}
@media (prefers-reduced-motion:reduce){.livebar .dot{animation:none}}
.mhero{padding-block:clamp(30px,5vw,60px) 10px}
.mhero h1{font-family:var(--serif);font-weight:500;font-size:clamp(46px,7vw,96px);line-height:.96;letter-spacing:-.025em}
.mhero h1 em{color:var(--red);font-style:italic}
.mhero .dek{font-size:clamp(19px,2vw,23px);color:var(--ink-2);max-width:46ch;margin-top:18px;line-height:1.45}
.ctl2{display:grid;gap:12px;margin-top:26px}
.row2{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.row2 > span{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);min-width:110px}
.chip2{font-family:var(--sans);font-weight:600;font-size:16px;padding:.55em 1.1em;border-radius:999px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}
.chip2[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.chip2:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.mgrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px;margin-top:22px;align-items:start}
@media (max-width:900px){.mgrid{grid-template-columns:1fr}}
.mapbox2{background:var(--card);border:1px solid var(--rule);padding:clamp(8px,1.6vw,18px)}
.mapbox2 svg{width:100%;height:auto;display:block}
.st{stroke:var(--paper);stroke-width:1.1;transition:fill .5s}
.st.race:hover{stroke:var(--ink);stroke-width:2}
.ml{font-family:var(--mono);font-size:11px;font-weight:600;text-anchor:middle;fill:var(--ink);pointer-events:none}
.ml.on{fill:#fff}
.ml.tu{font-size:12.5px;font-weight:700;fill:var(--ink)}
.scale .tu{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}.scale .tu b{width:16px;height:16px;background:#a9a39a;border:1px solid var(--rule-2);display:inline-block}
.scale{display:flex;align-items:center;gap:10px;margin-top:12px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);flex-wrap:wrap}
.scale i{display:block;height:12px;flex:1 1 200px;background:linear-gradient(90deg,#9b0d23,#ececea,#1d4f91);border:1px solid var(--rule)}
.totbox{background:var(--card);border:1px solid var(--rule);border-top:6px solid var(--ink);padding:20px 22px}
.tbig{font-family:var(--serif);font-weight:600;font-size:clamp(28px,3.2vw,40px);line-height:1.1}
.tsub{font-size:16px;color:var(--ink-2);margin-top:10px;line-height:1.45}
.tb{margin-top:18px}.tb-l{display:flex;justify-content:space-between;font-family:var(--mono);font-size:13px;font-weight:600}
.tb-l .dd{color:var(--water)}.tb-l .rr{color:var(--red)}
.tb-b{position:relative;height:22px;background:var(--paper-3);margin-top:6px}
.tb-b i{position:absolute;top:0;bottom:0}.tb-b .bd{left:0;background:var(--water)}.tb-b .br{background:var(--red)}
.tb-b b{position:absolute;top:-6px;bottom:-6px;width:2px;background:var(--ink)}
.lockbox{background:var(--ink);color:var(--paper);padding:22px 24px;margin-top:16px;border-radius:3px}
.lockbox h3{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.6vw,32px);color:#fff}
.lockbox p{color:#ded4c4;font-size:17px;margin-top:8px}
.lockbox a.buy{display:inline-block;margin-top:14px;background:var(--red);color:#fff;text-decoration:none;font-weight:700;padding:.8em 1.4em;border-radius:999px}
.lockbox .cd{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.lockbox input{flex:1 1 220px;font-family:var(--mono);font-size:15px;padding:.75em 1em;border-radius:3px;border:1px solid var(--rule-2);background:var(--paper);color:var(--ink)}
.lockbox button{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:.75em 1.3em;border:0;border-radius:3px;background:var(--paper);color:var(--ink);cursor:pointer}
.lockbox .msg{color:#e8475f;font-size:15px;margin-top:8px;min-height:1em}
.msec{padding-block:clamp(40px,6vw,70px) 0}
.msec h2{font-family:var(--serif);font-weight:500;font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.018em;margin-bottom:10px}
.msec h2 em{color:var(--red);font-style:italic}
.msec .lead{font-size:clamp(18px,1.9vw,21px);color:var(--ink-2);max-width:62ch}
.tscroll{overflow-x:auto;margin-top:14px}
.ct{width:100%;border-collapse:collapse;font-size:16px;min-width:640px}
.ct th{font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);text-align:left;padding:10px 12px 10px 0;border-bottom:2px solid var(--ink)}
.ct td{padding:11px 12px 11px 0;border-bottom:1px solid var(--rule);vertical-align:middle;color:var(--ink-2)}
.ct td.k{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--ink)} .ct td.cn{font-size:17px}
.ct .r{text-align:right}.ct .n{font-variant-numeric:tabular-nums}.ct td.na{color:var(--ink-4);font-family:var(--mono);font-size:12px}.ct td.sm{font-size:15px;color:var(--ink-3)}
.chip{display:inline-block;font-family:var(--mono);font-size:12px;font-weight:600;padding:.35em .75em;border-radius:999px;white-space:nowrap}
.note{font-family:var(--mono);font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:12px;max-width:none}
.eus{font-size:18px}.eus b{font-family:var(--serif);font-size:30px}.eus small{font-family:var(--mono);font-size:11.5px;color:var(--ink-3)}
.how{max-width:66ch;color:var(--ink-2)} .how li{margin:8px 0}
.back{display:inline-block;margin-top:24px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink);text-decoration:none}
.foot2{padding-block:46px 60px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.st{cursor:pointer}.st:focus{outline:none;stroke:var(--ink);stroke-width:2.6}.st.sel{stroke:var(--ink);stroke-width:2.8}.stp{background:var(--card);border:1px solid var(--rule);padding:18px 20px;margin-top:18px}.stp h3{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3vw,36px);line-height:1.1;margin:0 0 4px}.stp .k2{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin:18px 0 6px}.stp .cnd{font-size:18px;color:var(--ink-2);margin:4px 0}.stp table{width:100%;border-collapse:collapse;font-size:18px}.stp td{padding:8px 0;border-top:1px solid var(--rule);vertical-align:top}.stp td.v{text-align:right;padding-left:10px}.stp .sm{font-size:13.5px;color:var(--ink-3);margin-top:2px}.stp .hint{font-size:19px;color:var(--ink-2);margin:0}.stp .x{float:right;background:none;border:0;font-size:30px;line-height:1;cursor:pointer;color:var(--ink-3);padding:0 4px}.ebar{display:flex;height:16px;margin:8px 0 6px;border:1px solid var(--rule)}.ebar i{display:block;height:100%}#upd.flash{animation:flash 2s ease-out}@keyframes flash{0%{background:var(--gold);color:#fff}100%{background:transparent}}
/* ---- hub (herramientas nuevas) ---- */
.hcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:20px}
.hcard{background:var(--card);border:1px solid var(--rule);border-top:6px solid var(--ink);padding:18px 20px}
.hcard .k{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.hcard .v{font-family:var(--serif);font-weight:600;font-size:clamp(28px,3vw,38px);line-height:1.1;margin-top:6px}
.hcard .s{font-size:15px;color:var(--ink-2);margin-top:8px;line-height:1.45}
.hcard.d{border-top-color:#1d4f91}.hcard.r{border-top-color:#c8102e}.hcard.mine{border-top-color:var(--red);background:#fff}
.src2{font-family:var(--mono);font-size:13px;color:var(--ink-4);margin-top:8px;line-height:1.6}
.src2 a{color:var(--ink-3)}
.dd{color:#1d4f91}.rr{color:#c8102e}
.fbar{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:end;margin-top:18px}
.fbar label{display:grid;gap:5px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.fbar select,.fbar input{font-family:var(--sans);font-size:17px;padding:.5em .7em;border:1.5px solid var(--ink);border-radius:3px;background:#fff;color:var(--ink);min-width:180px}
.pill{display:inline-block;font-family:var(--mono);font-size:12.5px;font-weight:600;padding:.25em .6em;border-radius:999px;color:#fff;white-space:nowrap}
.pill.D,.pill.I{background:#1d4f91}.pill.R{background:#c8102e}.pill.N{background:#9a8e80}
.hbars{display:grid;gap:10px;margin-top:16px}
.hb{display:grid;grid-template-columns:minmax(130px,230px) 1fr 80px;gap:14px;align-items:center;font-size:19px;font-weight:600}
.hb .t{height:28px;background:var(--paper-3);position:relative}.hb .t i{position:absolute;left:0;top:0;bottom:0}
.hb b{font-family:'Barlow Condensed',sans-serif;font-size:24px;text-align:right}
.simrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.simrow button.rc{font-family:var(--mono);font-size:14px;font-weight:600;padding:.45em .8em;border-radius:3px;border:1.5px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer;min-width:58px}
.simrow button.rc.D,.simrow button.rc.I{background:#1d4f91;border-color:#1d4f91;color:#fff}.simrow button.rc.R{background:#c8102e;border-color:#c8102e;color:#fff}
.share{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.share button,.share a{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:.8em 1.2em;border-radius:999px;border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;text-decoration:none}
.share .ghost{background:transparent;color:var(--ink)}
.hdist{width:100%;border-collapse:collapse;font-size:16px;min-width:600px}
.hdist td,.hdist th{padding:9px 10px 9px 0;border-bottom:1px solid var(--rule);text-align:left}
.hdist th{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);border-bottom:2px solid var(--ink)}
.chart2{background:var(--card);border:1px solid var(--rule);padding:14px;margin-top:16px}.chart2 svg{width:100%;height:auto;display:block}
.cdown{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.cdown div{background:var(--ink);color:#fff;padding:16px 20px;min-width:110px;text-align:center}
.cdown b{display:block;font-family:var(--serif);font-size:clamp(40px,6vw,64px);line-height:1}.cdown span{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#ded4c4}
.rlinks{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.rlinks a{font-family:var(--mono);font-size:13px;padding:.4em .7em;border:1px solid var(--rule-2);text-decoration:none;color:var(--ink);background:#fff}
.rlinks a:hover{border-color:var(--ink)}
.hubnav{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px}
.hubnav a{display:block;background:var(--card);border:1px solid var(--rule);border-left:6px solid var(--red);padding:16px 18px;text-decoration:none;color:var(--ink)}
.hubnav a b{font-family:var(--serif);font-size:24px;font-weight:600;display:block}.hubnav a span{font-size:15px;color:var(--ink-2)}
@media (max-width:600px){.hb{grid-template-columns:118px 1fr 62px;font-size:17px}.hb b{font-size:21px}.ct td.cn{font-size:16px}}

.lead2{font-family:var(--serif);font-size:clamp(24px,3vw,32px);font-weight:600;margin-top:10px;line-height:1.2}
.leg2{font-size:17px;color:var(--ink-2);margin-top:12px;line-height:1.5}
