<div class="top-header"> <div id="custom-slider" class="ticker-frame"> <div class="item ticker-item"> <a href="#newsletter"> Suscríbete al boletín para mantenerte informado</a> </div> <div class="item ticker-item"> <div class="content-message"> Expéditions rapides </div> </div> </div> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function() { const isMobile = window.matchMedia('(max-width: 768px)').matches; const slider = document.getElementById('custom-slider'); if (isMobile) { // Add duplicate items for smooth scrolling effect const items = slider.innerHTML; slider.innerHTML += items; } else { // No scrolling on desktop, items are fixed slider.classList.add('no-scroll'); } }); window.addEventListener('scroll', function() { const header = document.querySelector('header.page-header.type14'); if (window.scrollY > 40) { header.classList.add('scrolled'); } else { header.classList.remove('scrolled'); } }); </script>