document.addEventListener('DOMContentLoaded', function () { // Crear overlay si no existe var overlay = document.getElementById('popup-overlay'); if (!overlay) { overlay = document.createElement('div'); overlay.id = 'popup-overlay'; document.body.appendChild(overlay); } // Popup por clase (por si hay duplicados móvil/escritorio) var popup = document.querySelector('.popup-libreta'); var shown = false; function openPopup() { if (shown) return; if (popup && overlay) { popup.style.display = 'block'; overlay.style.display = 'block'; shown = true; window.removeEventListener('scroll', onScroll); } } function closePopup() { if (popup && overlay) { popup.style.display = 'none'; overlay.style.display = 'none'; } } // --- Disparador por scroll (compatible) --- function getScrollTop() { // fallback para distintos navegadores return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0; } function onScroll() { if (shown) return; var scrolled = getScrollTop(); // Abre a los 600px o al pasar 35% de la página (lo que ocurra antes) var pageH = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight); var viewportH = window.innerHeight || document.documentElement.clientHeight || 0; var percent = (scrolled + viewportH) / pageH; if (scrolled > 600 || percent > 0.35) { openPopup(); } } window.addEventListener('scroll', onScroll); // Plan B: si no hubo scroll, abre a los 10s setTimeout(function () { if (!shown) openPopup(); }, 10000); // Cerrar clicando fuera overlay.addEventListener('click', closePopup); // Cerrar con botón "X" dentro del popup (class="close-popup") document.addEventListener('click', function (e) { if (e.target && e.target.classList && e.target.classList.contains('close-popup')) { closePopup(); } }); });