*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f4f1ea;color:#252525;font-family:Arial,Helvetica,sans-serif}

.hero{min-height:100vh;position:relative;background-image:linear-gradient(rgba(0,0,0,.03),rgba(0,0,0,.08)),url('../fotos/portada.jpg');background-size:cover;background-repeat:no-repeat;background-position:center 10%;}
.nav{position:absolute;top:0;right:0;display:flex;gap:42px;padding:34px 5vw;z-index:2}
.nav a{color:#24313a;text-decoration:none;text-transform:uppercase;letter-spacing:.18em;font-size:12px}
.nav a:hover{opacity:.58}

.bajar{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);font-size:34px;line-height:1;color:#fff;text-decoration:none;text-shadow:0 1px 8px rgba(0,0,0,.3)}

.galeria-seccion{padding:28px 5vw 55px}
.titulo-seccion{text-align:center;margin:0 auto 18px}
.titulo-seccion h2{font-family:Georgia,'Times New Roman',serif;font-size:30px;font-weight:400;margin:0 0 10px}
.titulo-seccion span{display:block;width:38px;height:1px;background:#888;margin:auto}

.galeria{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1450px;margin:0 auto}
.foto{margin:0;overflow:hidden;background:#ddd;aspect-ratio:3/2;cursor:zoom-in}
.foto:nth-child(3n+1){grid-column:span 2}
.foto:nth-child(5n){aspect-ratio:4/3}
.foto img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .55s ease}
.foto:hover img{transform:scale(1.018);filter:brightness(.97)}

.sobre{max-width:1450px;margin:0 auto;padding:0 5vw 70px}
.sobre>div{border-top:1px solid #c8c2b8;padding:32px 0;display:grid;grid-template-columns:1fr 2fr;gap:40px}
.etiqueta{font-size:12px;letter-spacing:.19em;margin:0}
.sobre p:last-child{font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.65;margin:0;max-width:760px;color:#555}
footer{padding:28px 5vw;text-align:center;background:#171717;color:#aaa;font-size:12px;letter-spacing:.08em}

.lightbox{position:fixed;inset:0;background:rgba(10,10,10,.94);display:none;align-items:center;justify-content:center;z-index:50;padding:30px}
.lightbox.abierto{display:flex}
.lightbox img{max-width:95vw;max-height:92vh;object-fit:contain;box-shadow:0 12px 60px rgba(0,0,0,.45)}
.lightbox button{position:absolute;top:18px;right:24px;background:none;border:0;color:#fff;font-size:42px;cursor:pointer;line-height:1}

@media(max-width:900px){
  .nav{left:0;right:auto;width:100%;justify-content:center;gap:22px;padding:24px 14px}
  .nav a{font-size:10px}
  .hero{background-position:38% 18%}
  .galeria{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foto:nth-child(3n+1){grid-column:span 1}
}

@media(max-width:560px){
  .nav{gap:14px}
  .nav a{letter-spacing:.1em}
  .hero{min-height:82vh;background-position:34% 15%}
  .galeria-seccion{padding-left:10px;padding-right:10px}
  .galeria{grid-template-columns:1fr;gap:10px}
  .foto,.foto:nth-child(5n){aspect-ratio:3/2}
  .sobre>div{grid-template-columns:1fr;gap:18px}
}