/* --- Ajustes para Glightbox en Móvil --- */

/* Forzar Flechas VISIBLES y POSICIONADAS */
.glightbox-mobile .gprev,
.glightbox-mobile .gnext {
  display: flex !important;
  opacity: 1 !important;
  position: absolute !important;
  bottom: 120px !important;
  top: auto !important;
  z-index: 99999 !important;
  background: rgba(0, 0, 0, 0.7) !important;
  padding: 8px !important;
  border-radius: 4px !important;
}

.glightbox-mobile .gprev {
  left: 8px !important;
}

.glightbox-mobile .gnext {
  right: 8px !important;
}

/* Título: fondo negro ajustado texto */
.glightbox-mobile .glightbox-container .gslide-title {
  display: block !important;
  background: rgba(0, 0, 0, 0.75) !important;
  text-shadow: none !important;
  padding: 4px 12px !important;
  border-radius: 4px !important;
  margin: 0 auto 0 auto !important;
  /* Centrado con auto + margen inferior */
  font-size: 1rem !important;
  color: #fff !important;
  width: fit-content !important;
}

/* Descripción (precio): fondo negro ajustado texto */
.glightbox-mobile .glightbox-container .gslide-desc {
  display: block !important;
  background: rgba(0, 0, 0, 0.75) !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  margin: 0 auto !important;
  /* Centrado con auto */
  font-size: 0.9rem !important;
  color: #fff !important;
  width: fit-content !important;
}

/* Contenedor: Flex column para apilar y centrar */
.glightbox-mobile .glightbox-container .gslide-description {
  background: transparent !important;
  padding: 10px 0 60px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Imagen: que ocupe el ancho completo sin márgenes negros */
.glightbox-mobile .gslide-image img {
  max-height: 75vh !important;
  object-fit: cover !important;
  width: 100vw !important;
  max-width: 100vw !important;
}