/* * Preloader — JET Corrosión * Colores de marca con fallback por si el tema no expone las CSS vars. */ /* Bloqueo de scroll mientras el loader está visible. */ html.jetc-preloader-lock, html.jetc-preloader-lock body { overflow: hidden; } #jetc-preloader { position: fixed; inset: 0; z-index: 99999; display: none; /* Gating por JS: solo se muestra si tiene la clase `js`. */ align-items: center; justify-content: center; background-color: var(--color-ink, #0e0e10); opacity: 1; transition: opacity 0.5s ease; --jetc-preloader-accent: var(--color-red, #d8162b); } /* Reutiliza la clase `.js` que el tema ya añade a muy temprano. */ html.js #jetc-preloader { display: flex; } /* Capa de imagen de fondo (la URL llega inline en el div contenedor). */ #jetc-preloader .jetc-preloader__bg { position: absolute; inset: 0; background-image: inherit; background-size: cover; background-position: center; background-repeat: no-repeat; /* Velo oscuro para legibilidad de la barra sobre cualquier imagen. */ box-shadow: inset 0 0 0 100vmax rgba(14, 14, 16, 0.55); } #jetc-preloader .jetc-preloader__inner { position: relative; z-index: 1; width: min(340px, 72vw); text-align: center; } #jetc-preloader .jetc-preloader__bar { width: 100%; height: 4px; border-radius: 999px; background: rgba(244, 241, 236, 0.18); /* track claro sobre fondo oscuro */ overflow: hidden; } #jetc-preloader .jetc-preloader__fill { display: block; height: 100%; width: 0; border-radius: inherit; background: var(--jetc-preloader-accent); transition: width 0.35s ease; } #jetc-preloader .jetc-preloader__pct { margin: 0.9rem 0 0; color: var(--color-white, #f4f1ec); font-family: var(--font-sans, 'Afacad', 'Helvetica Neue', Arial, sans-serif); font-size: 0.85rem; letter-spacing: 0.08em; font-variant-numeric: tabular-nums; } /* Estado de salida. */ #jetc-preloader.is-done { opacity: 0; pointer-events: none; } @media (prefers-reduced-motion: reduce) { #jetc-preloader, #jetc-preloader .jetc-preloader__fill { transition: none; } }