/* ==========================================================================
   lightbox-local.css — Refuerzo mínimo del visor (clon imarnet.net)
   --------------------------------------------------------------------------
   El visor completo ya viene en assets/site.css (heredado de Squarespace),
   incluidos sus estados:
       .gallery-lightbox                   { display:none }
       .gallery-lightbox[data-open='true'] { display:flex + animación }
       .gallery-lightbox-item              { opacity:0 }
       .gallery-lightbox-outer-wrapper[data-lightbox='false'] .gallery-lightbox-controls { display:none }

   Aquí solo se añade lo que ese CSS no cubre: forzar el ocultado del wrapper
   externo (que en Squarespace lo gestionaba el JS) y asegurar el z-index.
   NO se toca el display de .gallery-lightbox ni de los items: hacerlo rompía
   el layout y dejaba las imágenes a 0x0.
   ========================================================================== */

/* El contenedor externo se muestra/oculta desde el JS. Sin el JS propietario
   no hay nada que lo oculte, así que se fija aquí el estado cerrado. */
.gallery-lightbox-outer-wrapper {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 99999;
}

/* Cuando el JS lo abre, se muestra a pantalla completa. */
.gallery-lightbox-outer-wrapper[aria-hidden="false"] {
  display: block;
}

/* Bloqueo de scroll del fondo mientras está abierto */
html:has(.gallery-lightbox-outer-wrapper[aria-hidden="false"]) {
  overflow: hidden;
}

/* Cursor de cierre sobre el fondo y sobre la imagen ampliada */
.gallery-lightbox-background,
.gallery-lightbox-item-img {
  cursor: zoom-out;
}

/* Asegurar que las imágenes del visor nunca desbordan su caja */
.gallery-lightbox-item-img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}