/* ══════════════════════════════════════════════════════════════════════════
   De otra manera · deotramanera.com
   La hoja de estilo entera, en un solo fichero. Sin frameworks y sin recursos
   de fuera: las tipografías se sirven desde este mismo servidor, así que
   ningún visitante deja rastro en Google al abrir una página.

   Orden: tipografías · colores · base · cabecera · portada · artículo ·
   comentarios · páginas sueltas · pie · pantallas pequeñas.
   ══════════════════════════════════════════════════════════════════════════ */

/* ─── Tipografías ─────────────────────────────────────────────────────────
   Newsreader para los titulares (una serif de prensa, pensada para tamaños
   grandes), Source Serif para el cuerpo (aguanta un artículo de quince
   minutos sin cansar) y IBM Plex Sans Condensed para fechas, categorías y
   datos: así los metadatos nunca se confunden con el texto.
   `font-display:swap` hace que el texto se lea desde el primer momento con la
   fuente del sistema y cambie cuando llega la buena. */
@font-face{font-family:Newsreader;src:url(/fuentes/newsreader-400.woff2) format('woff2');
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Newsreader;src:url(/fuentes/newsreader-400i.woff2) format('woff2');
  font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Newsreader;src:url(/fuentes/newsreader-600.woff2) format('woff2');
  font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url(/fuentes/sourceserif-400.woff2) format('woff2');
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url(/fuentes/sourceserif-400i.woff2) format('woff2');
  font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url(/fuentes/sourceserif-600.woff2) format('woff2');
  font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Plex Cond';src:url(/fuentes/plexcond-400.woff2) format('woff2');
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Plex Cond';src:url(/fuentes/plexcond-600.woff2) format('woff2');
  font-weight:600;font-style:normal;font-display:swap}

/* ─── Colores ─────────────────────────────────────────────────────────────
   Papel hueso con un punto de verde (no el crema de catálogo), tinta que tira
   a azul en vez de negro puro, y UN solo acento: azul de imprenta. Un acento
   único hace que el color signifique siempre lo mismo. */
:root{
  --papel:#EDEAE1;
  --papel-2:#F7F5EF;
  --papel-3:#E3DFD3;
  --tinta:#15181B;
  --tinta-2:#585E62;
  --tinta-3:#7E837F;
  --linea:#CFCABB;
  --linea-2:#DDD8CB;
  --acento:#123E52;
  --acento-2:#1C5C79;
  --sello:#63745A;
  --aviso:#8A5A1E;
  --aviso-fondo:#F6EEDF;
  --bien:#2F6B43;
  --bien-fondo:#E7F0E7;
  --mal:#9B3226;
  --mal-fondo:#F6E7E4;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{
    --papel:#14171A;
    --papel-2:#1B1F23;
    --papel-3:#22272B;
    --tinta:#E9E6DD;
    --tinta-2:#A5ACAF;
    --tinta-3:#767E82;
    --linea:#2E353A;
    --linea-2:#262C31;
    --acento:#8FC2D8;
    --acento-2:#A9D4E7;
    --sello:#9DB088;
    --aviso:#E0B978;
    --aviso-fondo:#2A241A;
    --bien:#8CC79B;
    --bien-fondo:#1A2620;
    --mal:#E39A8E;
    --mal-fondo:#2A1C1A;
    color-scheme:dark;
  }
}

/* ─── Base ────────────────────────────────────────────────────────────────*/
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--papel);color:var(--tinta);
  font-family:'Source Serif 4',Georgia,'Times New Roman',serif;
  font-size:17.5px;line-height:1.62;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid var(--acento);outline-offset:3px;border-radius:1px}
h1,h2,h3,h4{font-family:Newsreader,Georgia,serif;font-weight:400;text-wrap:balance;margin:0}
.env{max-width:1120px;margin:0 auto;padding-inline:24px}
.col{max-width:680px;margin-inline:auto}
.sans{font-family:'Plex Cond','Helvetica Neue',Arial,sans-serif}
.saltar{position:absolute;left:-9999px;top:0;background:var(--acento);color:var(--papel-2);
  padding:10px 18px;z-index:99;font-family:'Plex Cond',Arial,sans-serif}
.saltar:focus{left:0}
[hidden]{display:none!important}

/* ─── Cabecera ────────────────────────────────────────────────────────────*/
.mast{border-bottom:1px solid var(--linea);background:var(--papel)}
.mast .env{padding-block:30px 0}
.mast-fila{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap}
.logo{text-decoration:none;display:block}
.logo .nombre{
  font-family:Newsreader,Georgia,serif;font-size:clamp(34px,6vw,56px);
  line-height:.92;letter-spacing:-.025em;display:block;font-weight:400;
}
.logo .nombre em{font-style:italic;color:var(--acento)}
.logo .lema{
  display:block;margin-top:9px;font-family:'Plex Cond',Arial,sans-serif;
  font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:var(--tinta-3);
}
.buscador{display:flex;align-items:center;border-bottom:1.5px solid var(--tinta);
  padding-bottom:4px;flex:0 1 300px;min-width:min(260px,100%)}
.buscador input{
  flex:1;min-width:0;border:0;background:none;color:var(--tinta);
  font-family:'Plex Cond',Arial,sans-serif;font-size:15px;padding:3px 0;
}
.buscador input::placeholder{color:var(--tinta-3)}
.buscador button{background:none;border:0;cursor:pointer;color:var(--tinta);
  padding:0 0 0 8px;display:flex}
.buscador svg{width:18px;height:18px}
.secciones{display:flex;gap:0;flex-wrap:wrap;margin-top:24px;
  border-top:1px solid var(--linea);padding-top:1px}
.secciones a{
  font-family:'Plex Cond',Arial,sans-serif;font-size:13px;letter-spacing:.08em;
  text-transform:uppercase;text-decoration:none;color:var(--tinta-2);
  padding:11px 15px 11px 0;border-bottom:2px solid transparent;margin-bottom:-1px;
}
.secciones a:hover{color:var(--tinta)}
.secciones a[aria-current]{color:var(--acento);border-bottom-color:var(--acento);
  padding-right:15px;font-weight:600}
.secciones a.fin{margin-left:auto;padding-right:0;color:var(--tinta-3)}
.secciones a.fin[aria-current]{padding-right:0}

/* ─── Cabecera de sección (categoría, archivo, buscador…) ─────────────────*/
.cab-seccion{border-bottom:1px solid var(--linea);padding-block:38px 34px}
.cab-seccion .rotulo{margin-bottom:10px}
.cab-seccion h1{font-size:clamp(30px,5vw,44px);line-height:1.04;letter-spacing:-.02em}
.cab-seccion p.pie{margin:14px 0 0;max-width:46rem;font-size:18px;color:var(--tinta-2)}

.rotulo{
  font-family:'Plex Cond',Arial,sans-serif;font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--sello);margin:0 0 12px;font-weight:600;
}

/* ─── Portada: el destacado ───────────────────────────────────────────────*/
.destacado{padding-block:42px 38px;border-bottom:1px solid var(--linea)}
/* El destacado es UNA galleta puesta en dos columnas: la foto a un lado y el
   texto al otro. El grid va en la galleta, no en el contenedor — si se pone en
   el contenedor, la galleta ocupa una sola columna y el texto cae debajo. */
.galleta.grande{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center}
.galleta.grande .lienzo{aspect-ratio:3/2;margin:0}
.galleta.grande h2{font-size:clamp(28px,4vw,44px);line-height:1.04;letter-spacing:-.022em;
  margin:0 0 14px}
.galleta.grande .sumario{font-size:19px;margin-bottom:18px}
.galleta.grande .texto{justify-content:center}
.galleta.grande .firma{margin-top:0}

/* ─── Portada: la barra de orden ──────────────────────────────────────────*/
.orden{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-block:20px;
  font-family:'Plex Cond',Arial,sans-serif;font-size:13px;color:var(--tinta-3)}
.orden a{color:var(--tinta-2);text-decoration:none;padding:4px 11px;
  border:1px solid var(--linea);border-radius:2px}
.orden a:hover{border-color:var(--tinta-2)}
.orden a[aria-current]{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
.orden .cuenta{margin-left:auto;font-variant-numeric:tabular-nums}

/* ─── Portada: la rejilla de galletas ─────────────────────────────────────*/
.rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 30px;padding-bottom:20px}
.rejilla.dos{grid-template-columns:repeat(2,1fr)}
.galleta{display:flex;flex-direction:column}
.galleta .lienzo{
  display:block;position:relative;aspect-ratio:16/10;overflow:hidden;
  background:var(--papel-2);border:1px solid var(--linea);margin-bottom:14px;
}
.galleta .lienzo img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s ease}
.galleta:hover .lienzo img{transform:scale(1.03)}
.galleta .texto{display:flex;flex-direction:column;flex:1}
.cat-txt{
  font-family:'Plex Cond',Arial,sans-serif;font-size:11px;letter-spacing:.15em;
  text-transform:uppercase;font-weight:600;margin:0 0 7px;
}
.cat-txt a{color:var(--acento);text-decoration:none}
.cat-txt a:hover{text-decoration:underline;text-underline-offset:3px}
.galleta h3{font-size:23px;line-height:1.14;letter-spacing:-.012em;margin:0 0 9px}
.galleta h2 a,.galleta h3 a{text-decoration:none}
.galleta h2 a:hover,.galleta h3 a:hover{text-decoration:underline;
  text-decoration-thickness:1px;text-underline-offset:4px}
.galleta .sumario{font-size:16px;color:var(--tinta-2);margin:0 0 13px;line-height:1.5}
.firma{
  font-family:'Plex Cond',Arial,sans-serif;font-size:12.5px;color:var(--tinta-2);
  display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:auto 0 0;
}
.firma b{color:var(--tinta);font-weight:600}
.firma .sep{color:var(--linea)}

/* La portada tipográfica, para los artículos que todavía no tienen fotografía.
   No es un hueco gris: es el titular puesto en grande sobre una trama, como
   hace una revista cuando no hay imagen. */
.sinfoto{
  position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;
  padding:20px 22px;gap:10px;
  background:
    repeating-linear-gradient(112deg,transparent 0 13px,rgba(18,62,82,.055) 13px 14px),
    linear-gradient(160deg,var(--papel-2),var(--papel-3));
}
.sinfoto i{font-family:'Plex Cond',Arial,sans-serif;font-style:normal;font-size:10.5px;
  letter-spacing:.19em;text-transform:uppercase;color:var(--tinta-3);font-weight:600}
.sinfoto b{font-family:Newsreader,Georgia,serif;font-size:clamp(22px,2.9vw,30px);
  line-height:1.05;letter-spacing:-.02em;color:var(--acento);font-weight:400;opacity:.6}
.galleta.grande .sinfoto{padding:30px 32px;gap:12px}
.galleta.grande .sinfoto b{font-size:clamp(30px,4vw,46px)}

/* ─── Paginación ──────────────────────────────────────────────────────────*/
.paginas{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;
  padding-block:34px 8px;font-family:'Plex Cond',Arial,sans-serif;font-size:14px}
.paginas a,.paginas span{padding:7px 14px;border:1px solid var(--linea);
  text-decoration:none;color:var(--tinta-2);border-radius:2px}
.paginas .aqui{background:var(--tinta);color:var(--papel);border-color:var(--tinta);font-weight:600}
.paginas .muda{opacity:.4}

/* ─── El aviso del canal de novedades ─────────────────────────────────────*/
.aviso-rss{margin:38px auto 0;max-width:44rem;text-align:center;font-size:15.5px;
  color:var(--tinta-2);padding-bottom:8px}
.aviso-rss a{color:var(--acento)}

/* ─── Artículo ────────────────────────────────────────────────────────────*/
.art-cab{padding-block:36px 0}
.migas{font-family:'Plex Cond',Arial,sans-serif;font-size:12px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--tinta-3);margin:0 0 20px}
.migas a{text-decoration:none;color:var(--tinta-2)}
.migas a:hover{color:var(--acento)}
.art-cab h1{font-size:clamp(32px,5.2vw,52px);line-height:1.03;letter-spacing:-.026em;
  margin-bottom:18px}
.entradilla{font-size:21px;line-height:1.5;color:var(--tinta-2);font-style:italic;margin:0 0 26px}
.credito{display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding:14px 0;
  border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);
  font-family:'Plex Cond',Arial,sans-serif;font-size:13.5px;color:var(--tinta-2)}
.credito .autor{font-weight:600;color:var(--tinta);text-decoration:none}
.credito .autor:hover{color:var(--acento)}
.credito time{font-variant-numeric:tabular-nums}

.compartir{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.credito .compartir{margin-left:auto}
.compartir .et{font-family:'Plex Cond',Arial,sans-serif;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--tinta-3);margin-right:2px}
.compartir a{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--linea);
  border-radius:50%;color:var(--tinta-2);text-decoration:none;transition:.15s}
.compartir a:hover{background:var(--acento);border-color:var(--acento);color:var(--papel-2)}
.compartir a.hecho{background:var(--bien);border-color:var(--bien);color:var(--papel-2)}
.compartir a svg{width:15px;height:15px;display:block}
.compartir.suelto{margin-top:14px}

figure.portada{margin:30px 0 0}
figure.portada img{width:100%;display:block;border:1px solid var(--linea)}
figure figcaption,.credito-foto{
  font-family:'Plex Cond',Arial,sans-serif;font-size:12.5px;color:var(--tinta-3);
  margin-top:8px;line-height:1.45}
.credito-foto a{color:var(--tinta-3)}

.cuerpo{padding-block:30px 8px;font-size:18.5px;line-height:1.72}
.cuerpo p{margin:0 0 1.15em}
.cuerpo h2{font-size:28px;line-height:1.2;letter-spacing:-.015em;margin:1.9em 0 .55em}
.cuerpo h3{font-size:22px;line-height:1.25;margin:1.7em 0 .5em}
.cuerpo h4{font-size:18px;margin:1.5em 0 .4em;font-family:'Plex Cond',Arial,sans-serif;
  font-weight:600;letter-spacing:.02em}
.cuerpo ul{margin:0 0 1.2em;padding-left:1.25em}
.cuerpo li{margin-bottom:.4em}
.cuerpo a{color:var(--acento);text-decoration-thickness:1px;text-underline-offset:2px}
.cuerpo code{font-family:ui-monospace,Menlo,monospace;font-size:.88em;
  background:var(--papel-3);padding:.08em .35em;border-radius:3px}
.cuerpo hr{border:0;border-top:1px solid var(--linea);margin:2.4em 0}
.cuerpo blockquote{margin:1.6em 0;padding-left:22px;border-left:2px solid var(--linea);
  color:var(--tinta-2);font-style:italic}
.cuerpo blockquote p{margin-bottom:.6em}
.cuerpo figure{margin:2em 0}
.cuerpo figure img{width:100%;display:block;border:1px solid var(--linea)}
.cuerpo .destaca{
  font-family:Newsreader,Georgia,serif;font-size:25px;line-height:1.34;color:var(--acento);
  border-left:2px solid var(--acento);padding-left:22px;margin:1.8em 0;font-style:italic;
}
.cuerpo .cifra-suelta{display:flex;gap:16px;align-items:baseline;margin:1.5em 0;
  padding:14px 18px;background:var(--papel-2);border:1px solid var(--linea)}
.cuerpo .cifra-suelta b{font-family:Newsreader,Georgia,serif;font-size:32px;line-height:1;
  letter-spacing:-.02em;font-variant-numeric:tabular-nums;flex:0 0 auto}
.cuerpo .cifra-suelta span{font-family:'Plex Cond',Arial,sans-serif;font-size:14.5px;
  color:var(--tinta-2);line-height:1.4}
.cuerpo .dm-borrador{border-bottom:2px dotted var(--aviso)}

.etis{display:flex;gap:7px;flex-wrap:wrap;margin-top:30px}
.eti{font-family:'Plex Cond',Arial,sans-serif;font-size:12px;letter-spacing:.06em;
  color:var(--tinta-2);border:1px solid var(--linea);padding:3px 10px;border-radius:2px}

/* Las fuentes: el remate del artículo, no letra pequeña. */
.fuentes{margin-top:46px;border-top:2px solid var(--tinta);padding-top:20px}
.fuentes h2{font-size:19px;margin-bottom:4px}
.fuentes .cuantas{font-family:'Plex Cond',Arial,sans-serif;font-size:12.5px;
  color:var(--tinta-3);margin:0 0 14px}
.fuentes ol{margin:0;padding-left:1.4em;font-size:15.5px;line-height:1.55;color:var(--tinta-2)}
.fuentes li{margin-bottom:7px}
.fuentes li a{color:var(--acento)}
.nota-ia{margin-top:26px;background:var(--papel-2);border:1px solid var(--linea);
  padding:17px 20px;font-size:15px;line-height:1.55;color:var(--tinta-2)}
.nota-ia b{font-family:'Plex Cond',Arial,sans-serif;font-size:11px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--sello);display:block;margin-bottom:6px}
.nota-ia a{color:var(--tinta-2)}

.cierre-art{margin-top:40px;padding-top:26px;border-top:1px solid var(--linea);
  display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.cierre-art .et-cierre{font-family:'Plex Cond',Arial,sans-serif;font-size:13.5px;
  color:var(--tinta-2);margin:0}

.otros{margin-top:48px}
.otros h2{font-size:13px;font-family:'Plex Cond',Arial,sans-serif;text-transform:uppercase;
  letter-spacing:.15em;color:var(--tinta-3);margin-bottom:20px;font-weight:600}

/* ─── Comentarios ─────────────────────────────────────────────────────────*/
.comentarios{margin-top:52px;border-top:1px solid var(--linea);padding-top:30px}
.comentarios h2{font-size:25px;margin-bottom:20px}
.com{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;margin-bottom:26px}
.com .ini{width:38px;height:38px;border-radius:50%;background:var(--papel-3);color:var(--tinta-2);
  display:grid;place-items:center;font-family:'Plex Cond',Arial,sans-serif;
  font-size:14px;font-weight:600;grid-row:span 2}
.com .quien{font-family:'Plex Cond',Arial,sans-serif;font-size:13.5px;color:var(--tinta-3)}
.com .quien b{color:var(--tinta);font-weight:600}
.com .cuerpo-com{margin:2px 0 0;font-size:17px;line-height:1.6;white-space:pre-wrap;
  overflow-wrap:break-word}
.com .respuesta{grid-column:2;margin-top:12px;padding:12px 16px;background:var(--papel-2);
  border-left:2px solid var(--acento)}
.com .respuesta .quien{color:var(--acento)}
.com .respuesta p{margin:2px 0 0;font-size:16.5px;white-space:pre-wrap}

form.nuevo{background:var(--papel-2);border:1px solid var(--linea);padding:22px;margin-top:10px}
form.nuevo h3{font-size:20px;margin:0 0 4px}
form.nuevo .pista{font-family:'Plex Cond',Arial,sans-serif;font-size:13px;
  color:var(--tinta-3);margin:0 0 18px}
form.nuevo label{display:block;font-family:'Plex Cond',Arial,sans-serif;font-size:12px;
  letter-spacing:.09em;text-transform:uppercase;color:var(--tinta-3);margin:0 0 5px}
form.nuevo .dos{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
form.nuevo input[type=text],form.nuevo input[type=email],form.nuevo textarea{
  width:100%;background:var(--papel);border:1px solid var(--linea);color:var(--tinta);
  font-family:inherit;font-size:16.5px;padding:9px 11px;border-radius:2px}
form.nuevo textarea{min-height:120px;resize:vertical;line-height:1.55}
form.nuevo .trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
form.nuevo .pie{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:16px}
form.nuevo button{background:var(--acento);color:var(--papel-2);border:0;padding:12px 24px;
  font-size:14.5px;font-family:'Plex Cond',Arial,sans-serif;letter-spacing:.04em;
  cursor:pointer;border-radius:2px}
form.nuevo button:hover{background:var(--acento-2)}
form.nuevo .nota{font-family:'Plex Cond',Arial,sans-serif;font-size:12.5px;
  color:var(--tinta-3);flex:1 1 230px;line-height:1.45;margin:0}
.cerrados{font-family:'Plex Cond',Arial,sans-serif;font-size:14px;color:var(--tinta-3);
  border:1px dashed var(--linea);padding:16px 18px;text-align:center}

/* ─── Avisos ──────────────────────────────────────────────────────────────*/
.bien,.ojo,.mal{padding:15px 18px;margin:0 0 22px;font-size:16px;line-height:1.5;
  border-left:3px solid}
.bien{background:var(--bien-fondo);border-color:var(--bien);color:var(--bien)}
.ojo{background:var(--aviso-fondo);border-color:var(--aviso);color:var(--aviso)}
.mal{background:var(--mal-fondo);border-color:var(--mal);color:var(--mal)}
.bien b,.ojo b,.mal b{display:block;font-family:'Plex Cond',Arial,sans-serif;font-size:13px;
  letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}

/* ─── Páginas sueltas (legales, quién escribe, resultado) ─────────────────*/
.pagina{padding-block:34px 20px;font-size:18px;line-height:1.7}
.pagina h1{font-size:clamp(30px,5vw,44px);line-height:1.05;letter-spacing:-.022em;
  margin-bottom:20px}
.pagina h2{font-size:25px;margin:1.9em 0 .5em}
.pagina h3{font-size:19px;margin:1.6em 0 .4em}
.pagina p{margin:0 0 1.1em}
.pagina ul{padding-left:1.25em;margin:0 0 1.2em}
.pagina li{margin-bottom:.45em}
.pagina a{color:var(--acento)}
.pagina dl{margin:0 0 1.4em}
.pagina dt{font-family:'Plex Cond',Arial,sans-serif;font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--tinta-3);margin-top:1em}
.pagina dd{margin:2px 0 0}

.caja-centro{max-width:620px;margin:60px auto;padding:38px 34px;background:var(--papel-2);
  border:1px solid var(--linea);text-align:center}
.caja-centro h1{font-size:31px;line-height:1.15;margin-bottom:14px}
.caja-centro p{color:var(--tinta-2);margin:0 0 12px}
.caja-centro .btn{display:inline-block;margin-top:18px;background:var(--acento);
  color:var(--papel-2);text-decoration:none;font-family:'Plex Cond',Arial,sans-serif;
  font-size:14.5px;padding:12px 26px;border-radius:2px;letter-spacing:.04em}
.caja-centro .marca{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;
  margin:0 auto 20px;background:var(--papel-3)}
.caja-centro .marca svg{width:30px;height:30px}

/* El archivo por fechas */
.anios{margin-top:10px}
.anio-bloque{border-top:1px solid var(--linea);padding-block:22px}
.anio-bloque h2{font-size:30px;letter-spacing:-.02em;margin-bottom:14px}
.mes-linea{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;padding:7px 0;
  border-bottom:1px dotted var(--linea)}
.mes-linea .mes{font-family:'Plex Cond',Arial,sans-serif;font-size:12.5px;
  text-transform:uppercase;letter-spacing:.1em;color:var(--tinta-3);flex:0 0 110px}
.mes-linea a{text-decoration:none;font-size:18px}
.mes-linea a:hover{text-decoration:underline;text-underline-offset:3px}
.mes-linea .dato{font-family:'Plex Cond',Arial,sans-serif;font-size:12.5px;
  color:var(--tinta-3);margin-left:auto}

/* ─── Pie ─────────────────────────────────────────────────────────────────*/
footer.sitio{border-top:1px solid var(--linea);margin-top:62px;padding-block:38px 0;
  background:var(--papel-2)}
footer.sitio .env{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:34px}
footer.sitio .logo .nombre{font-size:27px}
footer.sitio .logo .lema{display:none}
footer.sitio .bloque p{margin:12px 0 0;font-family:'Plex Cond',Arial,sans-serif;
  font-size:13.5px;color:var(--tinta-3);line-height:1.5;max-width:30rem}
footer.sitio .bloque h2{font-family:'Plex Cond',Arial,sans-serif;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-3);margin:0 0 10px;
  font-weight:600}
footer.sitio .bloque a{display:block;font-family:'Plex Cond',Arial,sans-serif;
  font-size:13.5px;color:var(--tinta-2);text-decoration:none;padding:3px 0}
footer.sitio .bloque a:hover{color:var(--acento)}
footer.sitio .bloque .compartir a{display:grid;padding:0}
footer.sitio .legal{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  border-top:1px solid var(--linea);margin-top:34px;padding-block:16px 20px;
  font-family:'Plex Cond',Arial,sans-serif;font-size:12.5px;color:var(--tinta-3)}

/* ─── Pantallas pequeñas ──────────────────────────────────────────────────*/
@media (max-width:900px){
  .galleta.grande{grid-template-columns:1fr;gap:24px}
  .rejilla,.rejilla.dos{grid-template-columns:repeat(2,1fr);gap:34px 24px}
  footer.sitio .env{grid-template-columns:1fr 1fr}
}
@media (max-width:580px){
  body{font-size:16.5px}
  .env{padding-inline:18px}
  .mast .env{padding-block:22px 0}
  .buscador{flex:1 1 100%;margin-top:16px}
  .rejilla,.rejilla.dos{grid-template-columns:1fr;gap:34px}
  .secciones{margin-top:18px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .secciones a{white-space:nowrap}
  .secciones a.fin{margin-left:0}
  .cuerpo{font-size:17.5px}
  .cuerpo .cifra-suelta{flex-direction:column;gap:4px}
  .credito .compartir{margin-left:0;width:100%}
  form.nuevo .dos{grid-template-columns:1fr}
  footer.sitio .env{grid-template-columns:1fr;gap:26px}
  .mes-linea .mes{flex:0 0 100%}
  .mes-linea .dato{margin-left:0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ─── Impresión ───────────────────────────────────────────────────────────
   Un artículo de investigación se imprime y se subraya. Se quitan la
   navegación, el buscador y los botones de compartir; el texto va a negro. */
@media print{
  .mast,footer.sitio,.compartir,.comentarios,.otros,.cierre-art,.saltar,.orden{display:none}
  body{background:#fff;color:#000;font-size:11pt}
  .col,.env{max-width:100%}
  .cuerpo a::after{content:" (" attr(href) ")";font-size:9pt;color:#555}
  .fuentes{border-top:1.5pt solid #000}
}