/* Carousel */

.gallery {
  background: #EEE;
  /*overflow: hidden;  Opcional: para bordes redondeados */
}

.gallery-cell {
  width: 66%;
  height: auto; /* Altura flexible */
  aspect-ratio: 16/9; /* Relación de aspecto (ajustar según necesidades) */
  margin-right: 10px;
  overflow: hidden;
}

/* Estilos para las imágenes */
.gallery-cell img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Cubre el espacio sin distorsión */
  display: block;
}

/* Elimina el contador anterior */
.gallery-cell:before {
  display: none;
}

/* Responsividad para móviles */
@media (max-width: 768px) {
  .gallery-cell {
    width: 85%; /* Más ancho en dispositivos pequeños */
    aspect-ratio: 4/3; /* Relación diferente para móviles */
  }
}