:root{--n:#050607;--l:rgba(190,225,255,.2);--h:#bfe3ff;--t:#eef3f8;--s:#aebbc7;--a:#ff7a4d;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--n);color:var(--t);font:400 1.05rem/1.65 Manrope,system-ui,sans-serif;
  background-image:radial-gradient(60vw 50vh at 10% -8%,#4f9bff22,transparent 70%),radial-gradient(55vw 50vh at 100% 105%,#8fb8ff18,transparent 70%)}
h1,h2,h3{font-family:Sora,system-ui,sans-serif;letter-spacing:-.025em;line-height:1.12}
h1{font-size:clamp(2.4rem,6vw,4.2rem);margin:.4rem 0 1rem}
h2{font-size:clamp(1.6rem,3.5vw,2.4rem);margin:3.5rem 0 1.2rem}
h3{font-size:1.08rem;margin-bottom:.8rem}
a{color:var(--h)}
code{background:#ffffff12;padding:.1em .4em;border-radius:6px;font-size:.9em}
:focus-visible{outline:2px solid var(--h);outline-offset:3px}
.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:.9rem clamp(1rem,4vw,3rem);
  background:linear-gradient(180deg,rgba(5,6,7,.9),rgba(5,6,7,.5));backdrop-filter:blur(14px)}
.marca{font:700 1.05rem Sora,sans-serif;text-decoration:none;color:var(--t)}
.top nav{display:flex;gap:1.4rem;font-size:.92rem}.top nav a{color:#b9c6d2;text-decoration:none;transition:color .3s}.top nav a:hover{color:#fff}
.wrap{width:min(100% - 2rem,56rem);margin:0 auto;padding:2.5rem 0 5rem}
.sello{color:var(--h);font-size:.9rem}
.lead{font-size:1.15rem;color:#d3dde6;max-width:62ch}
.leyenda{margin:1.4rem 0;font-size:.88rem;color:var(--s);line-height:2}
.et{display:inline-block;font-size:.72rem;font-weight:600;padding:.12rem .55rem;border-radius:999px;border:1px solid;white-space:nowrap}
.et.v{color:#9be37f;border-color:#9be37f66;background:#9be37f14}
.et.n{color:#ffc46b;border-color:#ffc46b66;background:#ffc46b14}
.et.d{color:#ff9a7a;border-color:#ff9a7a66;background:#ff9a7a14}
.et.e{color:#7fd3ff;border-color:#7fd3ff66;background:#7fd3ff14}
.graf{background:rgba(14,19,24,.7);border:1px solid var(--l);border-radius:18px;padding:1.3rem 1.4rem;margin:1.1rem 0;backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffff12}
.graf.aviso{border-color:#ff7a4d66;background:#ff7a4d0f}
.expl{margin-top:.9rem;color:#d3dde6;font-size:.98rem}
.expl b{color:#fff}
.fuente{margin-top:.8rem;font-size:.82rem;color:var(--s);line-height:1.7}
.nota{margin-top:3rem;font-size:.9rem;color:var(--s);border-left:2px solid #bfe3ff44;padding-left:.9rem}
.lista{margin:.4rem 0 0 1.2rem;display:grid;gap:.5rem;color:#d3dde6}

/* barras */
.barras{display:grid;gap:.7rem;margin:.4rem 0}
.bar{display:grid;grid-template-columns:minmax(10rem,40%) 1fr minmax(4rem,auto);gap:.8rem;align-items:center;font-size:.92rem}
.bar .carril{position:relative;height:.85rem;border-radius:99px;background:#ffffff12;overflow:hidden}
.bar .rell{position:absolute;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,#4f9bff,var(--h));width:0;transition:width 1.3s var(--ease)}
.bar .rell.neg{background:linear-gradient(90deg,var(--a),#ffb59e)}
.bar em{font-style:normal;text-align:right;font-variant-numeric:tabular-nums;color:var(--h);font-weight:600}
.bar .cero{position:absolute;top:-2px;bottom:-2px;width:1px;background:#ffffff66}
/* cifras grandes */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.8rem}
.kpi{background:#ffffff08;border:1px solid var(--l);border-radius:14px;padding:1rem 1.1rem}
.kpi b{display:block;font:700 2.4rem Sora,sans-serif;color:var(--h);letter-spacing:-.03em}
.kpi span{font-size:.88rem;color:var(--s)}
/* tablas */
table{width:100%;border-collapse:collapse;font-size:.92rem}
th,td{text-align:left;padding:.65rem .7rem;border-bottom:1px solid var(--l);vertical-align:top}
th{color:var(--s);font-weight:600;font-size:.82rem}
.se{font-weight:600;padding:.15rem .6rem;border-radius:999px;font-size:.8rem;white-space:nowrap}
.se.fuerte{background:#9be37f22;color:#9be37f}.se.media{background:#ffc46b22;color:#ffc46b}.se.debil{background:#ff9a7a22;color:#ff9a7a}.se.nada{background:#ffffff14;color:var(--s)}
@media (max-width:700px){.bar{grid-template-columns:1fr minmax(3.5rem,auto)}.bar .carril{grid-column:1/-1;order:3}.top nav a:nth-child(n+3){display:none}th:nth-child(3),td:nth-child(3){display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bar .rell{transition:none}}