<!-- document.addEventListener("DOMContentLoaded", function () { const switcher = document.querySelector(".site-switcher"); const personaBtn = document.querySelector(".switch-btn.persona"); const animalBtn = document.querySelector(".switch-btn.animal"); function setActive(type) { personaBtn.classList.remove("active"); animalBtn.classList.remove("active"); switcher.classList.remove("persona", "animal"); if (type === "persona") { personaBtn.classList.add("active"); switcher.classList.add("persona"); } else { animalBtn.classList.add("active"); switcher.classList.add("animal"); } } const url = window.location.href; if (url.includes("/vetcare")) { setActive("animal"); } else { // Por defecto: humana setActive("persona"); } // Hover listeners personaBtn.addEventListener("mouseenter", () => switcher.classList.add("hover-persona")); personaBtn.addEventListener("mouseleave", () => switcher.classList.remove("hover-persona")); animalBtn.addEventListener("mouseenter", () => switcher.classList.add("hover-animal")); animalBtn.addEventListener("mouseleave", () => switcher.classList.remove("hover-animal")); }); --> document.addEventListener("DOMContentLoaded", function () { const switcher = document.querySelector(".site-switcher1"); const personaBtn = document.querySelector(".switch-btn1.persona1"); const animalBtn = document.querySelector(".switch-btn1.animal1"); function setActive(type) { personaBtn.classList.remove("active"); animalBtn.classList.remove("active"); switcher.classList.remove("persona1", "animal1"); if (type === "persona1") { personaBtn.classList.add("active"); switcher.classList.add("persona1"); } else { animalBtn.classList.add("active"); switcher.classList.add("animal1"); } } // Detecta URL if (window.location.href.includes("/vetcare")) { setActive("animal1"); } else if (window.location.href.includes("/humana")) { setActive("persona1"); } // Hover listeners personaBtn.addEventListener("mouseenter", () => switcher.classList.add("hover-persona1")); personaBtn.addEventListener("mouseleave", () => switcher.classList.remove("hover-persona1")); animalBtn.addEventListener("mouseenter", () => switcher.classList.add("hover-animal1")); animalBtn.addEventListener("mouseleave", () => switcher.classList.remove("hover-animal1")); });