/*
 * Conqr · intro.css
 * Port exacto del <style> de #intro en fuente/index.html (sección 3).
 * Solo se carga en las páginas que tienen el widget Conqr Intro (inc/intro.php).
 */

#intro{position:fixed; inset:0; z-index:200; background:#000 radial-gradient(circle closest-side at 50% 50%,#0D1A5C 0%,#0A1240 30%,#040820 62%,#000 100%); background-size:124vmax 124vmax; background-position:center; background-repeat:no-repeat; overflow:hidden; contain:strict}
#intro canvas{position:absolute; inset:0; width:100%; height:100%; display:block}
#intro .i-vig{position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%)}
#intro .i-word{position:absolute; left:50%; top:50%; opacity:0; will-change:clip-path,opacity}
#intro .i-word img{display:block; width:100%; height:100%}
#intro .i-skip{position:absolute; right:clamp(16px,3vw,40px); bottom:clamp(16px,3vw,32px); background:none; border:0; color:rgba(255,255,255,.55); font:500 12px/1 "Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; padding:10px 4px}
#intro .i-skip:hover,#intro .i-skip:focus-visible{color:#fff}

/* No está en el original. Neutraliza button/:hover/:focus de Hello (reset.css) y el outline global. */
#intro .i-skip,#intro .i-skip:hover,#intro .i-skip:focus{border-radius:0; box-shadow:none; transition:none; background:none}

/* No está en el original. La compuerta en <head> (inc/intro.php) marca html.cq-intro-off cuando la
   intro no debe salir (cambio de idioma, navegación interna o ya vista en la sesión): no se pinta ni un frame. */
.cq-intro-off #intro{display:none}

/* Editor de Elementor: el widget se dibuja en su lugar, sin cubrir la página, con el último frame. */
#intro.cq-intro--editor{position:relative; inset:auto; z-index:auto; width:100%; height:100vh}

/* No está en el original (no tiene esos plugins). Mientras la intro cubre la pantalla, el botón de
   accesibilidad (Ally, #ea11y-root) y el banner de cookies (#cookiez-banner) quedaban encima y el botón
   de Ally tapaba Skip. Se ocultan solo mientras #intro está en el DOM; vuelven al retirarse. */
body:has(> #intro:not(.cq-intro--editor)) > #ea11y-root,
body:has(> #intro:not(.cq-intro--editor)) > #cookiez-banner{visibility:hidden}