.news-hero h1{font-size:clamp(3rem,7vw,6.8rem);line-height:.9;margin:0}
.news-hero h1 em{font-family:"Playfair Display",serif;color:#ffdcdf}
.news-hero{background:#181818;color:#fff;padding:9rem max(1.25rem,calc((100% - var(--max))/2));position:relative;overflow:hidden}
.news-hero:after{content:"NOVEDADES";position:absolute;right:-.05em;bottom:-.2em;font-size:clamp(6rem,17vw,15rem);font-weight:700;color:#ffffff08;line-height:1}
.news-hero>*{position:relative;z-index:1}
.news-hero>p:last-child{max-width:650px;color:#bbb;font-size:1.1rem}
.news-grid{max-width:var(--max);margin:auto;padding:7rem 1.25rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.news-grid article{position:relative;background:#fff;padding:clamp(2rem,5vw,4rem);min-height:470px;overflow:hidden}
.news-grid article:nth-child(2){background:#e7e3dc}
.news-grid article>span{position:absolute;right:.1em;top:-.3em;font-size:9rem;font-weight:700;color:#eee}
.news-grid article:nth-child(2)>span{color:#d7d2c9}
.news-grid article>*:not(span){position:relative}
.news-grid h2{font-size:clamp(2rem,3.8vw,3.4rem);line-height:1.03;margin:.4rem 0 1.2rem}
.news-grid article>p:not(.eyebrow){color:var(--muted)}
.news-grid article>b{display:inline-block;margin-top:2rem;background:#111;color:#fff;padding:.55rem .75rem;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}
@media(max-width:900px){
.news-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
.news-grid{padding-top:4.5rem;padding-bottom:4.5rem}
.news-hero{padding-top:6rem;padding-bottom:6rem}
.news-grid article{min-height:0;padding:2rem}
}
@media(max-width:640px){
.news-hero h1{font-size:clamp(2.25rem,9.5vw,3.8rem);line-height:1.08}
}
/* Estilos específicos de novedades. Los componentes comunes están en /styles.css. */
.news-grid{scroll-margin-top:1rem}