// Oculta/Exibe o menu suavemente consoante o Scroll let lastScrollTop = 0; const header = document.querySelector('.header-wrapper') || document.querySelector('header'); if (header) { header.style.transition = 'transform 0.4s ease, background-color 0.4s ease'; window.addEventListener('scroll', () => { let scrollTop = window.pageYOffset || document.documentElement.scrollTop; if (scrollTop > lastScrollTop && scrollTop > 100) { // Rolar para baixo -> Esconde o header header.style.transform = 'translateY(-100%)'; } else { // Rolar para cima -> Mostra o header header.style.transform = 'translateY(0)'; } lastScrollTop = scrollTop <= 0 ? 0 : scrollTop; }); }