<script>
  
document.addEventListener('DOMContentLoaded', function() {
  
  	const screenSizeTimeline = 767; 
  
    let originalTopCards = [];

    // Función que guarda las tarjetas originales
    function saveOriginalCards() {
        const topGrid = document.querySelector('.fb-path-timeline__grid--top');
        originalTopCards = Array.from(topGrid.querySelectorAll('.fb-path-timeline__card'));
    }

    // Función que mueve las tarjetas
    function moveCards() {
        const topGrid = document.querySelector('.fb-path-timeline__grid--top');
        const bottomGrid = document.querySelector('.fb-path-timeline__grid--bottom');

        if (window.innerWidth <= screenSizeTimeline) {
            // Mover tarjetas de top a bottom intercaladas
            originalTopCards.forEach((card, index) => {
                const position = (index + 1) * 2 - 1;
                if (bottomGrid.children.length >= position) {
                    bottomGrid.insertBefore(card, bottomGrid.children[position]);
                } else {
                    bottomGrid.appendChild(card);
                }
            });
        } else {
            // Devolver todas las tarjetas a top
            originalTopCards.forEach(card => {
                if (!topGrid.contains(card)) {
                    topGrid.appendChild(card);
                }
            });
        }
    }

    // Función throttle para optimizar el resize
    function throttle(func, limit) {
        let lastFunc;
        let lastRan;
        return function() {
            const context = this;
            const args = arguments;
            if (!lastRan) {
                func.apply(context, args);
                lastRan = Date.now();
            } else {
                clearTimeout(lastFunc);
                lastFunc = setTimeout(function() {
                    if ((Date.now() - lastRan) >= limit) {
                        func.apply(context, args);
                        lastRan = Date.now();
                    }
                }, limit - (Date.now() - lastRan));
            }
        };
    }

    // Guardar las tarjetas originales al cargar la página
    saveOriginalCards();

    // Ejecutar la función al cargar la página
    moveCards();

    // Ejecutar la función throttle cuando la ventana cambia de tamaño
    window.addEventListener('resize', throttle(moveCards, 1000));
});



</script>