.galeria-page{display:block}

.galeria-hero{position:relative;height:90vh;display:flex;align-items:center}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.6),rgba(0,0,0,0.2))}
.hero-content{position:relative;max-width:480px;margin-left:5%;display:flex;flex-direction:column;gap:1rem;color:#fff}
.hero-content p{color:#f0eee9}

.galeria-intro .intro-inner{max-width:640px;margin-inline:auto;text-align:center}

.galeria-grid{display:flex;flex-direction:column;gap:1rem}
.section-desc{max-width:900px}

.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}

.grid-3 > *, .grid-2 > *{min-width:0}

.galeria-highlight{background:var(--surface-secondary);padding:4rem 0}
.highlight-inner{max-width:420px}

.cards-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.cards-3 > *{min-width:0}

.galeria-cta{max-width:520px;margin-inline:auto}

@media (max-width:900px){
.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:600px){
.galeria-hero{height:auto;padding:4rem 1rem}
.hero-content{margin:0 auto;text-align:center}
.grid-3,.grid-2,.cards-3{grid-template-columns:1fr}
}