@font-face{font-family:'Archivo';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/Archivo-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/Archivo-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Archivo';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/Archivo-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/Archivo-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Archivo';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/Archivo-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/Archivo-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/ChakraPetch-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/ChakraPetch-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/ChakraPetch-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/ChakraPetch-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
  --papel:#F5F6F2;--superficie:#FFFFFF;--tinta:#0E1A14;--tinta-2:#3C4A43;--tenue:#66756D;
  --linea:#DDE3DE;--acento:#0B7A45;--acento-fondo:#E3F4EA;--noche:#04070A;--radar:#1EE578;
  --display:'Chakra Petch',system-ui,sans-serif;--sans:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ancho:1120px;--lectura:42rem;
}
@media (prefers-color-scheme:dark){:root{
  --papel:#070C10;--superficie:#0D161C;--tinta:#E6F0EA;--tinta-2:#B5C4BB;--tenue:#8A9C92;
  --linea:#1E2C35;--acento:#1EE578;--acento-fondo:#0F2A1D;
}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 1.0625rem/1.65 var(--sans);text-rendering:optimizeLegibility}
a{color:var(--acento);text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--radar);outline-offset:2px}
.salto{position:absolute;left:-999px}.salto:focus{left:1rem;top:1rem;z-index:9;background:var(--superficie);padding:.5rem 1rem}
.envoltura{max-width:var(--ancho);margin:0 auto;padding:0 1rem}

/* Cabecera */
.cabecera{background:var(--noche);color:#E6F0EA;position:sticky;top:0;z-index:5;border-bottom:1px solid #14202B}
.cabecera .envoltura{display:flex;align-items:center;gap:1.5rem;min-height:3.75rem}
.marca{display:flex;align-items:center;gap:.6rem;color:#E6F0EA;text-decoration:none;font:700 1.15rem/1 var(--display);letter-spacing:.08em}
.marca svg{flex:none}
.nav{display:flex;gap:1.25rem;margin-left:auto;font-size:.95rem}
.nav a{color:#B5C4BB;text-decoration:none;padding:.4rem 0}
.nav a:hover,.nav a[aria-current]{color:var(--radar)}
@media (max-width:700px){.nav{gap:.9rem;font-size:.88rem}.nav .solo-ancho{display:none}}

/* Portada */
.hero{background:var(--noche);color:#E6F0EA;padding:3.5rem 0 3rem;border-bottom:1px solid #14202B}
.hero h1{font:700 clamp(2rem,5vw,3.1rem)/1.08 var(--display);margin:0 0 1rem;max-width:18ch;letter-spacing:.01em}
.hero p{color:#B5C4BB;max-width:38rem;margin:0 0 1.5rem;font-size:1.12rem}
.hero .etiqueta{font:600 .8rem/1 var(--display);letter-spacing:.18em;color:var(--radar);text-transform:uppercase;margin-bottom:1rem;display:block}
.boton{display:inline-block;background:var(--radar);color:#04070A;font-weight:600;text-decoration:none;padding:.7rem 1.15rem;border-radius:8px}
.boton.secundario{background:transparent;color:#E6F0EA;border:1px solid #26343F;margin-left:.5rem}
.seccion{padding:2.5rem 0}
.seccion h2{font:700 1.5rem/1.2 var(--display);margin:0 0 1.25rem}
.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1rem}
.tarjeta{background:var(--superficie);border:1px solid var(--linea);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;text-decoration:none;color:inherit;transition:border-color .15s}
.tarjeta:hover{border-color:var(--acento)}
.tarjeta .cat{font:600 .72rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--acento)}
.tarjeta h3{font:600 1.15rem/1.3 var(--display);margin:0}
.tarjeta p{margin:0;color:var(--tinta-2);font-size:.97rem}
.tarjeta.pronto{opacity:.6;pointer-events:none}

/* Artículo */
.migas{font-size:.85rem;color:var(--tenue);padding:1.25rem 0 0}
.migas ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0}
.migas li+li::before{content:"›";margin-right:.4rem}
.migas a{color:var(--tenue)}
.articulo{display:grid;grid-template-columns:minmax(0,var(--lectura)) 15rem;gap:3rem;padding:1rem 0 3rem}
@media (max-width:960px){.articulo{grid-template-columns:minmax(0,1fr)}.indice{display:none}}
.articulo h1{font:700 clamp(1.85rem,4.2vw,2.6rem)/1.12 var(--display);margin:.5rem 0 .75rem}
.entradilla{font-size:1.15rem;color:var(--tinta-2);margin:0 0 1rem}
.firma{font-size:.85rem;color:var(--tenue);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);padding:.6rem 0;margin-bottom:1.75rem}
.cuerpo h2{font:700 1.45rem/1.25 var(--display);margin:2.4rem 0 .75rem}
.cuerpo h3{font:600 1.15rem/1.3 var(--display);margin:1.75rem 0 .5rem}
.cuerpo p,.cuerpo li{color:var(--tinta)}
.cuerpo li{margin:.3rem 0}
.cuerpo table{width:100%;border-collapse:collapse;margin:1.25rem 0;font-size:.95rem;display:block;overflow-x:auto}
.cuerpo th,.cuerpo td{border:1px solid var(--linea);padding:.55rem .7rem;text-align:left;vertical-align:top}
.cuerpo th{background:var(--acento-fondo);font-weight:600}
.cuerpo blockquote{margin:1.25rem 0;padding:.25rem 0 .25rem 1rem;border-left:3px solid var(--acento);color:var(--tinta-2)}
.cuerpo .caja,.cuerpo aside.nota{background:var(--acento-fondo);border:1px solid var(--linea);border-radius:10px;padding:1rem 1.15rem;margin:1.5rem 0}
.cuerpo .caja>:first-child,.cuerpo aside.nota>:first-child{margin-top:0}.cuerpo .caja>:last-child,.cuerpo aside.nota>:last-child{margin-bottom:0}
.cuerpo .checklist ul{list-style:none;padding-left:0}
.cuerpo .checklist li{padding-left:1.7rem;position:relative}
.cuerpo .checklist li::before{content:"";position:absolute;left:0;top:.35em;width:1rem;height:1rem;border:2px solid var(--acento);border-radius:4px}
.cuerpo details{border:1px solid var(--linea);border-radius:10px;padding:.75rem 1rem;margin:.6rem 0;background:var(--superficie)}
.cuerpo summary{cursor:pointer;font-weight:600}
.faq h2{font:700 1.45rem/1.25 var(--display);margin:2.6rem 0 .75rem}
.faq details{border:1px solid var(--linea);border-radius:10px;padding:.8rem 1rem;margin:.6rem 0;background:var(--superficie)}
.faq summary{cursor:pointer;font-weight:600}
.faq details p{margin:.6rem 0 0;color:var(--tinta-2)}
.fuentes{font-size:.88rem;color:var(--tenue);margin-top:2.5rem;border-top:1px solid var(--linea);padding-top:1rem}
.fuentes h2{font:600 1rem/1.2 var(--display);margin:0 0 .5rem;color:var(--tinta-2)}
.fuentes a{color:var(--tenue)}
.relacionadas{margin-top:2.5rem}
.relacionadas h2{font:700 1.2rem/1.2 var(--display);margin:0 0 1rem}
.indice{position:sticky;top:5rem;align-self:start;font-size:.88rem;border-left:1px solid var(--linea);padding-left:1rem}
.indice strong{font:600 .75rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--tenue);display:block;margin-bottom:.6rem}
.indice ol{list-style:none;margin:0;padding:0}
.indice li{margin:.35rem 0}
.indice a{color:var(--tinta-2);text-decoration:none}
.indice a:hover{color:var(--acento)}
.pagina-simple{max-width:var(--lectura);padding:1rem 0 3rem}
.pagina-simple h1{font:700 2.1rem/1.15 var(--display);margin:.5rem 0 1rem}

/* Pie */
.pie{background:var(--noche);color:#8A9C92;font-size:.9rem;padding:2rem 0}
.pie .envoltura{display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between}
.pie a{color:#B5C4BB;text-decoration:none}
.pie nav{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}