El MVP

Entra a El MVP #elmvp-overlay { position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100dvh !important; z-index: 2147483647 !important; display: none; align-items: center; justify-content: center; box-sizing: border-box; padding: 18px; margin: 0 !important; background: rgba(3, 9, 20, 0.96); isolation: isolate; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; } #elmvp-overlay.is-open { display: flex !important; } #elmvp-modal { position: relative !important; z-index: 2147483647 !important; width: min(1500px, 97vw); height: min(940px, 96dvh); max-width: none !important; max-height: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box; background: #050b16; border: 1px solid #e62161; overflow: hidden; box-shadow: 0 30px 100px rgba(0,0,0,.9); } #elmvp-frame { display: block; width: 100% !important; height: 100% !important; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0; background: #050b16; } #elmvp-reopen { position: fixed !important; right: 22px !important; bottom: 22px !important; z-index: 2147483646 !important; display: none; align-items: center; justify-content: center; gap: 9px; padding: 14px 20px; margin: 0; border: 0; border-radius: 4px; background: #e62161; color: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: 900; line-height: 1; text-transform: uppercase; white-space: nowrap; cursor: pointer; box-shadow: 0 10px 35px rgba(0,0,0,.55); appearance: none; -webkit-appearance: none; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; } #elmvp-reopen.is-visible { display: flex !important; } #elmvp-reopen:hover { background: #bf174b; } #elmvp-reopen:focus-visible { outline: 3px solid #fff; outline-offset: 2px; } @media (max-width: 700px) { #elmvp-overlay { padding: 0 !important; align-items: stretch; justify-content: stretch; } #elmvp-modal { width: 100vw !important; height: 100dvh !important; border: 0 !important; box-shadow: none; } #elmvp-reopen { right: max(12px, env(safe-area-inset-right)) !important; bottom: max(12px, env(safe-area-inset-bottom)) !important; padding: 13px 17px; font-size: 12px; } } ⚽ Jugar a El MVP (function(){ 'use strict'; const MVP_ORIGIN='https://vadiniaeditorial.es'; const overlay=document.getElementById('elmvp-overlay'); const modal=document.getElementById('elmvp-modal'); const frame=document.getElementById('elmvp-frame'); const reopen=document.getElementById('elmvp-reopen'); if(!overlay||!modal||!frame||!reopen)return; /* Sacamos el popup de cualquier stacking context del CMS. */ document.body.appendChild(overlay); document.body.appendChild(reopen); let htmlOverflowAnterior=''; let bodyOverflowAnterior=''; function bloquearScroll(){ htmlOverflowAnterior=document.documentElement.style.overflow; bodyOverflowAnterior=document.body.style.overflow; document.documentElement.style.setProperty('overflow','hidden','important'); document.body.style.setProperty('overflow','hidden','important'); } function liberarScroll(){ if(htmlOverflowAnterior) document.documentElement.style.overflow=htmlOverflowAnterior; else document.documentElement.style.removeProperty('overflow'); if(bodyOverflowAnterior) document.body.style.overflow=bodyOverflowAnterior; else document.body.style.removeProperty('overflow'); } function abrirMVP(){ overlay.classList.add('is-open'); overlay.setAttribute('aria-hidden','false'); reopen.classList.remove('is-visible'); bloquearScroll(); } function cerrarMVP(){ overlay.classList.remove('is-open'); overlay.setAttribute('aria-hidden','true'); liberarScroll(); reopen.classList.add('is-visible'); } reopen.addEventListener('click',abrirMVP); /* Clic en el fondo oscuro: cierra. */ overlay.addEventListener('click',event=>{ if(event.target===overlay)cerrarMVP(); }); /* Evitar que un clic dentro de la ventana llegue al overlay. */ modal.addEventListener('click',event=>event.stopPropagation()); /* Escape en escritorio. */ document.addEventListener('keydown',event=>{ if(event.key==='Escape'&&overlay.classList.contains('is-open'))cerrarMVP(); }); /* * La X está DENTRO de vadiniaeditorial.es. * El MVP envía postMessage al padre y aquí cerramos el modal. * Validamos origen y ventana para no aceptar mensajes ajenos. */ window.addEventListener('message',event=>{ if(event.origin!==MVP_ORIGIN)return; if(event.source!==frame.contentWindow)return; if(!event.data||typeof event.data!=='object')return; if(event.data.type==='elmvp:close')cerrarMVP(); }); /* Anticopy de la envolvente exterior. */ const editable=el=>{ if(!el)return false; const tag=(el.tagName||'').toUpperCase(); return tag==='INPUT'||tag==='TEXTAREA'||tag==='SELECT'||el.isContentEditable; }; ['copy','cut','selectstart'].forEach(type=>{ overlay.addEventListener(type,event=>{ if(!editable(event.target))event.preventDefault(); }); }); overlay.addEventListener('contextmenu',event=>{ if(!editable(event.target))event.preventDefault(); }); overlay.addEventListener('dragstart',event=>event.preventDefault()); /* Apertura automática. */ function iniciarMVP(){setTimeout(abrirMVP,500);} if(document.readyState==='complete')iniciarMVP(); else window.addEventListener('load',iniciarMVP,{once:true}); })();