window.addEventListener("scroll", function() {
    var nav = document.querySelector(".main-nav");
    // Si el scroll es mayor a 50px, añade 'active', si no, la quita
    nav.classList.toggle("active", window.scrollY > 50);
});