/* ═══════════════════════════════════════════════════════════════
   ZONA DOGSO · MAQUETACIÓN
   1 Franja y cabecera · 2 Menú · 3 Portadas de artículo · 4 Tarjetas
   5 Portada: apertura · 6 El dato · 7 Investigaciones · 8 Secciones
   9 Cierre y newsletter · 10 Páginas de sección · 11 Pie
   Móvil primero. Cortes: 720 (tableta) · 1024 (escritorio).
   ═══════════════════════════════════════════════════════════════ */

/* ── 1 · FRANJA Y CABECERA ──────────────────────────────────── */
.franja{background:var(--marino);color:rgba(255,255,255,.78);font:500 .75rem/1 var(--titular);letter-spacing:.02em}
.franja__in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:32px}
.franja__lema{font-weight:600;color:#fff}
.franja__enl{display:none;gap:20px}
.franja__enl a{text-decoration:none}
.franja__enl a:hover{color:#fff;text-decoration:underline}
@media (min-width:720px){.franja__enl{display:flex}}

/* Sin backdrop-filter: crearía un bloque contenedor y el menú móvil
   (position:fixed) quedaría atrapado dentro de la cabecera. */
.cab{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--linea)}
.cab__in{display:flex;align-items:center;gap:16px;min-height:64px}
.cab__logo{flex:none;margin-right:auto}
.cab__logo img{width:140px}
.cab__acc{display:flex;align-items:center;gap:4px}
.cab__acc .icono-btn[aria-current]{background:var(--azul-suave);color:var(--azul)}
.cab__sub{display:none}
.cab__menu-cerrar{display:none}
.cab__menu[aria-expanded=true] .cab__menu-abrir{display:none}
.cab__menu[aria-expanded=true] .cab__menu-cerrar{display:block}
@media (min-width:720px){
  .cab__logo img{width:164px}
  .cab__sub{display:inline-flex;margin-left:6px}
}

/* ── 2 · MENÚ ───────────────────────────────────────────────── */
/* El apartado en el que está el lector se queda en azul DOGSO, y
   cualquiera se pone azul al pasar el cursor. Lo marca la plantilla
   (aria-current), así que cambia solo al navegar: Inicio en la
   portada, la sección en sus artículos… */
.nav__enl{display:block;text-decoration:none;color:var(--marino)}
.nav__enl span{font:700 .875rem/1 var(--titular);letter-spacing:.005em}
.nav__enl small{display:none}
.nav__enl{transition:color .15s}
.nav__enl:hover,.nav__enl[aria-current]{color:var(--azul-nav)}

/* Móvil y tableta: panel a pantalla completa bajo la cabecera. */
@media (max-width:1279.98px){
  .nav{position:fixed;left:0;right:0;top:var(--alto-cab,97px);bottom:0;z-index:49;background:#fff;overflow-y:auto;
    overscroll-behavior:contain;padding:12px var(--gut) 32px;display:flex;flex-direction:column;
    visibility:hidden;opacity:0;transform:translateY(-6px);
    transition:opacity .22s var(--e),transform .22s var(--e),visibility 0s .22s}
  .nav.esta-abierto{visibility:visible;opacity:1;transform:none;transition-delay:0s}
  .nav__lista{display:grid;gap:4px}
  .nav__enl{display:grid;gap:4px;padding:14px 16px;border-radius:10px;transition:background .15s}
  .nav__enl span{font-size:1.25rem;font-weight:800;letter-spacing:-.015em}
  .nav__enl small{display:block;font:500 .875rem/1.35 var(--texto);color:var(--tinta-3)}
  .nav__enl{position:relative}
  .nav__enl:hover{background:var(--papel-2)}
  .nav__enl[aria-current]{background:var(--azul-suave)}
  .nav__enl[aria-current]::before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:2px;background:var(--azul-nav)}
  .nav__sobre{margin-top:8px;padding-top:12px;border-top:1px solid var(--linea)}
  .nav__pie{display:grid;gap:14px;margin-top:auto;padding-top:28px;font:600 .9375rem var(--titular)}
  .nav__pie a:not(.btn){color:var(--tinta-2);text-decoration:none;padding-left:16px}
  .nav__pie .btn{min-height:52px}
  body.menu-abierto{overflow:hidden}
}
@media (min-width:720px) and (max-width:1279.98px){
  .nav__lista{grid-template-columns:1fr 1fr;gap:8px}
  .nav__lista>li:first-child,.nav__sobre{grid-column:1/-1}
}
@media (min-width:1280px){
  .cab__menu,.nav__pie{display:none}
  .cab__logo{margin-right:0;padding-right:20px;border-right:1px solid var(--linea);align-self:stretch;display:flex;align-items:center}
  .nav{flex:1;min-width:0;align-self:stretch;display:flex}
  .nav__lista{flex:1;display:flex;align-items:center}
  .nav__lista>li+li .nav__enl{border-left:1px solid var(--linea)}
  .nav__enl{padding:4px clamp(10px,1.1vw,18px);line-height:1}
  .nav__enl span{font-weight:600;font-size:clamp(.875rem,.8vw,1rem);white-space:nowrap}
  .nav__enl[aria-current] span{font-weight:700}
}

/* ── 3 · PORTADAS DE ARTÍCULO ───────────────────────────────── */
/* Sin foto, la portada se dibuja: fondo marino con un motivo de líneas
   de campo propio de cada sección (src/_includes/portadas/*.svg). */
.pt{position:relative;overflow:hidden;aspect-ratio:16/10;border-radius:var(--radio);background:var(--marino)}
.pt--grande{aspect-ratio:16/9}
.pt img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--e)}
.pt--gen{background:
  radial-gradient(120% 90% at 85% 10%,rgba(31,91,255,.30),transparent 60%),
  linear-gradient(160deg,var(--marino-2),var(--marino) 65%)}
.pt--investigaciones{background:
  radial-gradient(circle at 2px 2px,rgba(255,255,255,.14) 1.2px,transparent 1.6px) 0 0/16px 16px,
  radial-gradient(120% 90% at 85% 10%,rgba(212,168,42,.16),transparent 60%),
  linear-gradient(160deg,var(--marino-2),var(--marino) 65%)}
.pt__svg{position:absolute;inset:0;width:100%;height:100%;transition:transform .6s var(--e)}
/* Velo detrás de la cifra para que se lea sobre cualquier motivo. */
.pt--gen:has(.pt__cifra)::after{content:'';position:absolute;inset:0;
  background:linear-gradient(20deg,rgba(11,31,58,.92) 8%,rgba(11,31,58,0) 58%)}
.pt__cifra{z-index:1;position:absolute;left:clamp(16px,4%,32px);bottom:clamp(14px,5%,28px);right:40%;display:grid;gap:6px;color:#fff}
.pt__cifra b{font:900 clamp(2rem,5.5vw,4.25rem)/.95 var(--titular);letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.pt__cifra span{max-width:30ch;font:600 clamp(.75rem,1.3vw,.875rem)/1.35 var(--texto);color:rgba(255,255,255,.78)}
.tj--normal .pt__cifra b{font-size:clamp(1.75rem,3vw,2.25rem)}
a:hover .pt img,a:hover .pt__svg{transform:scale(1.03)}

/* ── 4 · TARJETAS ───────────────────────────────────────────── */
.tj{position:relative;display:grid;align-content:start;gap:16px}
.tj__txt{display:grid;gap:10px;justify-items:start}
.tj__tit{font-size:1.25rem;line-height:1.18}
.tj__tit a{text-decoration:none;background:linear-gradient(var(--azul),var(--azul)) 0 100%/0 2px no-repeat;
  transition:background-size .3s var(--e)}
.tj__tit a:hover{background-size:100% 2px}
.tj__ent{color:var(--tinta-2);font-size:1.0625rem;line-height:1.5}

.tj--grande .tj__tit{font-size:clamp(1.75rem,3.4vw,2.75rem);line-height:1.08;letter-spacing:-.028em}
.tj--grande .tj__ent{font-size:clamp(1.0625rem,1.4vw,1.25rem);max-width:60ch}

.tj--lista{grid-template-columns:auto 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--linea)}
.tj--lista .tj__txt{gap:8px}
.tj--lista .tj__tit{font-size:1.0625rem;line-height:1.25;font-weight:700;letter-spacing:-.01em}
.tj__n{font:900 1.75rem/1 var(--titular);color:var(--azul);letter-spacing:-.04em;font-variant-numeric:tabular-nums;
  min-width:2.1ch}

.tj--texto{padding:22px 0;border-top:1px solid var(--linea)}
.tj--texto .tj__tit{font-size:1.25rem}
.tj--texto .tj__ent{font-size:1rem}

/* ── 5 · PORTADA: APERTURA ──────────────────────────────────── */
.apertura{display:grid;gap:36px;padding-block:24px 48px}
.apertura__ultimo .rotulo{margin-bottom:6px}
@media (min-width:1024px){
  .apertura{grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:48px;padding-block:40px 64px}
  .apertura__ultimo{padding-left:40px;border-left:1px solid var(--linea)}
}

/* ── 6 · EL DATO ────────────────────────────────────────────── */
/* Un marcador: la cifra en dorado sobre marino y la explicación al
   lado. Es el único sitio de la portada donde aparece el dorado. */
.dato{margin-bottom:64px}
.dato__in{display:grid;gap:4px 32px;padding:28px clamp(20px,4vw,40px);border-radius:var(--radio);background:var(--marino);
  color:#fff;align-items:center}
.dato__valor{font:900 clamp(3.25rem,10vw,6.5rem)/.9 var(--titular);letter-spacing:-.045em;color:var(--oro);
  font-variant-numeric:tabular-nums;margin-block:10px 8px}
.dato__texto{font-size:clamp(1.0625rem,1.6vw,1.3125rem);line-height:1.4;max-width:48ch;color:rgba(255,255,255,.9)}
.dato .enl-flecha{color:#9DB8FF;margin-top:12px}
@media (min-width:860px){
  .dato__in{grid-template-columns:auto 1fr;grid-template-areas:'r r' 'v t' 'v l';padding-block:36px}
  .dato__in .rotulo{grid-area:r;margin-bottom:12px}
  .dato__valor{grid-area:v;margin:0;padding-right:32px;border-right:1px solid rgba(255,255,255,.18)}
  .dato__texto{grid-area:t;align-self:end}
  .dato .enl-flecha{grid-area:l;align-self:start}
}

/* ── 7 · INVESTIGACIONES ────────────────────────────────────── */
.franja-inv{background:var(--marino);color:#fff;padding-block:56px 64px}
.franja-inv__cab{display:grid;gap:10px;margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.18)}
.franja-inv__cab h2{color:#fff;font-size:clamp(2rem,4.5vw,3.25rem);letter-spacing:-.03em}
.franja-inv__cab p{color:rgba(255,255,255,.75);max-width:52ch}
.franja-inv .enl-flecha{color:#9DB8FF}
.franja-inv .tj__tit,.franja-inv .tj__tit a{color:#fff}
.franja-inv .tj__ent{color:rgba(255,255,255,.78)}
.franja-inv .kicker{color:var(--cian)}
.franja-inv .meta{color:rgba(255,255,255,.62)}
.franja-inv .tj--texto{border-color:rgba(255,255,255,.16)}
.franja-inv .tj--texto:first-child{border-top:0;padding-top:0}
.franja-inv .pt{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.franja-inv__rejilla{display:grid;gap:32px}
@media (min-width:720px){.franja-inv__cab{grid-template-columns:1fr auto;align-items:end}.franja-inv__cab h2{grid-column:1/-1}}
@media (min-width:1024px){.franja-inv__rejilla{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px}}
/* Con una sola investigación, la tarjeta se tumba: imagen y texto en paralelo. */
@media (min-width:900px){
  .franja-inv__rejilla.es-sola{grid-template-columns:1fr}
  .es-sola .tj--grande{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center}
}

/* ── 8 · SECCIONES ──────────────────────────────────────────── */
.secciones{display:grid;gap:40px 32px;padding-block:64px}
@media (min-width:720px){.secciones{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.secciones{grid-template-columns:repeat(4,1fr)}}
.seccion{padding-top:16px;border-top:3px solid var(--marino)}
.seccion__tit{font-size:1.5rem}
.seccion__tit a{text-decoration:none}
.seccion__tit a::after{content:' →';color:var(--azul);font-weight:600;opacity:0;transition:opacity .2s}
.seccion__tit a:hover::after{opacity:1}
.seccion__desc{margin-top:6px;font-size:.9375rem;line-height:1.45;color:var(--tinta-3)}
.seccion__lista{margin-top:18px}
.seccion__lista li{display:grid;gap:6px;padding-block:14px;border-top:1px solid var(--linea)}
.seccion__lista a{font:700 1rem/1.3 var(--titular);color:var(--marino);text-decoration:none;letter-spacing:-.01em}
.seccion__lista a:hover{color:var(--azul)}
.seccion__lista .es-primero a{font-size:1.125rem;font-weight:800}
.seccion__vacia{margin-top:18px;padding-top:14px;border-top:1px solid var(--linea);font-style:italic;color:var(--tinta-3)}

/* ── 9 · CIERRE Y NEWSLETTER ────────────────────────────────── */
.cierre{display:grid;gap:40px;padding-block:24px 72px}
.cierre__proy{display:grid;gap:24px;align-content:center}
.cierre__proy img{width:96px}
.cierre__proy p{margin-block:16px 18px;font-size:clamp(1.125rem,1.8vw,1.375rem);line-height:1.45;color:var(--tinta-2);
  max-width:46ch}
@media (min-width:900px){
  .cierre{grid-template-columns:1fr 1fr;gap:64px;align-items:center}
  .cierre__proy{grid-template-columns:auto 1fr;gap:32px}
  .cierre__proy img{width:120px}
}

.nl{padding:clamp(24px,4vw,40px);border-radius:var(--radio);background:var(--marino);color:#fff;
  background-image:radial-gradient(90% 120% at 100% 0,rgba(31,91,255,.35),transparent 55%)}
.nl .rotulo{margin-bottom:16px}
.nl__tit{color:#fff;font-size:clamp(1.5rem,2.6vw,2rem)}
.nl__txt{margin-top:10px;color:rgba(255,255,255,.8);max-width:46ch}
.nl__form{display:grid;gap:10px;margin-top:22px}
.nl__form input{min-height:50px;padding:0 16px;border:1.5px solid rgba(255,255,255,.25);border-radius:var(--radio);
  background:rgba(255,255,255,.06);color:#fff}
.nl__form input::placeholder{color:rgba(255,255,255,.55)}
.nl__form input:focus{outline:none;border-color:var(--oro);background:rgba(255,255,255,.1)}
.nl__form .btn{min-height:50px}
.nl__legal{margin-top:12px;font-size:.8125rem;color:rgba(255,255,255,.6)}
.nl__legal a{color:rgba(255,255,255,.85)}
.nl__aviso{margin-top:10px;font-size:.875rem;color:var(--oro)}
@media (min-width:520px){.nl__form{grid-template-columns:1fr auto}}

.banda-nl{background:var(--papel-2);padding-block:56px}
.banda-nl .nl{max-width:820px;margin-inline:auto}

/* ── 10 · PÁGINAS DE SECCIÓN ────────────────────────────────── */
.cab-seccion{padding-block:40px 36px;background:var(--papel-2);border-bottom:1px solid var(--linea)}
.cab-seccion h1{margin-block:14px 10px;font-size:clamp(2.5rem,7vw,4.5rem);letter-spacing:-.04em}
.cab-seccion p:last-child{max-width:60ch;font-size:1.125rem;color:var(--tinta-2)}
.cab-seccion .rotulo{max-width:240px}
.cab-seccion--inv{background:var(--marino);border:0}
.cab-seccion--inv h1{color:#fff}
.cab-seccion--inv .rotulo{color:var(--cian)}
.cab-seccion--inv .rotulo::after{background:var(--cian);opacity:.4}
.cab-seccion--inv p:last-child{color:rgba(255,255,255,.8)}

.listado{padding-block:40px 80px}
.listado__primero{padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid var(--linea)}
@media (min-width:900px){
  .listado__primero .tj--grande{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center}
}
.rejilla-3{display:grid;gap:40px 32px;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr))}
.vacio{padding:40px 0;color:var(--tinta-3);font-size:1.125rem}

.relacionados{padding-block:56px 64px}
.relacionados .rotulo{margin-bottom:28px}

/* ── 11 · PIE ───────────────────────────────────────────────── */
.pie{background:var(--marino);color:rgba(255,255,255,.75);border-top:4px solid var(--azul);font-size:.9375rem}
.pie__in{display:grid;gap:32px;padding-block:48px 32px}
.pie__marca img{width:210px}
.pie__marca p{margin-top:14px;font:600 .9375rem/1.4 var(--titular);color:#fff;max-width:24ch}
.pie__tit{margin-bottom:12px;font:800 .6875rem/1 var(--titular);letter-spacing:.14em;text-transform:uppercase;color:var(--cian)}
.pie__col ul{display:grid;gap:8px;list-style:none;padding:0}
.pie a{text-decoration:none}
.pie a:hover{color:#fff;text-decoration:underline}
.pie__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-block:20px 28px;
  border-top:1px solid rgba(255,255,255,.14);font-size:.8125rem;color:rgba(255,255,255,.55)}
@media (min-width:720px){.pie__in{grid-template-columns:2fr 1fr 1fr 1fr}}
@media (max-width:719.98px){.pie__in{grid-template-columns:1fr 1fr}.pie__marca{grid-column:1/-1}}

/* ── 12 · PÁGINAS INSTITUCIONALES ───────────────────────────── */
.btn--linea{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
.btn--linea:hover{background:rgba(255,255,255,.08)}
.btn--linea.es-ok{box-shadow:inset 0 0 0 1.5px #32D583}

.pagina{padding-block:40px 80px}
.pagina__fecha{font-size:.875rem;color:var(--tinta-3)}
.aviso-pendiente{max-width:var(--medida);margin:0 auto 32px;padding:14px 18px;border-radius:var(--radio);background:#FFFAEB;
  border:1px solid #FEDF89;color:#93370D;font-size:.9375rem}

/* Sobre DOGSO */
.sobre-ap{background:var(--marino);color:#fff;padding-block:56px 64px;
  background-image:radial-gradient(70% 120% at 100% 0,rgba(31,91,255,.35),transparent 60%)}
.sobre-ap__in{display:grid;gap:32px;align-items:center}
.sobre-ap h1{margin-block:18px 18px;color:#fff;font-size:clamp(2.25rem,6vw,4.5rem);line-height:1.02;letter-spacing:-.04em;max-width:16ch}
.sobre-ap__ent{font-size:clamp(1.125rem,2vw,1.4375rem);line-height:1.45;color:rgba(255,255,255,.85);max-width:52ch}
.sobre-ap img{width:clamp(120px,22vw,280px);justify-self:start}
@media (min-width:900px){.sobre-ap__in{grid-template-columns:1fr auto}.sobre-ap img{justify-self:end}}

.sobre{display:grid;gap:64px;padding-block:64px 80px}
.sobre__bloque{display:grid;gap:24px}
@media (min-width:1024px){
  .sobre__bloque{grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start}
  .sobre__bloque>.rotulo{position:sticky;top:96px}
}
.sobre .art{--medida:none}
.sobre .prosa>*{margin-inline:0;max-width:72ch}
.sobre .prosa{font-size:clamp(1.0625rem,1.3vw,1.25rem)}

.definicion{padding:28px clamp(20px,3vw,36px);border-left:4px solid var(--azul);background:var(--papel-2);border-radius:0 var(--radio) var(--radio) 0}
.definicion__termino{font:900 clamp(2.5rem,6vw,4rem)/1 var(--titular);letter-spacing:-.04em;color:var(--marino)}
.definicion__sig{margin-top:8px;font-size:1.125rem;color:var(--azul)}
.definicion__txt{margin-top:16px;font-size:1.0625rem;line-height:1.6;color:var(--tinta-2);max-width:62ch}

.areas{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.area{display:grid;gap:8px;height:100%;padding:20px;border:1px solid var(--linea);border-radius:var(--radio);text-decoration:none;
  transition:border-color .2s,box-shadow .2s}
.area:hover{border-color:var(--azul);box-shadow:var(--sombra)}
.area b{font:800 1.125rem var(--titular);color:var(--marino)}
.area b::before{content:'';display:inline-block;width:8px;height:8px;margin-right:10px;background:var(--azul);vertical-align:middle}
.area span{font-size:.9375rem;line-height:1.45;color:var(--tinta-3)}
.area--inv{background:var(--marino);border-color:var(--marino)}
.area--inv b{color:#fff}
.area--inv b::before{background:var(--oro)}
.area--inv span{color:rgba(255,255,255,.7)}

.principios{display:grid;gap:1px;background:var(--linea);border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.principios li{display:grid;gap:6px;align-content:start;padding:22px;background:#fff}
.principios__n{font:900 .875rem var(--titular);color:var(--azul);letter-spacing:.04em}
.principios b{font:800 1.25rem var(--titular);color:var(--marino);letter-spacing:-.015em}
.principios p{font-size:1rem;line-height:1.5;color:var(--tinta-2)}

.sobre__ia p{font-size:1.0625rem;line-height:1.65;color:var(--tinta-2);max-width:72ch;padding:22px 24px;border:1px dashed var(--linea-2);border-radius:var(--radio)}

.ficha{display:grid;gap:20px;align-items:start;padding:28px;border:1px solid var(--linea);border-radius:var(--radio)}
@media (min-width:600px){.ficha{grid-template-columns:auto 1fr}}
.ficha__ini{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--marino);color:#fff;
  font:800 1.5rem var(--titular);letter-spacing:.02em;box-shadow:inset 0 0 0 3px var(--azul)}
.ficha__nombre{font:800 1.5rem var(--titular);color:var(--marino);letter-spacing:-.02em}
.ficha__papel{margin-top:4px;font:700 .8125rem var(--titular);letter-spacing:.1em;text-transform:uppercase;color:var(--azul)}
.ficha__bio{margin-block:14px 14px;font-size:1.0625rem;line-height:1.6;color:var(--tinta-2);max-width:64ch}

.sobre__vision{display:grid;gap:20px;padding:clamp(28px,5vw,56px);border-radius:var(--radio);background:var(--marino)}
.sobre__vision .rotulo{color:var(--cian)}
.sobre__vision .rotulo::after{background:var(--cian);opacity:.35}
.sobre__vision p{font:700 clamp(1.5rem,3.2vw,2.5rem)/1.2 var(--titular);letter-spacing:-.025em;color:#fff;max-width:28ch}

.sobre__cierre{display:grid;gap:24px}
@media (min-width:900px){.sobre__cierre{grid-template-columns:1fr 1fr;align-items:stretch}}
.sobre__contacto{display:grid;gap:12px;align-content:center;justify-items:start;padding:clamp(24px,4vw,40px);border:1px solid var(--linea);border-radius:var(--radio)}
.sobre__contacto h2{font-size:clamp(1.5rem,2.6vw,2rem)}
.sobre__contacto p{color:var(--tinta-2);margin-bottom:8px}

/* Contacto */
.contacto{display:grid;gap:48px;padding-block:48px 80px}
@media (min-width:1024px){.contacto{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:start}}
.contacto .art{--medida:none}
.contacto .prosa>*{margin-inline:0}
.contacto__principal{display:grid;gap:28px}
.correo{display:grid;gap:14px;padding:clamp(24px,4vw,40px);border-radius:var(--radio);background:var(--marino);color:#fff;
  background-image:radial-gradient(90% 120% at 100% 0,rgba(31,91,255,.35),transparent 55%)}
.correo__dir{font:800 clamp(1.25rem,4.4vw,2.25rem)/1.15 var(--titular);letter-spacing:-.025em;color:#fff;text-decoration:none;
  overflow-wrap:break-word}
.correo__dir:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.correo__acc{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.contacto__red{color:var(--tinta-2)}
.contacto__red a{color:var(--azul)}
.contacto__motivos ul{display:grid;gap:0;margin-top:16px;list-style:none;padding:0}
.contacto__motivos li{display:grid;gap:4px;padding-block:16px;border-top:1px solid var(--linea)}
.contacto__motivos b{font:800 1.0625rem var(--titular);color:var(--marino)}
.contacto__motivos p{font-size:.9375rem;line-height:1.5;color:var(--tinta-3)}

/* Temas, buscador y 404 */
.listado__mas{margin-top:40px}
.temas{display:flex;flex-wrap:wrap;gap:10px}
.temas a{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid var(--linea);border-radius:999px;
  font:700 .9375rem var(--titular);color:var(--marino);text-decoration:none}
.temas a:hover{border-color:var(--azul);color:var(--azul)}
.temas span{font-size:.75rem;color:var(--tinta-3)}

.buscar{padding-block:40px 80px;max-width:calc(880px + var(--gut) * 2)}
.buscar__temas{margin-top:32px}
.buscador{--pagefind-ui-scale:1;--pagefind-ui-primary:var(--azul);--pagefind-ui-text:var(--tinta);--pagefind-ui-background:#fff;
  --pagefind-ui-border:var(--linea-2);--pagefind-ui-tag:var(--papel-3);--pagefind-ui-border-width:1.5px;
  --pagefind-ui-border-radius:6px;--pagefind-ui-font:var(--texto)}
.buscador .pagefind-ui__result-link{font-family:var(--titular);font-weight:800;color:var(--marino)}
.buscador .pagefind-ui__result-title{font-size:1.1875rem}
.buscador mark{background:var(--azul-suave);color:inherit}

.error404{display:grid;justify-items:start;gap:14px;padding-block:80px 120px}
.error404__cod{font:900 clamp(5rem,18vw,10rem)/.9 var(--titular);letter-spacing:-.06em;color:var(--azul)}
.error404 h1{font-size:clamp(2rem,5vw,3rem)}
.error404 p{font-size:1.125rem;color:var(--tinta-2)}
.error404__acc{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:12px}

/* ── 13 · ARCHIVO, PAGINACIÓN Y «HOY» ───────────────────────── */
.meta time.es-hoy{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--azul)}
.meta time.es-hoy::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--azul);
  box-shadow:0 0 0 3px var(--azul-suave)}
.franja-inv .meta time.es-hoy{color:#9DB8FF}

.apertura__todo{margin-top:16px}

.paginacion{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:56px;padding-top:24px;
  border-top:1px solid var(--linea);font:700 .875rem var(--titular)}
.paginacion ol{display:flex;gap:6px;list-style:none;padding:0}
.paginacion ol a{display:grid;place-items:center;min-width:40px;height:40px;padding:0 8px;border-radius:999px;color:var(--marino);
  text-decoration:none}
.paginacion ol a:hover{background:var(--papel-2);color:var(--azul)}
.paginacion ol a[aria-current]{background:var(--marino);color:#fff}
.paginacion__salto{display:grid;place-items:center;min-width:24px;color:var(--tinta-3)}
.paginacion__flecha{min-width:110px;color:var(--azul);text-decoration:none}
.paginacion__flecha:last-child{text-align:right}
.paginacion__flecha:hover{text-decoration:underline;text-underline-offset:4px}
@media (max-width:559.98px){.paginacion{flex-wrap:wrap;justify-content:center}.paginacion ol{order:-1;width:100%;justify-content:center}}

.archivo{max-width:calc(1040px + var(--gut) * 2)}
.archivo__mes{margin-top:40px;padding-bottom:10px;border-bottom:2px solid var(--marino);font-size:.8125rem;letter-spacing:.14em;
  text-transform:uppercase}
.archivo__mes:first-child{margin-top:0}
.archivo__lista{list-style:none;padding:0}
.archivo__fila{display:grid;grid-template-columns:56px 1fr;gap:20px;border-bottom:1px solid var(--linea)}
.archivo__fila .tj--texto{border:0}
.archivo__fila .meta{display:none}
.archivo__dia{display:grid;align-content:start;justify-items:center;padding-top:22px;font:700 .75rem/1 var(--titular);
  text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-3)}
.archivo__dia b{font:900 1.75rem/1 var(--titular);color:var(--marino);letter-spacing:-.03em;margin-bottom:4px}

.sobre__metodo{display:grid;gap:20px}
.sobre__metodo-txt{font-size:clamp(1.0625rem,1.3vw,1.1875rem);line-height:1.65;color:var(--tinta-2);max-width:72ch}