<!--
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"));
});