style> #popup { display: none; /* Ocultar la sección por defecto */ position: fixed; /* Posición fija para mantenerla en la pantalla */ top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); /* Fondo negro semi-transparente */ z-index: 9999; /* Z-index alto para que esté por encima de todo */ justify-content: center; /* Centrar horizontalmente */ align-items: center; /* Centrar verticalmente */ padding: 10px; /* Espaciado interno */ } #popup > .elementor-container { background-color: #fff; /* Color de fondo de la sección */ max-width: 500px; /* Ancho máximo de la sección */ border-radius: 5px; /* Bordes redondeados */ box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); /* Sombra */ padding: 10px; /* Espaciado interno */ margin: 0; /* Eliminar margen para permitir centrar con Flexbox */ max-height: 90vh; /* Limitar la altura máxima para evitar desbordamiento vertical */ overflow-y: auto; /* Habilitar el desplazamiento si el contenido es demasiado alto */ } #popup.show-popup { display: flex; /* Mostrar la sección como flexbox */ } script> document.addEventListener("DOMContentLoaded", function() { var popupSection = document.getElementById("popup"); // Reemplaza "tu-id-de-seccion" con el ID de tu sección en Elementor // Agregar la clase "show-popup" para mostrar el pop-up al cargar la página popupSection.classList.add("show-popup"); // Cerrar el pop-up al hacer clic fuera del contenido popupSection.addEventListener("click", function(event) { if (event.target === popupSection) { popupSection.classList.remove("show-popup"); } }); });