CORAZÓN ORO VVS 5mm | 1 Unidad

Información del producto

. .video-carousel-container { max-width: 800px; margin: 10px auto 8px auto; position: relative; overflow: hidden; padding: 0 10px;}.video-carousel { display: flex; gap: 15px; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 10px;}.video-carousel::-webkit-scrollbar { display: none;}.video-item { flex: 0 0 calc(66.666% - 10px); scroll-snap-align: start; position: relative;}.video-item video { width: 100%; height: auto; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); display: block;}.carousel-dots { display: flex; justify-content: center; gap: 8px; margin-top: 15px; margin-bottom: 0; padding-bottom: 0;}.dot { width: 8px; height: 8px; border-radius: 50%; background: #d0d0d0; cursor: pointer; transition: all 0.3s ease; border: none; padding: 0;}.dot.active { background: #1a3a52; width: 24px; border-radius: 4px;}@media (max-width: 768px) { .video-item { flex: 0 0 calc(70% - 10px); }}@media (max-width: 480px) { .video-carousel-container { padding: 0 5px; } .video-carousel { gap: 10px; } .video-item { flex: 0 0 calc(75% - 8px); }} Así se verán tus VVS. (function() { const carousel = document.getElementById('videoCarouselIcelump'); const dotsContainer = document.getElementById('carouselDotsIcelump'); if (!carousel || !dotsContainer) return; const items = carousel.querySelectorAll('.video-item'); items.forEach((item, index) => { const dot = document.createElement('button'); dot.className = 'dot'; if (index === 0) dot.classList.add('active'); dot.addEventListener('click', () => { const itemWidth = items[0].offsetWidth + 15; carousel.scrollLeft = itemWidth * index; }); dotsContainer.appendChild(dot); }); carousel.addEventListener('scroll', () => { const itemWidth = items[0].offsetWidth + 15; const currentIndex = Math.round(carousel.scrollLeft / itemWidth); dotsContainer.querySelectorAll('.dot').forEach((dot, index) => { dot.classList.toggle('active', index === currentIndex); }); });})();