:root{--negro:#0E0E0E;--gris:#6b6b6b;--linea:#e8e8e8}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--negro);font:17px/1.6 Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;padding:14px max(16px,calc((100% - 1180px)/2));background:var(--negro);color:#fff}
.logo{display:flex;align-items:baseline;gap:10px}
.logo b{font:900 36px/1 Montserrat,sans-serif;letter-spacing:-1px}
.logo span{font:600 12px Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#aaa}
nav{display:flex;gap:20px;font:800 14px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.06em}
nav a{border-bottom:3px solid transparent;padding:4px 0}
nav a:hover{border-color:var(--c)}
main{max-width:1180px;margin:0 auto;padding:28px 16px 64px}
.sec{display:inline-block;align-self:flex-start;font:800 12px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--t);background:var(--c);padding:4px 10px;border-radius:99px}
.grilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:36px 26px}
.nota{display:flex;flex-direction:column;gap:9px;border-top:4px solid var(--c);padding-top:14px}
.nota img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px;background:#eee}
.nota h2{font:800 22px/1.2 Montserrat,sans-serif;margin:0;letter-spacing:-.3px}
.nota:hover h2{text-decoration:underline;text-decoration-color:var(--c);text-decoration-thickness:4px}
.nota p{margin:0;color:#444;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
time{font-size:13px;color:var(--gris)}
.grande{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:36px;align-content:center;border-top:0;padding:0 0 32px;margin-bottom:32px;border-bottom:1px solid var(--linea)}
.grande img{grid-column:1;grid-row:1/span 5;aspect-ratio:4/5;max-height:640px}
.grande>:not(img){grid-column:2}
.grande .sec{margin-top:auto}
.grande h2{font-size:clamp(30px,4vw,48px);letter-spacing:-1px}
.grande p{font-size:18px;-webkit-line-clamp:5}
.grande time{margin-bottom:auto}
article{max-width:720px;margin:0 auto}
article h1{font:900 clamp(30px,5vw,48px)/1.1 Montserrat,sans-serif;letter-spacing:-1px;margin:16px 0 14px}
.bajada{font:400 21px/1.45 "Source Serif 4",Georgia,serif;color:#333;margin:0 0 10px}
figure{margin:24px 0}figure img{width:100%;border-radius:10px}figcaption{font-size:13px;color:var(--gris);margin-top:6px}
.texto{margin-top:24px}
.texto p{font:400 19px/1.7 "Source Serif 4",Georgia,serif;margin:0 0 1.1em}
.fuentes{font-size:14px;color:var(--gris);border-top:1px solid var(--linea);padding-top:14px}
.fuentes a{text-decoration:underline}
.titulo-sec{font:900 44px/1 Montserrat,sans-serif;margin:0 0 28px;padding-bottom:8px;border-bottom:6px solid var(--c);display:inline-block}
.vacio{color:var(--gris);padding:80px 0;text-align:center}
footer{background:var(--negro);color:#aaa;text-align:center;padding:28px 16px;font-size:13px;line-height:1.7}
footer b{color:#fff;font-family:Montserrat,sans-serif}
@media(max-width:760px){.grande{grid-template-columns:1fr}.grande>*{grid-column:1!important;grid-row:auto!important}.grande img{max-height:none}nav{gap:14px}}