filterButtons.forEach(btn => { btn.addEventListener('click', () => { filterButtons.forEach(b => b.classList.remove('active')); btn.classList.add('active'); const filter = btn.dataset.filter; cards.forEach(c => { if(filter==='*') c.style.display='block'; else c.dataset.lines.includes(filter)?c.style.display='block':c.style.display='none'; }); }); });

// Lightbox al hacer clic en la imagen const thumbs = document.querySelectorAll('#dispensadores-copy .thumb'); thumbs.forEach(t => { t.addEventListener('click', () => { const src = t.dataset.large; if(src) basicLightbox.create('').show(); }); }); });