document.addEventListener('DOMContentLoaded', function () { const $ = jQuery; const $slider = $('.jet-listing-grid'); if (!$slider.length || typeof $.fn.slick !== 'function') return; // Asegúrate de que slick esté inicializado if (!$slider.hasClass('slick-initialized')) { $slider.slick({ arrows: true, dots: true, }); } // Añadir contenido visual a las flechas si están vacías setTimeout(() => { const $prev = $('.jet-arrow-prev'); const $next = $('.jet-arrow-next'); if ($prev.length && !$prev.text().trim()) $prev.text('‹'); if ($next.length && !$next.text().trim()) $next.text('›'); }, 500); // Control dinámico de dots activos $slider.on('afterChange', function (event, slick, currentSlide) { const $dots = $('.jet-slick-dots li'); $dots.removeClass('slick-active'); let dotIndex = 0; if (currentSlide < slick.slideCount - 1) { dotIndex = Math.min(currentSlide, 2); // hasta el tercero visible } else { dotIndex = 3; // último dot visible } $dots.eq(dotIndex).addClass('slick-active'); }); });