:root{--max: 960px;--borde: #E2E8F0;--borde-suave: #F1F5F9;--fondo: #F8FAFC;--fondo-page: #F1F5F9;--texto: #0F172A;--texto-sec: #334155;--acento: #0369A1;--acento-hover: #075985;--acento-2026: #b58900;--acento-2026-bg: #FFFBEB;--acento-2026-borde: #FDE68A;--alerta: #FFFBEB;--alerta-borde: #FDE68A;--ok: #065F46;--font-base: 16px;--line: 1.5;--radius: 12px;--radius-sm: 8px;--radius-pill: 999px;--focus: #0369A1;--focus-w: 3px;--sombra: 0 4px 12px rgba(15,23,42,.08);--sombra-hover: 0 8px 24px rgba(15,23,42,.12);--trans-fast: .15s;--trans-base: .22s}*{box-sizing:border-box}html{font-size:var(--font-base);scroll-behavior:smooth}body{font-family:Atkinson Hyperlegible,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;line-height:var(--line);margin:0;color:var(--texto);background:var(--fondo);-webkit-font-smoothing:antialiased}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;padding:.6rem 1rem;background:var(--acento);color:#fff;border-radius:8px;z-index:9999;outline:var(--focus-w) solid var(--texto);outline-offset:2px;text-decoration:none;font-weight:700}:focus-visible{outline:var(--focus-w) solid var(--focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}a{color:var(--acento);transition:color var(--trans-fast) ease}a:hover{color:var(--acento-hover)}header,main,footer{max-width:var(--max);margin:0 auto;padding:1rem}header{background:linear-gradient(135deg,#0f172a 0% 36%,#1e3a5f 62%,#0369a1);color:#f8fafc;border-bottom:none;border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--sombra);padding:1.1rem 1rem 1.2rem;margin-bottom:1.25rem}header .muted{color:#cbd5e1}header code{background:#ffffff29;color:#f1f5f9;border:1px solid rgba(255,255,255,.18)}header a{color:#e0f2fe}header a:hover{color:#fff}header nav a{color:#e0f2fe;border-bottom-width:2.5px;padding-bottom:3px;transition:border-color var(--trans-fast) ease,color var(--trans-fast) ease,opacity var(--trans-fast) ease}header nav a[aria-current=page]{border-bottom-color:#7dd3fc;color:#fff;font-weight:700}header nav a:hover{border-bottom-color:#bae6fd}header h1{color:#fff;margin:.3rem 0 .4rem;font-size:1.9rem;line-height:1.2;letter-spacing:-.02em;text-wrap:balance;text-shadow:0 1px 2px rgba(15,23,42,.45)}header p strong{color:#fff;text-shadow:0 1px 2px rgba(15,23,42,.45)}header .nota-diseno{font-size:.78rem;color:#e2e8f0;margin:.35rem 0 0;line-height:1.4;border-left:3px solid rgba(125,211,252,.6);padding-left:.6rem}header .alerta{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important;font-weight:600!important;border-radius:var(--radius-pill);padding:.28rem .65rem;text-shadow:0 1px 2px rgba(15,23,42,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:inline-block;line-height:1.4;box-shadow:0 1px 4px #0f172a40}header .alerta--claro,header .badge-preliminar--claro,header .alerta.claro{background:#fffbeb!important;border-color:#fde68a!important;color:#92400e!important;text-shadow:none!important}header :focus-visible{outline:3px solid #7DD3FC!important;outline-offset:2px}header a:focus-visible{outline:3px solid #7DD3FC;outline-offset:2px;border-radius:2px}h2{color:var(--texto);border-bottom:2px solid var(--acento);padding-bottom:.3rem;margin-top:2rem;font-size:1.35rem;letter-spacing:-.01em}h3{color:var(--texto);margin:.5rem 0;font-size:1.1rem}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:1rem 0}@media(min-width:768px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}.kpi{border:1px solid var(--borde);border-radius:var(--radius);padding:1rem .95rem;background:#fff;position:relative;box-shadow:var(--sombra);transition:transform var(--trans-base) ease,box-shadow var(--trans-base) ease,border-color var(--trans-fast) ease}.kpi:hover{transform:translateY(-2px);box-shadow:var(--sombra-hover);border-color:#cbd5e1}.kpi .kpi-icon{width:28px;height:28px;color:var(--acento);margin-bottom:.35rem;display:block;opacity:.95}.kpi .kpi-icon.acento-2026{color:var(--acento-2026)}.kpi strong{display:block;font-size:1.55rem;font-weight:700;color:var(--texto);line-height:1.1;letter-spacing:-.02em;margin:.15rem 0 .2rem;font-variant-numeric:tabular-nums}.kpi .kpi-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:#64748b}.kpi .kpi-sub{font-size:.8rem;color:#64748b}.kpi .sparkline{width:100%;height:38px;margin-top:.55rem;display:block;background:#fff;border:1px solid var(--borde-suave);border-radius:6px}.kpi .alerta-badge{display:inline-block;font-size:.72rem;font-weight:600;padding:.2rem .5rem;border-radius:var(--radius-pill);border:1px solid var(--alerta-borde);background:var(--alerta);color:#92400e;margin-top:.45rem}.kpi .alerta-badge.badge-2026{background:var(--acento-2026-bg);border-color:var(--acento-2026-borde);color:#92400e}.buscador,.grafica,.grafica-linea,.grafica-barra,.vista-shrfsp,.filtros,.panel-linea,details.reglas-details,.reglas{background:#fff;border:1px solid var(--borde);border-radius:var(--radius);box-shadow:var(--sombra);transition:box-shadow var(--trans-base) ease,border-color var(--trans-fast) ease}.buscador:hover,.grafica:hover,.grafica-linea:hover,.grafica-barra:hover,.vista-shrfsp:hover,.filtros:hover{box-shadow:var(--sombra-hover)}.alerta{background:var(--alerta);border:1px solid var(--alerta-borde);padding:.6rem .8rem;border-radius:var(--radius-sm);margin:.8rem 0}.alerta.acento-2026{border-left:4px solid var(--acento-2026)}.reglas{background:#f0f9ff;border:1px solid #BAE6FD;border-radius:var(--radius);padding:.6rem 1rem}.reglas ol{margin:0;padding-left:1.2rem}.reglas li{margin:.4rem 0}details.reglas-details{background:#f0f9ff;border:1px solid #BAE6FD;border-radius:var(--radius);padding:.8rem 1rem;margin:1rem 0}details.reglas-details summary{cursor:pointer;font-weight:700;color:var(--acento);list-style:none;transition:color var(--trans-fast) ease}details.reglas-details summary:hover{color:var(--acento-hover)}details.reglas-details summary::-webkit-details-marker{display:none}details.reglas-details[open] summary{margin-bottom:.6rem}.muted{color:#475569;font-size:.9rem}nav a{margin-right:1rem;color:var(--acento);text-decoration:none;border-bottom:2px solid transparent;padding-bottom:2px}nav a:focus-visible{outline:var(--focus-w) solid var(--focus);outline-offset:2px;border-radius:2px}footer{font-size:.85rem;color:#475569;border-top:1px solid var(--borde);margin-top:2rem;background:#fff;border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--sombra)}code{background:#f1f5f9;padding:0 .3rem;border-radius:3px;font-size:.9em;border:1px solid #E2E8F0}table{width:100%;border-collapse:collapse;font-size:.88rem}thead th{position:sticky;top:0;background:#0f172a;color:#fff;font-weight:700;text-align:left;padding:.55rem .5rem;border-bottom:2px solid #1E293B;white-space:nowrap;z-index:1;letter-spacing:.01em}thead th:first-child{border-radius:6px 0 0}thead th:last-child{border-radius:0 6px 0 0}tbody td{padding:.45rem .5rem;border-bottom:1px solid #F1F5F9}tbody tr:nth-child(2n){background:#f8fafc}tbody tr:hover{background:#f1f5f9;transition:background var(--trans-fast) ease}div:has(>table){border-radius:var(--radius-sm);overflow:hidden}[role=tablist]{gap:.5rem!important}.tab,[role=tab]{padding:.5rem 1rem!important;border:1.5px solid #CBD5E1!important;background:#fff!important;color:var(--texto)!important;border-radius:var(--radius-pill)!important;cursor:pointer;font-size:.88rem!important;font-weight:600;line-height:1.2;transition:all var(--trans-base) ease!important;box-shadow:0 1px 2px #0f172a0f}.tab:hover,[role=tab]:hover{border-color:var(--acento)!important;color:var(--acento)!important;background:#f0f9ff!important;transform:translateY(-1px);box-shadow:0 2px 8px #0369a11f}.tab-activo,[role=tab][aria-selected=true]{background:var(--acento)!important;color:#fff!important;border-color:var(--acento)!important;box-shadow:0 2px 10px #0369a147!important}.tab:focus-visible,[role=tab]:focus-visible{outline:var(--focus-w) solid var(--focus);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.kpi,.tab,[role=tab],a,button,input,select{transition-duration:var(--trans-base);transition-timing-function:ease}.kpi:hover{transition-duration:var(--trans-base)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only:focus-within,.sr-only:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;margin:0;padding:.6rem 1rem;background:#fff;border:1px solid #E2E8F0;border-radius:8px;box-shadow:var(--sombra);outline:var(--focus-w) solid var(--focus);outline-offset:2px}.story-scrolly{display:block}.story-fallback{display:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.story-scrolly,.story-stage,[data-story-sticky],[data-scrolly-figure],.scrolly__figure,.scrolly-figure,.sticky-figure,.pin-figure,.story-stage figure,.scrolly figure{position:static!important;top:auto!important;bottom:auto!important;transform:none!important;will-change:auto!important}.story-scrolly{display:none!important}.story-fallback{display:block!important}.story-fallback .fallback-panel,.fallback-panel{position:static!important;transform:none!important;opacity:1!important;visibility:visible!important}.story-fallback *,.plain-text-only *,.fallback-panel *,.plain-text-only.sr-only{animation:none!important;transition:none!important}}@media(max-width:640px){.story-scrolly{display:none!important}.story-fallback{display:block!important}.story-fallback .fallback-panel,.fallback-panel,.fallback-lista .fallback-panel,[data-fallback=stacked] .fallback-panel{display:grid!important;grid-template-columns:1fr!important;gap:.9rem!important;position:static!important;top:auto!important;transform:none!important}.story-fallback{padding:.9rem!important}.fallback-figura{order:1}.fallback-texto{order:2}.story-stage,[data-story-sticky],[data-scrolly-figure],.scrolly__figure,.scrolly-figure,.sticky-figure,.pin-figure{position:static!important;top:auto!important;transform:none!important}.story-fallback .fallback-figura,.story-fallback .fallback-texto{min-width:0}}