' + '' + '' + '

' + '

Cargando…

'; // documentElement () SIEMPRE existe cuando corre este script del // ; document.body todavía no. Colgamos el splash de body si ya está, // y si no, de para que se pinte AL INSTANTE (es position:fixed, así // que cubre la pantalla igual). Cuando el body aparezca, el overlay sigue // encima sin problema. (document.body || document.documentElement).appendChild(div); } // Inyectamos ya, sin esperar a DOMContentLoaded. Antes se esperaba a ese // evento cuando body no existía, pero DOMContentLoaded no salta hasta que el // documento entero ha llegado (~2s con las queries del panel), así que el // logo aparecía tarde en vez de cubrir la espera. inject(); function hide() { var el = document.getElementById('__zee_splash'); if (!el) return; el.classList.add('zee-hide'); setTimeout(function(){ if(el && el.parentNode) el.parentNode.removeChild(el); }, 300); } // Timeout máximo de seguridad (10s): si algo va mal con la app, no dejar // al usuario mirando el splash eternamente. var safetyTimer = setTimeout(hide, 10000); function ready() { clearTimeout(safetyTimer); // Doble RAF: asegura que React pintó al menos un frame requestAnimationFrame(function(){ requestAnimationFrame(hide); }); } if (document.readyState === 'complete') { ready(); } else { window.addEventListener('load', ready, { once: true }); } })();