/* Unika — overrides para reglas de Squarespace que dependian de JS removido */

/* SS lazy loader añadia .loaded class via JS. Sin ese JS, estas reglas de
   site.css ocultan TODAS las imagenes:
     img:not(.loaded) { opacity: 0 }
     img { opacity: 0 }
     img.loading { opacity: 0 }
   Las matamos todas con !important. */
img {
  opacity: 1 !important;
}

/* SS section-background tiene background-color solido (var(--siteBackgroundColor))
   que tapa el background-image del <section> padre en secciones hero. */
.film-grain-section .section-background {
  background-color: transparent !important;
}
.film-grain-section .section-background::after {
  display: none !important;
}

/* SS gallery items tambien tienen opacity hidden hasta que JS marca loaded */
.gallery-grid-item,
.gallery-grid-item img,
.gallery-grid-item-wrapper,
.list-item-image-wrapper img,
.sqs-image-content img {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Eliminar gaps entre secciones */
.unika-hero + * {
  margin-top: 0 !important;
}
.page-section,
.unika-hero,
.unika-categories-section {
  margin: 0 !important;
  border: none !important;
}
/* El section-border de SS a veces crea espacio visible */
.section-border {
  border: none !important;
}