// Inicializar Swiper con configuración mejorada document.addEventListener('DOMContentLoaded', function() { const swiper = new Swiper('.cursosSwiper', { slidesPerView: 1, spaceBetween: 30, loop: true, centeredSlides: true, autoplay: { delay: 5000, disableOnInteraction: false, }, pagination: { el: '.swiper-pagination', clickable: true, dynamicBullets: true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, breakpoints: { 640: { slidesPerView: 1, centeredSlides: true, }, 768: { slidesPerView: 2, centeredSlides: false, spaceBetween: 20, }, 1024: { slidesPerView: 3, centeredSlides: false, spaceBetween: 30, }, 1280: { slidesPerView: 3, centeredSlides: false, spaceBetween: 30, }, }, }); // Reiniciar íconos de Lucide después de que Swiper cargue swiper.on('slideChange', function() { lucide.createIcons(); }); });