/******* Do not edit this file *******
Code Snippets Manager
Saved: Apr 23 2026 | 07:17:26 */
@charset "UTF-8";
/* Corrección de la pista para asegurar el movimiento */
.slider-track, .slider-reverse-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  /* Crucial para que el flex no se colapse */
  gap: 20px;
  padding: 10px 20px;
  will-change: transform;
}
/* Aplicación de la animación */
.slider-track {
  animation: scroll 40s linear infinite;
}
.slider-reverse-track {
  animation: scroll 40s linear infinite reverse;
}
/* Estilo de los elementos con dimensiones fijas */
.slider-track > .gb-container, .slider-reverse-track > .gb-container {
  flex: 0 0 25vw;
  /* No permite que el elemento se encoja (shrink: 0) */
  min-width: 250px;
  aspect-ratio: 0.8333333333;
  height: auto;
  padding: 10px 20px;
  white-space: normal;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.11);
  border: 1px solid var(--fondo);
  border-radius: 18px;
  box-shadow: 3px 3px 4px 1px var(--gris-hover);
  overflow: hidden;
}
/* Ajuste de imagen interna */
.slider-track > .gb-container img, .slider-reverse-track > .gb-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Animación estándar */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
  /* Requiere que el HTML tenga el doble de elementos */
}
/* Ajustes para móviles */
@media screen and (max-width: 768px) {
  .slider-track > .gb-container, .slider-reverse-track > .gb-container {
    flex: 0 0 70vw;
    min-width: 200px;
    aspect-ratio: 0.8333333333;
  }
}
/* =========================
   FORZAR COMPORTAMIENTO MÓVIL
   ========================= */
.slider-movil {
  overflow-x: auto !important;
  display: block;
}
/* =========================
   SLIDER MÓVIL (NUEVO)
   ========================= */
.slider-movil {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
}
/* 🔴 IMPORTANTE: este es tu nuevo track */
.slider-track-movil {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  gap: 20px;
  padding: 10px 20px;
  animation: none !important;
  /* ❌ sin movimiento automático */
  transform: none !important;
}
/* Slides (reutilizamos tu estilo) */
.slider-track-movil > .gb-container {
  flex: 0 0 70vw;
  min-width: 200px;
  aspect-ratio: 0.8333333333;
  height: auto;
  padding: 10px 20px;
  white-space: normal;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.11);
  border: 1px solid var(--fondo);
  border-radius: 18px;
  box-shadow: 3px 3px 4px 1px var(--gris-hover);
  overflow: hidden;
  scroll-snap-align: center;
}
/* Imágenes */
.slider-track-movil img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}