/*! © 2026 UltrAgentes-IA — Todos los derechos reservados. Código protegido; prohibida su copia sin autorización escrita. */
/* Intro v9 — cinematic refinement */
:root{--iv-cyan:#63e6ff;--iv-violet:#8b5cf6}
#stage{background:radial-gradient(circle at 50% 42%,#101b37 0,#070b16 38%,#020308 100%)}
#stage::before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(110deg,transparent 15%,rgba(99,230,255,.035) 42%,transparent 60%);transform:translateX(-100%);animation:ivSweep 4s ease-in-out 1s infinite}
@keyframes ivSweep{60%,100%{transform:translateX(100%)}}
.skip-btn{top:22px;left:auto;right:24px;transform:none;padding:10px 16px;background:rgba(6,11,23,.64);border-color:rgba(99,230,255,.2)}
.audio-btn{width:44px;height:44px;background:rgba(6,11,23,.68)}
.progress-track{height:4px;background:rgba(255,255,255,.035)}
.progress-fill{background:linear-gradient(90deg,#63e6ff,#3b82f6,#8b5cf6,#ec4899)}
.intro-status{position:absolute;left:50%;top:24px;z-index:30;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid rgba(99,230,255,.16);border-radius:99px;background:rgba(5,9,20,.58);backdrop-filter:blur(18px);color:rgba(221,238,255,.68);font:600 9px/1 'Orbitron',sans-serif;letter-spacing:.15em;text-transform:uppercase}
.intro-status-dot{width:6px;height:6px;border-radius:50%;background:#5cf2ad;box-shadow:0 0 12px #5cf2ad;animation:ivPulse 1.4s ease-in-out infinite}
@keyframes ivPulse{50%{opacity:.4;transform:scale(.7)}}
.scene::after{content:"";position:absolute;width:min(650px,72vw);aspect-ratio:1;border-radius:50%;z-index:-1;background:conic-gradient(from 0deg,transparent,rgba(99,230,255,.13),transparent 28%,rgba(139,92,246,.12),transparent 65%);filter:blur(28px);animation:ivRotate 16s linear infinite}
@keyframes ivRotate{to{transform:rotate(360deg)}}
.ph1 img,.ph2 img,.ph3 img{filter:saturate(1.08) contrast(1.04)}
.reveal{padding:28px;border-radius:30px}
.reveal::before{content:"";position:absolute;inset:-30%;z-index:-1;background:radial-gradient(circle,rgba(16,24,49,.86),rgba(3,5,12,.15) 48%,transparent 70%);filter:blur(28px)}
.r-brand{filter:drop-shadow(0 15px 35px rgba(0,0,0,.5))}.r-wordmark{letter-spacing:-.045em}.r-tagline{max-width:520px;text-align:center;line-height:1.6}
.r-cta{position:relative;overflow:hidden;isolation:isolate;box-shadow:0 18px 70px rgba(99,230,255,.22),inset 0 1px rgba(255,255,255,.4)}
.r-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.55),transparent 60%);transform:translateX(-130%);animation:ivButton 2.8s ease-in-out infinite}
@keyframes ivButton{70%,100%{transform:translateX(130%)}}
.intro-hint{position:absolute;left:24px;bottom:25px;z-index:30;color:rgba(190,213,239,.36);font:500 8px/1 'Orbitron',sans-serif;letter-spacing:.14em;text-transform:uppercase}
.pointer-aura{position:fixed;z-index:4;width:320px;height:320px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(99,230,255,.075),transparent 65%);transform:translate(-50%,-50%);mix-blend-mode:screen}
@media(max-width:640px){.intro-status{top:18px;left:18px;transform:none;max-width:58vw;white-space:nowrap;overflow:hidden}.skip-btn{top:18px;right:18px}.intro-hint{display:none}.reveal{padding:20px}.scene::after{width:92vw}}
@media(prefers-reduced-motion:reduce){#stage::before,.intro-status-dot,.scene::after,.r-cta::before{animation:none!important}.pointer-aura{display:none}}