/* tokens de la Plantilla Maestra §3B (subset) + rojo G7 */
:root{--bg:#0E1015;--surface-1:#181B22;--surface-2:#20242D;--surface-3:#272C36;--border:#2C313C;--border-strong:#3D4451;
--text:#F2F4F8;--text-muted:#9AA2B1;--primary:#E5383B;--primary-hover:#F25C5E;--on-primary:#fff;--accent-500:#FFB020;--on-accent:#1A1300;
--success:#4ADE80;--focus-ring:#F25C5E;--tap:48px;--r-md:10px;--r-lg:16px;--r-full:9999px;--sp-2:8px;--sp-3:12px;--sp-4:16px;
--font-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:dark}
[data-theme="light"]{--bg:#F7F8FA;--surface-1:#fff;--surface-2:#fff;--surface-3:#EEF0F4;--border:#DDE1E8;--border-strong:#C2C8D3;
--text:#0E1015;--text-muted:#565E6D;--primary:#C81E21;--primary-hover:#A8181B;--success:#16A34A;--focus-ring:#C81E21;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.5}
.wrap{max-width:560px;margin:0 auto;padding:var(--sp-4)}
.top{display:flex;gap:var(--sp-2);align-items:center;margin-bottom:var(--sp-3)}.grow{flex:1;display:flex;flex-direction:column}
.mark{border-radius:50%}.badge{font-size:.75rem;color:var(--text-muted)}
.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);margin-bottom:var(--sp-3)}
h2{font-size:1rem;margin:0 0 var(--sp-3)}.muted{color:var(--text-muted)}.small{font-size:.85rem}.c{text-align:center}
.btn{min-height:var(--tap);min-width:var(--tap);padding:0 var(--sp-4);border-radius:var(--r-md);border:1px solid transparent;font:600 .95rem var(--font-body);cursor:pointer;color:var(--text);background:var(--surface-2)}
.btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.btn:active{transform:scale(.98)}
.btn--primary{background:var(--primary);color:var(--on-primary)}.btn--primary:hover{background:var(--primary-hover)}
.btn--secondary{border-color:var(--border)}.btn--accent{background:var(--accent-500);color:var(--on-accent);font-size:1.05rem}
.block{width:100%}.sq{padding:0}
.seg{display:flex;gap:var(--sp-2);justify-content:center;margin-bottom:var(--sp-3)}.pill{border-radius:var(--r-full);border-color:var(--border)}
.pill[aria-pressed="true"]{background:var(--primary);color:var(--on-primary)}
.bmap{position:relative;width:min(80vw,320px);margin:0 auto;border-radius:16px;overflow:hidden;aspect-ratio:300/480;background:#0b1020}
.bmap img{position:absolute;top:0;left:-69%;width:240%;height:100%;max-width:none;display:block}
.bhot{position:absolute;border:0;border-radius:40%;background:rgba(229,56,59,.10);cursor:pointer;padding:0}
.bhot[aria-pressed="true"]{background:rgba(229,56,59,.55);box-shadow:0 0 14px rgba(229,56,59,.7)}
.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2)}
.chips .btn{border-radius:var(--r-full);border-color:var(--border);font-size:.85rem}.chips .btn[aria-pressed="true"]{background:var(--primary);color:var(--on-primary)}
.exlist{display:grid;gap:var(--sp-2)}.ex{display:flex;justify-content:space-between;align-items:center;min-height:var(--tap);padding:var(--sp-2) var(--sp-3);background:var(--surface-3);border-radius:var(--r-md)}
.ex b{display:block}.ex span{color:var(--text-muted);font-size:.85rem}
.session{padding-left:1.2rem;margin:var(--sp-3) 0 0}.session li{padding:6px 0;border-bottom:1px solid var(--border)}
.timer{font-size:3rem;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;margin:var(--sp-2) 0}
.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}
.cta{border-radius:var(--r-lg);padding:var(--sp-4);margin:var(--sp-4) 0;background:linear-gradient(135deg,var(--primary),#7a0f12);color:#fff;text-align:center}
.cta .muted{color:#ffe1e1}.ctat{font-size:1.3rem;font-weight:800;margin:0 0 6px}.ok{font-weight:600;margin:var(--sp-2) 0 0}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}