https://abogadoquiroga.com/static/blog/js/video-slider.js?v=1.0

1/**
2 * video-slider.js - Quiroga Law Office
3 * Flechas de navegación para el carrusel de "Mis Videos" en portada.
4 */
5(function () {
6    'use strict';
7
8    document.querySelectorAll('.videos-slider').forEach(slider => {
9        const track = slider.querySelector('[data-slider-track]');
10        const prevBtn = slider.querySelector('[data-slider-prev]');
11        const nextBtn = slider.querySelector('[data-slider-next]');
12        if (!track || !prevBtn || !nextBtn) return;
13
14        const scrollByCards = (direction) => {
15            const card = track.querySelector('.update-card');
16            const step = card ? card.getBoundingClientRect().width + 16 : track.clientWidth * 0.8;
17            track.scrollBy({ left: direction * step * 2, behavior: 'smooth' });
18        };
19
20        prevBtn.addEventListener('click', () => scrollByCards(-1));
21        nextBtn.addEventListener('click', () => scrollByCards(1));
22    });
23})();