document.addEventListener('DOMContentLoaded', function() {
    fetch('https://portal.ucol.mx/cms/contador-visitas/', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify({
            url: window.location.href
        })
    }).then(response => response.text()).then(visitas => {
        var newDiv = document.createElement("div");
        newDiv.className = "text-center text-dark";
        newDiv.style.marginBottom = '-100px';
        newDiv.innerHTML = `ERES EL VISITANTE <span class="d-block text-secondary h3 fw-bold">${visitas}</span>`;

        // Obtener el primer hijo de la sección footer
        var footerSection = document.querySelector('.footer-section');
        var firstChild = footerSection.firstChild;

        // Insertar el nuevo div antes del primer hijo de .footer-section
        footerSection.insertBefore(newDiv, firstChild);
    });
});