/* ============================================================
   GALERÍA — Grilla fija (1 grande + 4 pequeñas) con la foto
   completa y la caja siempre llena.
   Se carga al final en: reservas-santiago.html, calama.html,
   antofagasta.html y vinadelmar.html
   ============================================================ */

/* 1) Columnas */
.galeria .gallery-block-row{
  align-items:stretch !important;
}
.galeria .gallery-col-large,
.galeria .gallery-col-small{
  height:auto !important;
}
.galeria .gallery-small-grid{
  height:auto !important;
}

/* 2) Tamaños originales de la grilla */
.galeria .gallery-item-large{
  height:496px !important;
  aspect-ratio:auto !important;
  width:100% !important;
  max-width:100% !important;
}
.galeria .gallery-item-small{
  height:242px !important;
  aspect-ratio:auto !important;
  width:100% !important;
  max-width:100% !important;
}

/* 3) La caja: marco limpio con la foto difuminada de fondo
      (así no quedan franjas vacías y la foto entra entera) */
.galeria .gallery-item{
  position:relative !important;
  overflow:hidden !important;
  border-radius:8px;
  background:#ececec;
  height:auto;
}
.galeria .gallery-item::before{
  content:"";
  position:absolute;
  inset:-6%;
  background-image:var(--gal-img);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  filter:blur(18px) saturate(1.15);
  transform:scale(1.08);
  opacity:.55;
  pointer-events:none;
  z-index:0;
}
.galeria .gallery-item::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(255,255,255,.35);
  pointer-events:none;
  z-index:0;
}

/* 4) La foto real, completa y centrada encima */
.galeria .gallery-item img,
.galeria .gallery-item-large img,
.galeria .gallery-item-small img{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  background:transparent !important;
  transform:none !important;
}

/* 5) El overlay y el botón por encima de todo */
.galeria .gallery-item .overlay{
  z-index:2 !important;
  align-items:center !important;
  justify-content:center !important;
}

/* 6) Móvil: misma grilla, cajas proporcionales */
@media (max-width:991px){
  .galeria .gallery-item-large,
  .galeria .gallery-item-small{
    height:auto !important;
    aspect-ratio:4 / 3 !important;
  }
}