/* Presentación de bienvenida PHONEX */
html.intro-pending{overflow:hidden}
.welcome-intro{position:fixed;inset:0;z-index:1000;display:none;place-items:center;overflow:hidden;background:#030303;color:#fff;opacity:1;transition:opacity .48s ease}
html.intro-pending .welcome-intro{display:grid}
.welcome-intro.is-leaving{opacity:0;pointer-events:none}
.welcome-intro.is-playing .welcome-video{opacity:1}
.welcome-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#030303;opacity:0;transition:opacity .48s ease,filter .48s ease}
.welcome-red-glow{position:absolute;inset:-25%;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,#d82f3b26 0%,#d82f3b12 24%,transparent 56%),linear-gradient(180deg,#0005,transparent 30%,#0007);mix-blend-mode:screen;animation:welcome-glow 3.2s ease-in-out both}
@keyframes welcome-glow{0%{opacity:.28}45%{opacity:.72}100%{opacity:.45}}
.welcome-logo{position:relative;z-index:2;display:block;width:min(78vw,880px);height:auto;max-height:52vh;object-fit:contain;opacity:0;transform:scale(.97);filter:drop-shadow(0 0 28px #d82f3b5c);transition:opacity .48s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.welcome-intro.is-logo .welcome-logo{opacity:1;transform:scale(1)}
.welcome-intro.is-logo .welcome-video{opacity:.22;filter:blur(2px) brightness(.58)}
.welcome-intro.is-static .welcome-video{display:none}
.welcome-skip{position:absolute;z-index:4;top:24px;right:28px;padding:9px 13px;border:1px solid #ffffff5a;border-radius:999px;background:#1119;color:#f5f3f2;font:500 12px 'DM Sans',sans-serif;backdrop-filter:blur(12px);cursor:pointer;transition:background .2s,border-color .2s}
.welcome-skip:hover,.welcome-skip:focus-visible{background:#d82f3b42;border-color:#e34b55;outline:2px solid #e34b5555;outline-offset:2px}
.welcome-skip span{margin-left:7px;color:#ff6159}
@media(max-width:650px){.welcome-logo{width:88vw;max-height:36vh}.welcome-skip{top:16px;right:16px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.welcome-intro,.welcome-video,.welcome-logo,.welcome-red-glow{transition:none!important;animation:none!important}.welcome-intro.is-static .welcome-logo{transform:none}}
/* Difuminado del clip para integrarlo al negro de la pantalla */
.welcome-video{z-index:1;mask-image:radial-gradient(ellipse at center,#000 46%,#000e 66%,#0008 80%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse at center,#000 46%,#000e 66%,#0008 80%,transparent 100%)}
.welcome-video-backdrop{position:absolute;z-index:0;inset:-12%;width:124%;height:124%;object-fit:cover;object-position:center;opacity:0;filter:blur(42px) brightness(.42) saturate(1.4);transform:scale(1.08);transition:opacity .8s ease,filter .8s ease;pointer-events:none}
.welcome-intro.is-playing .welcome-video{opacity:1}
.welcome-intro.is-playing .welcome-video-backdrop{opacity:.46}
.welcome-intro.is-logo .welcome-video{opacity:.22;filter:blur(2px) brightness(.58)}
.welcome-intro.is-logo .welcome-video-backdrop{opacity:.62;filter:blur(50px) brightness(.36) saturate(1.5)}
.welcome-intro.is-static .welcome-video,.welcome-intro.is-static .welcome-video-backdrop{display:none}

/* La imagen del logo viene sobre negro: este modo funde el fondo con el video de presentación */
.welcome-logo{mix-blend-mode:normal}