document.getElementById('botoncompensar').addEventListener('click', function() {    
    const popupDiv = document.getElementById('popapcompensar');
    if (!popupDiv) return;
    const contenido = `
    <div class="contenido-popapcompensar">
            <button onclick="cerrarpopapcompensar()" class="popup-cerrar-popapcompensar">x</button>
            <div class="popup-popapcompensar-contenido">
            <div class="popapcompensar-imagen">
            <img src="img/practicas/logo-social.png   " alt="Imagen de ejemplo">
            </div>
            <div class="popapcompensar-texto">
            <h2>aliansa para  pasantias con compensar </h2>
            <p>¡Bienvenido a la alianza para pasantías con Compensar! Aquí encontrarás información sobre las oportunidades de práctica profesional disponibles para los estudiantes.</p>
            <ul>
                <li> tecnicos o tecnologos de programacion</li>
                <li> tecnicos o tecnologos de redes</li>
                <li> tecnicos o tecnologos de soporte</li>
                <li> tecnologos de desarrollo de software</li>

                <li> tecnicos o tecnologos de seguridad informatica</li>
                <li> tecnicos o tecnologos de  marketing</li>
            </ul>
            </div>
            </div>
            </div>
    `;
    popupDiv.innerHTML = contenido;
    popupDiv.style.display = 'block';
}
);

function cerrarpopapcompensar() {
    const popupDiv = document.getElementById('popapcompensar');
    if (!popupDiv) return;
    popupDiv.style.display = 'none';
}

