❌ Content not found for: peru-dreams-trekkers-explorer-camino-inka-lake-titicaca-puno
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const myTrack = document.querySelector('.my-carousel-track');
        const myImages = document.querySelectorAll('.my-carousel-track img');
        const myPrevBtn = document.querySelector('.my-carousel-btn.prev');
        const myNextBtn = document.querySelector('.my-carousel-btn.next');
        const myWindow = document.querySelector('.my-carousel-window');

        if (!myTrack || !myWindow || myImages.length === 0) {
            return; // Si no hay carrusel, no ejecutes nada
        }

        let myIndex = 0;
        let intervalId;

        function updateMyCarousel() {
            const slideWidth = myWindow.offsetWidth;
            myTrack.style.transform = `translateX(-${slideWidth * myIndex}px)`;
        }

        function goToMyNext() {
            myIndex = (myIndex + 1) % myImages.length;
            updateMyCarousel();
        }

        function goToMyPrev() {
            myIndex = (myIndex - 1 + myImages.length) % myImages.length;
            updateMyCarousel();
        }

        function startAutoSlide() {
            intervalId = setInterval(goToMyNext, 2000);
        }

        function stopAutoSlide() {
            clearInterval(intervalId);
        }

        if (myNextBtn) myNextBtn.addEventListener('click', goToMyNext);
        if (myPrevBtn) myPrevBtn.addEventListener('click', goToMyPrev);
        myWindow.addEventListener('mouseenter', stopAutoSlide);
        myWindow.addEventListener('mouseleave', startAutoSlide);

        window.addEventListener('resize', updateMyCarousel);

        updateMyCarousel();
        startAutoSlide();
    });
</script>

<script>
    document.addEventListener("DOMContentLoaded", () => {
        const tabs = document.querySelectorAll(".tab");
        const sections = [];
        const offset = document.querySelector('.menu-sticky')?.offsetHeight || 100; // altura del sticky

        // Guardamos las secciones que existen
        tabs.forEach(tab => {
            const id = tab.getAttribute("data-target");
            const section = document.getElementById(id);
            if (section) sections.push({
                id,
                section
            });

            // Click smooth scroll con offset
            tab.addEventListener("click", (e) => {
                e.preventDefault();
                const topPos = section.offsetTop - offset - 10; // 10px extra de margen
                window.scrollTo({
                    top: topPos,
                    behavior: "smooth"
                });
            });
        });

        // Detectar scroll y activar botón correcto
        window.addEventListener("scroll", () => {
            let current = "";
            sections.forEach(({
                id,
                section
            }) => {
                const sectionTop = section.offsetTop - offset - 10;
                if (pageYOffset >= sectionTop) {
                    current = id;
                }
            });

            tabs.forEach(tab => {
                tab.classList.remove("active");
                if (tab.getAttribute("data-target") === current) {
                    tab.classList.add("active");
                }
            });
        });
    });
</script>

<script>
    // Seleccionamos todos los headers
    document.querySelectorAll(".tarifa-header-peru-travel").forEach(header => {
        header.addEventListener("click", () => {
            let card = header.parentElement;

            // Cerrar todos los bloques
            document.querySelectorAll(".tarifa-card-peru-travel").forEach(c => {
                if (c !== card) c.classList.remove("active");
            });

            // Alternar solo el clickeado
            card.classList.toggle("active");
        });
    });
</script>