const navbar = document.getElementById('navbar');

window.addEventListener('scroll', () => {
    if (window.scrollY <= 20) {
        navbar.classList.remove('small');  // Mostrar el logo grande
        navbar.classList.add('expanded');  // Aplicar la clase expandida
    } else {
        navbar.classList.remove('expanded'); // Quitar la expansión
        navbar.classList.add('small');  // Cambiar al logo pequeño
    }
});
/*
document.addEventListener('DOMContentLoaded', function () {
    const menuButton = document.querySelector('.menu-button');
    const navLinks = document.querySelector('.nav-links');

    menuButton.addEventListener('click', function () {

        navLinks.classList.toggle('active'); // Alternar la clase 'active' para mostrar/ocultar el menú

        menuButton.disabled = true;

        setTimeout(() => {
            menuButton.disabled = false;
        }, 10);
    });
});
*/

const menuButton = document.querySelector('.menu-button');
const navLinks = document.querySelector('.nav-links');

menuButton.addEventListener('click', () => {
    if (navLinks.classList.contains('active')) {
        navLinks.classList.remove('active'); // Ocultar el menú
    } else {
        navLinks.classList.add('active'); // Mostrar el menú
    }
    menuButton.disabled = true;

    setTimeout(() => {
        menuButton.disabled = false;
    }, 10);
});

// Para cerrar el menú si se hace clic fuera de él (opcional)
document.addEventListener('click', (event) => {
    if (!menuButton.contains(event.target) && !navLinks.contains(event.target)) {
        navLinks.classList.remove('active'); // Ocultar el menú
    }
});