.lightbox-3 .lightbox {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr); /* 6 columnas de tamaño igual */
  grid-auto-rows: 1fr; /* Las filas se ajustan automáticamente al contenido */
  gap: 10px;
  width: 100%;
}
.lightbox {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr); /* 6 columnas de tamaño igual */
  grid-auto-rows: 1fr; /* Las filas se ajustan automáticamente al contenido */
  gap: 10px;
  width: 100%;
}
.lightbox .image {
  position: relative;
  width: 100% !important;
  height: 100%;
  overflow: hidden;
}

.lightbox .image::before {
  content: "";
  display: block;
  padding-top: 100%; /* Mantiene la proporción 1:1 de la imagen por defecto */
}

.lightbox .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Asegura que la imagen se recorte para cubrir completamente el área */
  display: block;
  /* Aseguramos que la imagen ocupe todo el espacio de la celda */
}
.lightbox-3 .lightbox .image:nth-child(1) { grid-column: span 3; grid-row: span 3; aspect-ratio: 1 / 1;}
.lightbox-3 .lightbox .image:nth-child(2) { grid-column: span 1; grid-row: span 1; aspect-ratio: 1 / 1;}
.lightbox-3 .lightbox .image:nth-child(3) { grid-column: span 2; grid-row: span 1; aspect-ratio: 2 / 1;}
.lightbox-3 .lightbox .image:nth-child(4) { grid-column: span 1; grid-row: span 1; aspect-ratio: 1 / 1;}
.lightbox-3 .lightbox .image:nth-child(5) { grid-column: span 2; grid-row: span 1; aspect-ratio: 2 / 1;}
.lightbox-3 .lightbox .image:nth-child(6) { grid-column: span 1; grid-row: span 1; aspect-ratio: 1 / 1;}
.lightbox-3 .lightbox .image:nth-child(7) { grid-column: span 2; grid-row: span 1; aspect-ratio: 2 / 1;}
.lightbox-3 .lightbox:has(.image:nth-child(18)) .image:nth-child(8) {
    grid-column: span 3;
    grid-row: span 3;
    aspect-ratio: 1 / 1; /* o el valor que necesites */
}


  .fade-in-section {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  will-change: opacity, transform;
}

.fade-in-section.is-visible {
  opacity: 1;
  transform: translateY(0);
}