.hero{display:grid;gap:20px}
@media (min-width:960px){
  .hero{grid-template-columns:repeat(3,1fr);grid-template-areas:"hero hero hero" "piso artes eventos";}
}
.tile{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);background:#000;color:#fff}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,.65), rgba(0,0,0,.2))}
.tile .content{position:absolute;left:0;right:0;bottom:0;padding:18px}
.tile.hero-xl{grid-area:hero;aspect-ratio:16/6}
.tile.piso,.tile.artes,.tile.eventos{aspect-ratio:16/10}
.eyebrow{display:inline-block;background:var(--amarillo);color:#000;font:700 12px/1 Montserrat,sans-serif;padding:6px 10px;border-radius:999px;margin-bottom:10px}