/* Numeral · sistema visual del sitio (v7, 29-sep-2026). Mismo sistema que el promocional v10:
   Marfil + Tinta, Plúmbago solo en lo importante, Schibsted Grotesk / IBM Plex Sans / IBM Plex Mono,
   etiquetas de clasificación con los colores de aprobación, un foco por bloque. */
:root{
  --pl:#2742D6;--pl2:#1F37B8;--el:#5E77F5;--ti:#14151A;--gr:#62677C;--pluma:#EFF1F6;--mf:#F2F1EF;--line:#E2E0DC;--card:#FFFFFF;
  --ok:#22A45A;--amb:#E0A43A;--neg:#D2344E;--ns:#9AA1B8;--dk:#14151A;--dk2:#1C1E25;--dktx:#E8EAF0;--dkgr:#9AA0AE;
  --f-d:"Schibsted Grotesk",system-ui,-apple-system,sans-serif;--f-b:"IBM Plex Sans",system-ui,-apple-system,sans-serif;--f-m:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --maxw:1240px;--gut:clamp(20px,5vw,64px);--r:22px;--shadow:0 30px 80px rgba(20,21,26,.10),0 0 0 1px rgba(20,21,26,.05);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--mf);color:var(--ti);font-family:var(--f-b);font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,video,canvas{display:block;max-width:100%}
a{color:inherit}
p{margin:0 0 1em}
h1,h2,h3{font-family:var(--f-d);margin:0;letter-spacing:-.035em;line-height:1.02}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--el);outline-offset:3px;border-radius:8px}
.skip{position:absolute;left:-999px;top:12px;background:var(--ti);color:#fff;padding:10px 16px;border-radius:10px;z-index:100}
.skip:focus{left:12px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}
.grain{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* ——— tipografía ——— */
.eyebrow{font-family:var(--f-m);font-weight:500;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--gr);margin:0 0 22px;display:flex;align-items:flex-start;gap:12px}
.eyebrow::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--pl);flex:none;margin-top:5px}
.dark .eyebrow{color:var(--dkgr)}
.h1{font-weight:900;font-size:clamp(52px,8.4vw,128px);letter-spacing:-.05em;line-height:.92}
.h2{font-weight:900;font-size:clamp(38px,5.4vw,78px);letter-spacing:-.045em;line-height:.98}
.h3{font-weight:800;font-size:clamp(24px,2.4vw,32px);letter-spacing:-.03em;line-height:1.1}
.acc{color:var(--pl)}.dark .acc{color:var(--el)}
.dim{color:#8B90A0}
.lead{font-size:clamp(19px,1.6vw,22px);line-height:1.5;color:#3A3D47;max-width:640px}
.dark .lead{color:#B9BDC9}
.mono{font-family:var(--f-m)}
.note{font-family:var(--f-m);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gr)}
.dark .note{color:#7E8394}

/* ——— botones ——— */
.btn{display:inline-flex;align-items:center;gap:12px;border:0;border-radius:14px;padding:16px 24px;font-weight:600;font-size:17px;text-decoration:none;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;white-space:nowrap}
.btn:active{transform:scale(.97)}
.btn-pl{background:var(--pl);color:#fff;box-shadow:0 12px 30px rgba(39,66,214,.30)}
.btn-pl:hover{background:var(--pl2)}
.btn-ln{background:transparent;color:var(--ti);box-shadow:inset 0 0 0 1.5px rgba(20,21,26,.22)}
.btn-ln:hover{box-shadow:inset 0 0 0 1.5px var(--ti)}
.dark .btn-ln{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28)}
.btn .ico{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:11px}
.btn-ln .ico{background:var(--pl);color:#fff}
@media (max-width:560px){.btn{white-space:normal;line-height:1.25}}

/* ——— navegación ——— */
.nav{position:sticky;top:0;z-index:50;background:rgba(242,241,239,.82);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(20,21,26,.06)}
.nav .wrap{display:flex;align-items:center;gap:28px;height:72px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--f-d);font-weight:900;font-size:24px;letter-spacing:-.02em;flex:none}
.brand svg{width:34px;height:34px}
.nav ul{list-style:none;display:flex;gap:26px;margin:0 0 0 auto;padding:0}
.nav ul a{text-decoration:none;font-size:15.5px;font-weight:500;color:#3A3D47;white-space:nowrap}
.nav ul a:hover{color:var(--pl)}
.nav .btn{padding:11px 18px;font-size:15px}
.nav .menu{display:none;margin-left:auto;background:none;border:0;font-family:var(--f-m);font-size:13px;letter-spacing:.16em;text-transform:uppercase;padding:10px}
@media (max-width:1140px){.nav ul{display:none}.nav .menu{display:block}.nav.open ul{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:72px;background:var(--mf);padding:18px var(--gut) 26px;gap:18px;border-bottom:1px solid var(--line)}.nav .btn{display:none}}

/* ——— secciones ——— */
section{position:relative}
.sec{padding:clamp(88px,12vw,168px) 0}
.dark{background:var(--dk);color:var(--dktx)}
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow)}
.grid2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(40px,6vw,96px);align-items:center}
@media (max-width:900px){.grid2{grid-template-columns:minmax(0,1fr)}}

/* ——— etiquetas de clasificación (mismo código de color que el panel) ——— */
.tag{display:inline-flex;align-items:center;font-family:var(--f-m);font-weight:500;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px 5px;border-radius:7px;line-height:1.2;white-space:nowrap}
.tag.a{background:var(--ok);color:#fff}.tag.d{background:var(--neg);color:#fff}.tag.n{background:var(--amb);color:#1A1407}
.tag.s{box-shadow:inset 0 0 0 1.5px var(--ns);color:var(--gr)}.tag.i{background:#E6EAFB;color:var(--pl)}
.tag.x{background:#EEF0F5;color:var(--gr)}

/* ——— aparición al hacer scroll ——— */
[data-rv]{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
[data-rv].in{opacity:1;transform:none}
[data-rv="2"]{transition-delay:.08s}[data-rv="3"]{transition-delay:.16s}[data-rv="4"]{transition-delay:.24s}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-rv]{opacity:1;transform:none;transition:none}}

/* ——— pie ——— */
footer{background:var(--dk);color:#B9BDC9;padding:64px 0 40px;font-size:15px}
footer .row{display:flex;flex-wrap:wrap;gap:28px 48px;align-items:flex-start;justify-content:space-between}
footer .brand{color:#fff}
footer .slogan{font-family:var(--f-d);font-weight:800;font-size:clamp(26px,3vw,38px);letter-spacing:-.03em;color:#fff;margin:18px 0 0;max-width:520px;line-height:1.08}
footer .slogan b{color:var(--el);font-weight:800}
footer nav{display:flex;flex-direction:column;gap:12px}
footer nav a{text-decoration:none;color:#D5D8E1}
footer nav a:hover{color:#fff}
footer .legal{margin-top:48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-family:var(--f-m);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#7E8394;display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between}