/* Fix final: fuerza la galería como carrusel también en computadora */
#galeria .gallery-carousel {
  width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) 48px !important;
  align-items: center !important;
  gap: 12px !important;
  overflow: hidden !important;
}

#galeria .gallery-carousel .gallery-grid {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  grid-template-columns: none !important;
  grid-auto-flow: unset !important;
  grid-auto-columns: unset !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  gap: 16px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  padding: 8px 2px 18px !important;
  scrollbar-width: thin !important;
}

#galeria .gallery-carousel .gallery-item,
#galeria .gallery-carousel .gallery-item:nth-child(1),
#galeria .gallery-carousel .gallery-item:nth-child(5) {
  display: block !important;
  flex: 0 0 calc((100% - 48px) / 4) !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc((100% - 48px) / 4) !important;
  grid-column: auto !important;
  scroll-snap-align: start !important;
}

#galeria .gallery-carousel .gallery-item.hidden {
  display: none !important;
}

#galeria .gallery-carousel .gallery-item img {
  width: 100% !important;
  height: 320px !important;
  min-height: 320px !important;
  object-fit: cover !important;
  display: block !important;
}

#galeria .gallery-carousel-btn {
  display: grid !important;
  place-items: center !important;
  z-index: 5 !important;
}

@media (max-width: 1359px) {
  #galeria .gallery-carousel .gallery-item,
  #galeria .gallery-carousel .gallery-item:nth-child(1),
  #galeria .gallery-carousel .gallery-item:nth-child(5) {
    flex-basis: calc((100% - 32px) / 3) !important;
    max-width: calc((100% - 32px) / 3) !important;
  }
}

@media (max-width: 959px) {
  #galeria .gallery-carousel .gallery-item,
  #galeria .gallery-carousel .gallery-item:nth-child(1),
  #galeria .gallery-carousel .gallery-item:nth-child(5) {
    flex-basis: calc((100% - 16px) / 2) !important;
    max-width: calc((100% - 16px) / 2) !important;
  }
}

@media (max-width: 640px) {
  #galeria .gallery-carousel {
    grid-template-columns: 1fr !important;
  }

  #galeria .gallery-carousel-btn {
    display: none !important;
  }

  #galeria .gallery-carousel .gallery-item,
  #galeria .gallery-carousel .gallery-item:nth-child(1),
  #galeria .gallery-carousel .gallery-item:nth-child(5) {
    flex-basis: 82vw !important;
    max-width: 82vw !important;
  }

  #galeria .gallery-carousel .gallery-item img {
    height: 285px !important;
    min-height: 285px !important;
  }
}