/* ---------------------------------------------------------------------
   TIPOGRAFÍAS PROPIAS
   Se sirven desde este mismo servidor. Ningún lector llama a Google ni
   a ningún tercero para leer esta web: no hay forma de que nadie sepa
   quién nos lee sin pasar por aquí, y no hay dependencia que se caiga.
   --------------------------------------------------------------------- */
@font-face{
  font-family:"Anton";font-style:normal;font-weight:400;font-display:swap;
  src:url("tipos/anton.woff2") format("woff2");
}
@font-face{
  font-family:"Archivo";font-style:normal;font-weight:400 700;font-display:swap;
  src:url("tipos/archivo.woff2") format("woff2");
}

/* ---------------------------------------------------------------------
   LA NOTICIA SIN FILTRO · hoja de estilo única
   Un solo archivo para todo el sitio: cambiar algo aquí lo cambia en
   todas las piezas, publicadas y por publicar.
   --------------------------------------------------------------------- */
:root{
  --negro:#000;
  --carbon:#0E0E10;
  --papel:#F4F3F1;
  --humo:#9A9AA0;
  --tenue:#C9C8CC;
  --rojo:#E1121F;
  --borde:rgba(244,243,241,.14);
  --display:"Anton","Arial Narrow",Impact,sans-serif;
  --texto:"Archivo","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--negro);color:var(--papel);
  font-family:var(--texto);font-size:17px;line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}
img{max-width:100%}

/* --- Cabecera --- */
.sf-cab{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:26px clamp(20px,5vw,56px);border-bottom:2px solid var(--rojo);
}
.sf-marca{font-weight:700;font-size:15px;letter-spacing:.24em;text-transform:uppercase;text-decoration:none}
.sf-marca em{color:var(--rojo);font-style:normal}
.sf-nav{display:flex;gap:8px;flex-wrap:wrap}
.sf-nav a{
  display:inline-flex;align-items:center;min-height:44px;padding:0 16px;
  border:1px solid var(--borde);text-decoration:none;color:var(--humo);
  font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  transition:color .15s,border-color .15s;
}
.sf-nav a:hover{color:var(--papel);border-color:var(--papel)}

/* --- Portada --- */
.sf-portada{padding:clamp(44px,7vw,84px) clamp(20px,5vw,56px) 0;max-width:1180px;margin:0 auto}
.sf-kicker{font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--rojo);margin:0 0 18px}
.sf-titulo{
  font-family:var(--display);font-weight:400;text-transform:uppercase;
  font-size:clamp(2.8rem,9vw,6rem);line-height:.88;margin:0 0 20px;
}
.sf-titulo span{display:block;color:var(--rojo)}
.sf-lema{color:var(--tenue);max-width:52ch;margin:0 0 clamp(36px,5vw,56px);font-size:clamp(1rem,1.6vw,1.15rem)}

.sf-rejilla{display:grid;gap:1px;background:var(--borde);border-top:1px solid var(--borde);border-bottom:1px solid var(--borde)}
@media(min-width:760px){.sf-rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.sf-rejilla{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sf-tarjeta{background:var(--negro);padding:clamp(22px,3vw,30px);display:flex;flex-direction:column;gap:12px}
.sf-tarjeta:hover{background:var(--carbon)}
.sf-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sf-seccion{
  display:inline-block;padding:4px 10px;border:1px solid var(--rojo);color:var(--rojo);
  font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
}
.sf-fecha{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--humo)}
.sf-tarjeta .sf-meta{flex-direction:column;align-items:flex-start;gap:8px}
.sf-tarjeta h2{font-family:var(--display);font-weight:400;text-transform:uppercase;
  font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.02;margin:0}
.sf-tarjeta h2 a{text-decoration:none}
.sf-tarjeta h2 a:hover{color:var(--rojo)}
.sf-tarjeta p{margin:0;color:var(--humo);font-size:15px;line-height:1.55}

/* --- Pieza --- */
.sf-envol{max-width:760px;margin:0 auto;padding:clamp(36px,6vw,72px) clamp(20px,5vw,24px) 0}
.sf-eyebrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 26px}
.sf-envol h1{
  font-family:var(--display);font-weight:400;text-transform:uppercase;
  font-size:clamp(1.85rem,4.4vw,3rem);line-height:1.0;margin:0 0 24px;text-wrap:balance;
}
.sf-entradilla{
  font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.5;color:var(--tenue);
  margin:0 0 36px;padding-bottom:30px;border-bottom:1px solid var(--borde);
}
.sf-cuerpo p{margin:0 0 1.5em}
.sf-cuerpo h2{font-family:var(--display);font-weight:400;text-transform:uppercase;
  font-size:clamp(1.25rem,3vw,1.7rem);line-height:1.1;margin:2.4em 0 .8em}
.sf-cuerpo strong{color:#fff}
.sf-nosabe{border-left:3px solid var(--rojo);padding:4px 0 4px 22px;margin:2.6em 0}
.sf-nosabe h2{margin-top:0}
.sf-llevas{background:var(--carbon);border-top:2px solid var(--rojo);
  padding:clamp(24px,4vw,34px);margin:3em 0 0}
.sf-llevas h2{margin-top:0}
.sf-llevas p:last-child{margin-bottom:0}

/* --- Fuentes --- */
.sf-fuentes{margin:3em 0 0;padding-top:28px;border-top:1px solid var(--borde);font-size:14px;color:var(--humo)}
.sf-fuentes h2{font-family:var(--texto);font-size:11px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--humo);margin:0 0 14px}
.sf-fuentes ul{margin:0;padding:0 0 0 1.1em}
.sf-fuentes li{margin-bottom:9px;line-height:1.5}
.sf-fuentes a{color:var(--papel);text-decoration-color:var(--rojo);text-underline-offset:3px}
.sf-fuentes a:hover{color:var(--rojo)}
.sf-metodo{margin-top:22px;padding:16px 18px;border:1px solid var(--borde);
  font-size:13px;line-height:1.55;color:var(--humo)}

/* --- Pie --- */
.sf-pie{margin-top:clamp(48px,8vw,90px);padding:34px clamp(20px,5vw,24px) 56px;
  border-top:1px solid var(--borde);text-align:center;
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--humo)}
.sf-pie em{color:var(--rojo);font-style:normal}