
:root{--papel:#F6F5F1;--tinta:#17191C;--gris:#5E6168;--linea:#D9D6CE;--rojo:#B3261E;--ocre:#B87A22;--caja:#FFFFFF}
@media (prefers-color-scheme:dark){:root{--papel:#121315;--tinta:#ECEAE4;--gris:#A3A6AD;--linea:#2B2D31;--rojo:#E2574C;--ocre:#D9A04A;--caja:#1A1B1E}}
*{box-sizing:border-box}h1,h2,h3{overflow-wrap:break-word}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font:18px/1.6 "Source Serif 4",Georgia,serif}
a{color:inherit}a:focus-visible{outline:3px solid var(--ocre);outline-offset:2px}
.env{max-width:1120px;margin:0 auto;padding:0 16px}
header.cab{background:#0E1014;color:#F4F2EC;padding:18px 16px 14px;text-align:center;margin:0 -16px}
.cab .fecha{color:#A9ACB3!important}.cab .lema{color:#C9C7C0!important}
.ultimo{display:flex;gap:14px;align-items:center;background:var(--rojo);color:#fff;margin:0 -16px;padding:8px 16px;font:700 14px "Archivo",system-ui,sans-serif;overflow:hidden;white-space:nowrap}
.ultimo b{background:#fff;color:var(--rojo);padding:2px 8px;flex:none}.ultimo a{text-decoration:none;overflow:hidden;text-overflow:ellipsis}
.cab .fecha{font:600 13px/1 "Archivo",system-ui,sans-serif;color:var(--gris);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.cab h1{overflow-wrap:break-word;font:800 clamp(34px,11vw,96px)/.9 "Archivo",system-ui,sans-serif;font-stretch:75%;letter-spacing:-.02em;margin:14px 0 6px;text-transform:uppercase}
.cab h1 a{text-decoration:none}
.cab .lema{font-style:italic;color:var(--gris);margin:0}
nav.sec{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;border-bottom:1px solid var(--tinta);padding:10px 0;font:700 15px "Archivo",system-ui,sans-serif}
nav.sec a{text-decoration:none}nav.sec a[aria-current]{color:var(--rojo)}
.anuncio{border:1px dashed var(--linea);color:var(--gris);text-align:center;padding:22px 12px;margin:22px 0;font:600 13px "Archivo",system-ui,sans-serif;background:var(--caja)}
.anuncio b{display:block;color:var(--tinta);font-size:15px;margin-bottom:2px}
.portada{display:grid;grid-template-columns:2fr 1fr;gap:28px;margin-top:24px}
@media (max-width:820px){.portada{grid-template-columns:1fr}}
.heroe{position:relative;display:block;color:#fff;text-decoration:none;background:#0E1014}
.heroe img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;opacity:.92}
.heroe .sobre{position:absolute;inset:auto 0 0 0;padding:60px 24px 22px;background:linear-gradient(transparent,rgba(8,9,12,.92))}
.heroe h2{color:#fff;margin:6px 0 0!important}
.etq{display:inline-block;background:var(--rojo);color:#fff;font:800 13px "Archivo",system-ui,sans-serif;padding:4px 10px;letter-spacing:.02em}
.cred{font:12px "Archivo",system-ui,sans-serif;color:var(--gris);margin:6px 0 0}
.lista article{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:start}
.lista article img,.rejilla img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.rejilla img{aspect-ratio:16/10;margin-bottom:8px}
.lider h2{font:800 clamp(28px,4.2vw,44px)/1.05 "Archivo",system-ui,sans-serif;font-stretch:85%;margin:14px 0 8px}
.lider h2 a,.lista h3 a,.rejilla h3 a{text-decoration:none}
.lider h2 a:hover,.lista h3 a:hover,.rejilla h3 a:hover{text-decoration:underline;text-decoration-color:var(--rojo)}
.meta{font:600 13px "Archivo",system-ui,sans-serif;color:var(--gris)}
.meta .s{color:var(--rojo)}
.lista{border-left:1px solid var(--linea);padding-left:24px}
@media (max-width:820px){.lista{border-left:0;padding-left:0;border-top:1px solid var(--tinta);padding-top:12px}}
.lista article{padding:12px 0;border-bottom:1px solid var(--linea)}
.lista h3,.rejilla h3{font:700 20px/1.2 "Archivo",system-ui,sans-serif;margin:4px 0}
.rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:8px 0 40px}
@media (max-width:820px){.rejilla{grid-template-columns:1fr}}
.rejilla article{border-top:2px solid var(--tinta);padding-top:10px}
.rejilla p{margin:6px 0 0;font-size:16px;color:var(--gris)}
h2.tit{font:800 14px "Archivo",system-ui,sans-serif;text-transform:none;border-top:1px solid var(--tinta);padding-top:8px;margin:34px 0 10px;color:var(--rojo)}
.nota{max-width:720px;margin:30px auto}
.nota h1{font:800 clamp(30px,5vw,48px)/1.05 "Archivo",system-ui,sans-serif;font-stretch:85%;margin:8px 0 14px}
.nota img{width:100%;height:auto;border:1px solid var(--linea);margin:10px 0}
.nota .cuerpo{font-size:20px}
.fuente{background:var(--caja);border-left:4px solid var(--ocre);padding:12px 16px;font-size:16px;margin:20px 0}
.comp{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.comp a{font:700 14px "Archivo",system-ui,sans-serif;padding:10px 16px;border:1.5px solid var(--tinta);text-decoration:none;border-radius:2px}
.comp a:hover{background:var(--tinta);color:var(--papel)}
footer{border-top:4px double var(--tinta);margin-top:40px;padding:18px 0 40px;font:14px/1.5 "Archivo",system-ui,sans-serif;color:var(--gris)}
.vacio{padding:60px 0;text-align:center;color:var(--gris)}
