/* Fondo inmediato (evita ver la página “en blanco”) */ html{ background:#0f2a1e; } /* Ocultamos SOLO el lienzo de Elementor mientras carga, no el html */ html:not(.page-ready) .elementor{ opacity:0; filter:none !important; transform:none !important; will-change: opacity; } /* Cuando todo está listo, mostramos */ html.page-ready .elementor{ opacity:1; transition: opacity .18s ease; } /* Extras que evitan flashes raros */ html,body{ width:100%; max-width:100%; overflow-x:clip; /* sin horizontal */ -webkit-text-size-adjust:100%; } img,video,iframe{max-width:100%;height:auto;display:block} /* Marca la página como “lista” lo antes posible y fuerza un repintado en iOS */ (function(){ function ready(){ // pequeño reflow para iOS/Safari document.documentElement.style.webkitTransform='translateZ(0)'; setTimeout(()=>{ document.documentElement.style.webkitTransform=''; }, 120); document.documentElement.classList.add('page-ready'); } // Si CSS y DOM ya están, mostramos; si no, esperamos al load if (document.readyState === 'complete') { ready(); } else { // en cuanto el DOM está, mostramos (mejor UX que esperar a todas las imágenes) document.addEventListener('DOMContentLoaded', ready); // respaldo por si algún script bloquea: al 'load' también window.addEventListener('load', ready); } })();