/** Shopify CDN: Minification failed

Line 65:0 Expected "}" to go with "{"

**/
/* 1. Ocultamos la barra de scroll */
.scrolly {
  overflow: hidden !important;
}

/* 2. Cambiamos a flexbox para la animación continua */
.carouselPre {
  display: flex !important;
  gap: 20px;
  width: max-content !important;
  padding: 10px;
  animation: autoScrollCSS 50s linear infinite alternate;
}

/* Pausar animación al pasar el mouse por si alguien quiere leer */
.carouselPre:hover, 
.carouselPre:active {
  animation-play-state: paused;
}

/* 3. TAMAÑO EXACTO DE LAS TARJETAS (Resuelve el problema del tamaño enorme) */
.carouselPre li {
  width: 137px !important; /* Tamaño exacto original para PC (1200px) */
  flex-shrink: 0 !important;
}

/* 4. Mantenemos tus proporciones responsivas originales */
@media only screen and (max-width: 1200px) {
  .carouselPre li {
    width: calc((100vw - 104px) / 8) !important;
  }
}

@media only screen and (max-width: 1050px) {
  .carouselPre li {
    width: calc((100vw - 84px) / 7) !important;
  }
}

@media only screen and (max-width: 750px) {
  .carouselPre li {
    width: 66vw !important; /* Mantiene el 66% que tenías para móvil */
  }
}

/* 5. El motor del movimiento */
@keyframes autoScrollCSS {
  0%, 5% {
    transform: translateX(0);
  }
  95%, 100% {
    /* Mueve todo el carrusel y frena justo en la última tarjeta */
    transform: translateX(calc(-100% + 100vw - 44px));
  }
}

/* 6. Apagamos los botones manuales */
#leftRevie, #rightRevie {