.diario-page,.diario-article-page{background:#fff;color:var(--black)}
.diario-head{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1.05fr) minmax(280px,.72fr);gap:clamp(35px,6vw,92px);align-items:start;padding:105px 0 80px}
.diario-head .eyebrow{font:800 .78rem/1 Montserrat,sans-serif;letter-spacing:.16em;color:var(--wine);margin:11px 0 0}
.diario-head h1{font:800 clamp(3.2rem,6vw,6.6rem)/.9 Sora,Montserrat,sans-serif;letter-spacing:-.065em;margin:0;text-transform:uppercase}
.diario-head>div{padding-top:8px}
.diario-head>div p{font-size:1rem;margin:0 0 18px}
.diario-filters{display:flex;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:18px;padding-bottom:18px;margin-bottom:64px;overflow-x:auto}
.diario-filters button{border:0;background:transparent;color:#625d5f;padding:4px 0;font:700 .76rem/1.2 Montserrat,sans-serif;letter-spacing:.04em;white-space:nowrap;cursor:pointer}
.diario-filters button.active{color:var(--wine);box-shadow:0 2px 0 var(--coral)}
.diario-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:64px 24px;padding-bottom:115px}
.diario-card{grid-column:span 4}
.diario-card:nth-child(5n+3),.diario-card:nth-child(5n+4){grid-column:span 6}
.diario-card.featured{grid-column:1/-1;display:block;margin-bottom:18px}
.diario-card[hidden]{display:none}
.diario-card>a{display:block;color:inherit;text-decoration:none}
.diario-card-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--cream)}
.diario-card.featured>a{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);overflow:hidden;background:var(--black);color:#fff}
.diario-card.featured .diario-card-image{width:100%;min-width:0;height:clamp(420px,45vw,540px);min-height:0;aspect-ratio:auto;isolation:isolate}
.diario-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.diario-card-image.poster-photo img{object-fit:contain;background:var(--black)}
.diario-card-image.courtesy-photo img{transform:scale(1.32)}
.diario-card-copy{padding:22px 0 0}
.diario-card.featured .diario-card-copy{min-width:0;align-self:end;padding:50px}
.diario-card h2{font:800 clamp(1.45rem,2.3vw,2.5rem)/1.02 Sora,Montserrat,sans-serif;letter-spacing:-.045em;margin:0 0 13px}
.diario-card.featured h2{font-size:clamp(2.6rem,4.5vw,5.2rem);line-height:.94}
.diario-card p{font-size:.9rem;line-height:1.5;margin:0;color:#625d5f}
.diario-card.featured p{color:#ddd}
.diario-card a:hover img,.diario-card a:focus-visible img{transform:scale(1.035)}
.diario-card a:hover .courtesy-photo img,.diario-card a:focus-visible .courtesy-photo img{transform:scale(1.36)}
.diario-card a:focus-visible{outline:4px solid var(--coral);outline-offset:4px}
.article-hero{position:relative;min-height:690px;background:var(--black);color:#fff;overflow:hidden}
.article-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 36%}
.article-hero.poster-photo>img{object-fit:contain}
.article-hero .shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,6,8,.94),rgba(8,6,8,.12) 74%)}
.article-hero.clear-title .shade{background:linear-gradient(0deg,rgba(8,6,8,.98) 0%,rgba(8,6,8,.76) 42%,rgba(8,6,8,.12) 82%)}
img[src$="atleta1.jpg"]{object-position:center 38%}
img[src$="diario-triple-salto.webp"]{object-position:center 34%}
img[src$="diario-atleta-joven.webp"]{object-position:center 27%}
img[src$="campus-solidario-dana.jpg"]{object-position:center 42%}
img[src$="FotoVoluntariosMemorial.jpg"]{object-position:center 40%}
img[src$="brno-competicion.jpg"]{object-position:center 38%}
img[src$="memorial-2025.jpg"]{object-position:center 34%}
img[src$="diario-premiados-memorial.webp"]{object-position:center 32%}
img[src$="memorial-2026.jpg"]{object-position:center 31%}
img[src$="diario-publico-memorial.webp"]{object-position:center 33%}
img[src$="diario-recta-sprint.webp"]{object-position:center 36%}
img[src$="diario-equipo-club.webp"]{object-position:center 39%}
img[src$="diario-salto-altura.webp"]{object-position:center 31%}
img[src$="academia-atletica.jpg"]{object-position:center 39%}
img[src$="diario-salto-vuelo.webp"]{object-position:center 34%}
img[src$="diario-nino-100-popular.webp"]{object-position:center 28%}
.article-hero .wrap{position:relative;min-height:690px;display:flex;flex-direction:column;justify-content:flex-end;padding-top:90px;padding-bottom:72px}
.article-hero .back{align-self:flex-start;color:#fff;text-decoration:none;text-transform:uppercase;font:800 .74rem/1 Montserrat,sans-serif;letter-spacing:.14em;margin-bottom:27px}
.article-hero h1{max-width:1050px;font:800 clamp(3rem,6.3vw,6.7rem)/.9 Sora,Montserrat,sans-serif;letter-spacing:-.065em;margin:0 0 28px}
.article-hero p{max-width:780px;font-size:clamp(1.05rem,1.6vw,1.34rem);line-height:1.5;margin:0;color:#f2eff0}
.photo-credit{position:absolute;right:14px;bottom:10px;z-index:3;color:#fff;font-size:.62rem;line-height:1.2;text-shadow:0 1px 4px rgba(0,0,0,.9)}
.article-body{max-width:800px;padding:92px 0 95px}
.article-body p{font-size:1.08rem;line-height:1.8;margin:0 0 25px}
.article-body p:first-child{font-size:1.2rem;font-weight:600}
.article-body a{color:var(--wine);text-decoration-thickness:1px;text-underline-offset:3px}
.related{border-top:1px solid var(--line);padding-top:58px;padding-bottom:110px}
.related>h2{font:800 clamp(2.5rem,5vw,5.2rem)/.9 Sora,Montserrat,sans-serif;letter-spacing:-.055em;margin:0 0 48px;text-transform:uppercase}
.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.related a{color:inherit;text-decoration:none}
.related img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:20px}
.related-photo-wrap{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;margin-bottom:20px;background:var(--cream)}
.related-photo-wrap img{display:block;height:100%;margin:0}
.related-photo-wrap.poster-photo img{object-fit:contain;background:var(--black)}
.related-photo-wrap.courtesy-photo img{transform:scale(1.32)}
.related h3{font:800 clamp(1.25rem,1.8vw,1.9rem)/1.05 Sora,Montserrat,sans-serif;letter-spacing:-.035em;margin:0 0 10px}
.related p{font-size:.82rem;color:#625d5f;margin:0}
@media(max-width:980px){
  .diario-head{grid-template-columns:1fr 2fr}.diario-head>div{grid-column:2}
  .diario-card{grid-column:span 6}.diario-card:nth-child(5n+3),.diario-card:nth-child(5n+4){grid-column:span 6}
  .diario-card.featured>a{grid-template-columns:1fr}.diario-card.featured .diario-card-image{min-height:0}.diario-card.featured .diario-card-copy{padding:36px}
}
@media(max-width:1050px){
  .diario-card.featured>a{grid-template-columns:minmax(0,1fr)}
  .diario-card.featured .diario-card-image{height:auto;min-height:0;aspect-ratio:16/9}
  .diario-card.featured .diario-card-copy{padding:36px}
}
@media(max-width:680px){
  .diario-head{display:block;padding:68px 0 52px}.diario-head .eyebrow{margin-bottom:24px}.diario-head h1{font-size:clamp(3rem,14vw,4.5rem);margin-bottom:34px}
  .diario-filters{margin-bottom:42px}.diario-grid{display:block;padding-bottom:70px}.diario-card,.diario-card.featured{margin:0 0 52px}.diario-card.featured .diario-card-copy{padding:27px}.diario-card.featured h2{font-size:2.4rem}
  .article-hero,.article-hero .wrap{min-height:610px}.article-hero .wrap{padding-bottom:48px}.article-hero h1{font-size:clamp(2.75rem,13vw,4.6rem)}
  .article-hero>img[src$="FotoVoluntariosMemorial.jpg"]{object-position:52% 38%}
  .article-hero>img[src$="brno-competicion.jpg"]{object-position:47% 36%}
  .article-hero>img[src$="diario-equipo-club.webp"]{object-position:46% 36%}
  .article-body{padding:65px 0}.article-body p{font-size:1rem;line-height:1.72}.related{padding-bottom:75px}.related>div{grid-template-columns:1fr;gap:44px}
}