בקבוק מותאם אישית לפי מידה

.marquee-container { width: 100vw; overflow: hidden; background-color: #773232; color: #fff; padding: 10px 0; box-sizing: border-box; } .marquee-track { display: flex; width: max-content; animation: scroll-left 15s linear infinite; } .marquee-content { display: flex; white-space: nowrap; flex-shrink: 0; } .marquee-content p { margin: 0; font-family: "Euclid circular B", Sans-Serif; font-size: 1rem; display: flex; align-items: center; } .dot { opacity: 0.7; margin: 0 20px; font-weight: bold; } @keyframes scroll-left { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } @media (max-width: 768px) { .marquee-track { animation-duration: 30s; } } @media (max-width: 1024px) and (min-width: 769px) { .marquee-track { animation-duration: 25s; } } .marquee-container:hover .marquee-track, .marquee-container:active .marquee-track { animation-play-state: paused; } window.addEventListener('load', function() { setTimeout(function() { var thumbSwipers = document.querySelectorAll('.elementor-thumbnails-swiper'); thumbSwipers.forEach(function(thumb) { if (thumb.swiper) { // 1. Centramos la miniatura activa thumb.swiper.params.centeredSlides = true; // 2. Le decimos a Swiper cuántas miniaturas queremos por fila (ej: 5) thumb.swiper.params.slidesPerView = 5; // 3. Quitamos el espacio entre ellas nativamente thumb.swiper.params.spaceBetween = 0; // Actualizamos el carrusel para que recalcule el bucle infinito correctamente thumb.swiper.update(); thumb.swiper.slideTo(thumb.swiper.activeIndex); } }); }, 500); });