/******* Do not edit this file *******
Code Snippets Manager
Saved: Sep 05 2025 | 11:03:44 */
@charset "UTF-8";
/* Contenedor principal del slider */
.slider, .slider-reverse {
  width: 100%;
  overflow: hidden;
  padding: 0;
  position: relative;
  white-space: nowrap;
}
/* Pista del slider normal */
.slider-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 20px;
  width: max-content !important;
  padding: 10px 20px;
  /* padding lateral aumentado */
  animation: scroll 40s linear infinite;
}
/* Pista del slider inverso */
.slider-reverse-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 20px;
  width: max-content !important;
  padding: 10px 20px;
  /* padding lateral aumentado */
  animation: scroll 40s linear infinite reverse;
}
/* Estilo para cada slide */
.slider-track > .gb-container, .slider-reverse-track > .gb-container {
  flex: 0 0 auto;
  width: 25vw;
  min-width: 250px;
  padding: 10px 20px;
  font-size: 20px;
  white-space: normal;
  display: flex;
  flex-direction: column;
  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);
  justify-content: center;
}
/* Animación */
@keyframes scroll {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
/* Ajustes para móviles */
@media screen and (max-width: 768px) {
  .slider-track, .slider-reverse-track {
    animation-duration: 30s !important;
    padding: 10px 20px;
    /* padding lateral aumentado en móvil */
  }
  .slider-track > .gb-container, .slider-reverse-track > .gb-container {
    width: 70vw;
    min-width: 200px;
    padding: 10px 20px;
    font-size: 16px;
  }
  @keyframes scroll-mobile {
    from {
      transform: translateX(0%);
    }
    to {
      transform: translateX(-50%);
    }
  }
}
/* Eliminar margen entre sliders */
.slider + .slider, .slider + .slider-reverse, .slider-reverse + .slider, .slider-reverse + .slider-reverse {
  margin-top: 0;
}