@font-face{font-family:'Enigma Display';src:url('assets/enigma-display.woff') format('woff');font-weight:900;font-display:swap}
/* Enigma — responsive electric-blue design system */
:root{--blue:#0755ff;--ink:#020c23;--paper:#f5faff;--max:1320px;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--ink);color:#fff}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #79bfff;outline-offset:5px}[hidden]{display:none!important}.wrap{width:92%;max-width:var(--max);margin-inline:auto}p,h1,h2{margin-top:0}p{line-height:1.5}em{font-style:normal;color:var(--blue)}h1,h2{font-family:'Enigma Display','Arial Black',Arial,sans-serif;font-weight:900;letter-spacing:-.035em;line-height:.97;text-transform:uppercase}h2{font-size:clamp(36px,4.5vw,65px);margin-bottom:24px}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:600;line-height:1.7;margin-bottom:22px}.blue{color:#0755ff}.skip{position:fixed;top:-100px;left:15px;z-index:30;background:white;color:#000;padding:15px}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:54px;padding:9px 10px 9px 28px;border:1px solid #9fddff;border-radius:99px;background:linear-gradient(160deg,#35afff 0%,#0562ff 30%,#0641ff 80%);box-shadow:0 0 8px #a4eaff,inset 0 0 10px #ffffff55,0 0 25px #0066ff99;color:white;font-weight:800;text-transform:uppercase;font-size:16px;transition:transform .25s,box-shadow .25s}.pill span{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#bddfff;color:#145aff;font-size:25px;font-weight:400}.pill:hover{transform:translateY(-3px);box-shadow:0 0 15px #a4eaff,0 0 35px #0066ff}.header{position:absolute;z-index:10;top:20px;left:0;right:0;display:flex;align-items:center;justify-content:flex-end;gap:28px}.header .brand{margin-right:auto}.header nav{display:flex;gap:28px;font-size:14px}.header .light{display:none}.menu{display:none}.logo-crop{display:block;position:relative;overflow:hidden;width:76px;aspect-ratio:399/294}.logo-crop img{position:absolute;max-width:none;width:270.6767%;height:auto;left:-90.9774%;top:-179.5918%}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:780px;background:#020914}.hero-scene{position:absolute;inset:0;z-index:-2}.hero-scene-motion{width:100%;height:100%;transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) scale(1.025);transition:transform .4s ease-out}.hero-scene picture,.hero-scene img{display:block;width:100%;height:100%}.hero-scene img{object-fit:cover;object-position:center}.hero-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#01081966,transparent 52%)}.hero-inner{position:relative;min-height:780px;padding-top:110px;padding-bottom:130px}.hero-copy{width:46%;max-width:600px}.hero h1{font-size:clamp(40px,5vw,72px);margin-bottom:20px}.hero h1>span,.hero h1>strong,.hero h1>em{display:block}.hero-convierte{font-size:.92em}.hero-ideas{font-size:2.5em;line-height:.91;letter-spacing:-.055em;color:#020e30;-webkit-text-stroke:1.5px #89bdff;text-shadow:0 0 12px #005fff,0 0 32px #004eff}.hero-content{font-size:.92em;transform:rotate(-4deg);transform-origin:left;margin:12px 0}.hero h1 em{font-size:1.1em;color:#1d72ff}.hero .lead{font-size:17px;line-height:1.35;max-width:290px;padding-left:15px;border-left:3px solid #086aff;margin:26px 0}.hero .eyebrow{font-size:12px;letter-spacing:2.8px}.hero .scroll{display:none}.hero:after{content:'';position:absolute;bottom:-65px;left:-10%;width:120%;height:120px;border-radius:50%;background:#f5faff;border-top:3px solid #a8dcff;box-shadow:0 -8px 10px #007bff,0 -25px 40px #0055ff88;pointer-events:none}
.hologram-light,.hologram-scan{position:absolute;pointer-events:none;mix-blend-mode:screen;left:39%;top:29%;width:28%;height:57%}.hologram-light{background:radial-gradient(ellipse at 50% 90%,#8cddff99,transparent 65%);filter:blur(7px);animation:holo-breathe 5s ease-in-out infinite}.hologram-scan{clip-path:polygon(20% 0,85% 0,100% 42%,50% 100%,0 38%);background:linear-gradient(180deg,transparent 40%,#aeeaff77 50%,transparent 60%);background-size:100% 300%;animation:holo-scan 6s ease-in-out infinite}.motion-paused .hologram-light,.motion-paused .hologram-scan{animation-play-state:paused}
.paper,.academy{position:relative;background-color:var(--paper);color:#02050d;background-image:linear-gradient(#c6e1ff22 1px,transparent 1px),linear-gradient(90deg,#c6e1ff22 1px,transparent 1px),radial-gradient(ellipse at 60% 40%,#cceaff77,transparent 70%);background-size:32px 32px,32px 32px,100% 100%}
#resultados{padding:80px 0 100px;overflow:hidden}.process-grid{display:grid;grid-template-columns:.95fr 1.35fr;align-items:center;gap:40px}.process-heading h2{font-size:clamp(36px,4vw,59px)}.process-description{font-size:17px;max-width:410px;line-height:1.4}.prompt-entry{display:flex;justify-content:space-between;align-items:center;gap:25px;background:linear-gradient(#142e59,#010d27);border:2px solid #72baff;color:#d0e1ff;box-shadow:0 0 20px #087aff88,inset 0 0 15px #226fff66;padding:7px 8px 7px 22px;border-radius:40px;width:min(100%,350px);font-size:16px;min-height:54px}.prompt-entry span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#055dff;font-size:25px}.steps{display:flex;align-items:center;gap:0;min-width:0;padding:35px 8px;counter-reset:cards}.step{position:relative;flex:1;min-width:0;background:#ddecff99;border:1px solid #fff;border-radius:13px;padding:0 0 15px;box-shadow:0 0 0 1px #98caff,0 0 20px #248eff66,0 18px 24px #3a73b94d;transition:translate .3s;counter-increment:cards}.step:before{content:'0' counter(cards);position:absolute;top:7px;left:7px;z-index:2;padding:5px 8px;background:#021432;color:white;border-radius:4px;font:700 16px 'Enigma Display',sans-serif}.step:nth-of-type(1){rotate:5deg}.step:nth-of-type(3){rotate:-4deg}.process-picture{display:block;aspect-ratio:4/5;overflow:hidden;border-radius:12px 12px 0 0}.process-picture img{display:block;width:100%;height:100%;object-fit:cover}.step small{display:block;margin-top:14px;color:#091e40;font-size:14px;font-weight:700;text-transform:uppercase;white-space:nowrap}.step:hover{translate:0 -8px}.step-plus{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;margin:0 -10px;z-index:3;border-radius:50%;border:1px solid #c5edff;background:#0767ff;box-shadow:0 0 14px #178aff;color:white;font-size:23px}.process-swipe{grid-column:1/-1;margin:0;text-align:center;font-size:12px;letter-spacing:2px;color:#1a50c9;text-transform:uppercase}.process-swipe span{margin-left:12px}.academy{padding:70px 0 90px;overflow:hidden}.academy:before{content:'';position:absolute;left:43%;top:0;width:85%;height:105%;border-radius:55% 0 0 40%;background:radial-gradient(ellipse at 60% 50%,#002a73, #010b25 63%);border-top:3px solid #91d7ff;border-bottom:3px solid #c1eeff;box-shadow:0 0 12px #007bff,0 0 38px #006cff}.academy-grid{position:relative;display:grid;grid-template-columns:.95fr 1.35fr;gap:40px;align-items:center}.section-copy>p:not(.eyebrow){font-size:17px;line-height:1.4;max-width:410px;margin-bottom:30px}.video-carousel{color:white}
.audience-design{position:relative;overflow:hidden;background:#eef6ff}.audience-design picture,.audience-design img{display:block;width:100%;height:auto}.audience-design picture{aspect-ratio:1672/941}.audience-design:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#ffffff44 47%,transparent 62%);background-size:240% 100%;opacity:0}.audience-design.section-enter:after{animation:glass-pass 1.8s .3s both}
.finale{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:35px;padding:75px max(4vw,calc((100vw - 1320px)/2)) 95px;background:#020c23 url('assets/zik-closing.png') no-repeat right bottom;background-size:auto 100%;isolation:isolate}.finale:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020c23dd,transparent 75%);z-index:-1}.faq.wrap{width:100%;padding:0;margin:0;min-width:0}.faq h2{font-size:clamp(31px,3vw,47px)}.faq .blue,.closing .blue{color:#419eff}.questions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.questions details{background:linear-gradient(120deg,#09254bdb,#010b20ed);border:1px solid #70aeff;border-radius:10px;padding:16px 12px;box-shadow:inset 0 0 12px #1676ff44,0 0 10px #0b70ff44;counter-increment:question}.questions{counter-reset:question}.questions summary{cursor:pointer;list-style:none;display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:14px;line-height:1.4}.questions summary::-webkit-details-marker{display:none}.questions summary:before{content:'0' counter(question);color:#228aff;font-weight:bold}.questions summary span{display:grid;place-items:center;border:1px solid #6cafff;border-radius:50%;width:28px;height:28px;flex-shrink:0;color:#b1daff;font-size:23px;box-shadow:0 0 8px #428dff}.questions details[open] summary span{transform:rotate(45deg)}.questions details p{font-size:15px;line-height:1.5;color:#c5d8f4;margin:16px 0 0}.closing{position:relative;padding-top:12px;min-height:450px}.closing-inner{width:100%;position:relative}.closing h2{font-size:clamp(28px,2.7vw,40px);max-width:410px}.closing p{font-size:16px}.closing .pill{font-size:14px;padding-left:20px;gap:15px}.earth-art{display:none}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid #76bfff44;font-size:12px;letter-spacing:1px;color:#8db4df}.footer-brand .logo-crop{width:63px}
.example-image.full-process-image{height:min(52dvh,470px);background:#080b11}.full-process-image img{display:block;width:100%;height:100%;object-fit:contain}
dialog{border:1px solid #313a4c;border-radius:22px;background:#0b101a;color:white;padding:45px;max-width:540px;width:calc(100% - 32px);max-height:90dvh;box-shadow:0 30px 120px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:39px}dialog>p:not(.eyebrow){color:#c0c7d6;font-size:16px;line-height:1.6}dialog .close{position:absolute;right:14px;top:10px;background:none;border:0;font-size:30px;color:#cdd4e1;width:38px;height:38px}.example-image{height:245px;background:#030609;border-radius:12px;display:grid;place-items:center;overflow:hidden}.example-image p{font-size:20px;line-height:1.5;padding:25px;color:#d3dfff;margin:0}.example-image .crop{width:245px;height:245px;border-radius:12px}.dialog-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.dialog-controls button{border:1px solid #526079;border-radius:50%;background:transparent;width:42px;height:42px;font-size:23px}.dialog-controls button:hover{background:#2665ff}.dialog-controls span{font-size:12px;letter-spacing:2px;color:#9baccc}
/* Galería de videos verticales: escritorio y móvil. */
.academy-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:35px}
.video-carousel{min-width:0;width:100%;padding:8px 0}
.video-stage{position:relative;display:flex;align-items:center;justify-content:center;height:455px;isolation:isolate}
.video-main{position:relative;width:242px;flex-shrink:0;aspect-ratio:9/16;z-index:3;overflow:hidden;background:#080b12;border:1px solid #8b9db8;border-radius:19px;box-shadow:0 24px 65px #0009,0 0 35px #1d55f422}
.video-main video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.video-neighbor{position:absolute;top:50%;width:190px;aspect-ratio:9/16;padding:0;border:1px solid #ffffff25;border-radius:15px;overflow:hidden;background:#121723;transform:translateY(-50%);transition:transform .3s,filter .3s;filter:brightness(.6);z-index:1}
.video-neighbor img{display:block;width:100%;height:100%;object-fit:cover}
.video-neighbor span{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#000c);padding:35px 10px 20px;font-size:10px;letter-spacing:2px}
.neighbor-left{left:calc(50% - 260px);transform:translateY(-50%) rotate(-6deg)}
.neighbor-right{right:calc(50% - 260px);transform:translateY(-50%) rotate(6deg)}
.video-neighbor:hover{filter:brightness(.9)}
.video-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:45px;height:45px;border:1px solid #648bff;border-radius:50%;background:#111b34ed;color:white;display:grid;place-items:center;font-size:24px;box-shadow:0 4px 20px #0007;transition:background .2s}
.video-arrow:hover{background:#2665ff}.video-prev{left:0}.video-next{right:0}
.video-meta{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:19px}.video-meta p{font-size:14px;margin:0}.video-meta p span{color:#7e8da8;margin-left:8px;font-size:12px}.video-dots{display:flex;gap:2px}.video-dots button{display:grid;place-items:center;width:30px;height:30px;background:none;border:0;padding:0}.video-dots button:before{content:'';width:6px;height:6px;border-radius:9px;background:#566176;transition:width .25s,background .25s}.video-dots button[aria-current=true]:before{width:22px;background:#4b80ff}.video-tagline{font-size:9px;letter-spacing:2.5px;color:#c1c9da;text-align:center;margin:12px 0 0}#video-error{position:absolute;inset:auto 10px 55px;background:#111e35;padding:15px;font-size:14px;line-height:1.4;border-radius:10px}#video-error a{display:block;text-decoration:underline;margin-top:8px}
@media(max-width:1100px) and (min-width:761px){.academy-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:22px}.video-stage{height:415px}.video-main{width:215px}.video-neighbor{width:140px}.neighbor-left{left:calc(50% - 191px)}.neighbor-right{right:calc(50% - 191px)}.video-arrow{width:39px;height:39px}}
@media(max-width:760px){.academy-grid{display:block}.video-carousel{margin-top:30px}.video-stage{height:auto;min-height:390px;padding:10px 0}.video-main{width:min(66%,265px);border-radius:17px}.video-neighbor{width:48%;max-width:205px;aspect-ratio:9/16}.neighbor-left{left:1%;transform:translateY(-50%) rotate(-5deg) scale(.85)}.neighbor-right{right:1%;transform:translateY(-50%) rotate(5deg) scale(.85)}.video-arrow{width:42px;height:42px;background:#102459f5;border-color:#96b4ff}.video-prev{left:-5px}.video-next{right:-5px}.video-neighbor span{display:none}.video-meta{margin-top:15px}.video-tagline{font-size:9px;letter-spacing:1.6px}.academy{padding-bottom:40px}}

.video-main{border:2px solid #c5eaff;border-radius:18px;box-shadow:0 0 7px #fff,0 0 20px #0066ff,0 20px 55px #00123ecc}.video-neighbor{border:1px solid #9ccbff;box-shadow:0 0 12px #096aff;filter:brightness(.8)}.video-stage{height:510px}.video-main{width:270px}.video-tagline{font-size:12px}.video-arrow{border-color:#b3d8ff;background:#001a5e;box-shadow:0 0 12px #107cff}.video-meta{gap:12px;flex-wrap:wrap}.video-dots button[aria-current=true]:before{width:9px;background:#aaddff;box-shadow:0 0 8px #008bff}.video-dots button:before{width:8px;height:8px;background:#5073a4}.video-meta p{font-size:14px}.video-neighbor span{font-size:12px}
@keyframes arrive{from{opacity:0;transform:translateY(32px) scale(.98);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes holo-breathe{0%,100%{opacity:.3;scale:.98}50%{opacity:.9;scale:1.04}}
@keyframes holo-scan{0%{background-position:0 100%;opacity:0}15%,75%{opacity:.65}100%{background-position:0 0;opacity:0}}
@keyframes glass-pass{0%{opacity:0;background-position:100% 0}30%{opacity:1}100%{opacity:0;background-position:0 0}}
@media(prefers-reduced-motion:no-preference){.hero-copy>.eyebrow,.hero h1,.hero .lead,.hero-copy>.pill{animation:arrive .9s both}.hero h1{animation-delay:.1s}.hero .lead{animation-delay:.2s}.hero-copy>.pill{animation-delay:.3s}.section-enter,.process-arrived{animation:arrive .85s both;animation-delay:var(--entrance-delay,0ms)}#curso.is-arriving .section-copy>*{animation:arrive .8s both}#curso.is-arriving .section-copy>h2{animation-delay:.1s}#curso.is-arriving .section-copy>p:not(.eyebrow){animation-delay:.2s}#curso.is-arriving .pill{animation-delay:.3s}#curso.is-arriving .video-carousel{animation:arrive 1s .2s both}}
@media(min-width:1550px){.hero,.hero-inner{min-height:880px}.hero-inner{padding-top:130px}}
@media(min-width:761px) and (max-width:1100px){.hero,.hero-inner{min-height:660px}.hero-inner{padding-top:105px;padding-bottom:90px}.hero h1{font-size:5.2vw}.hero .eyebrow{font-size:10px}.hero .lead{font-size:16px;max-width:260px}.hero-copy{width:47%}.process-grid,.academy-grid{gap:25px;grid-template-columns:1fr 1.25fr}.video-main{width:210px}.video-stage{height:415px}.video-neighbor{width:145px}.neighbor-left{left:calc(50% - 185px)}.neighbor-right{right:calc(50% - 185px)}.step small{font-size:12px}.questions{grid-template-columns:1fr}.finale{gap:24px}.closing{padding-top:35px}}
@media(max-width:760px){
.wrap{width:92%}.header{top:12px}.header .brand{margin:0}.header .logo-crop{width:42px}.header nav{display:none;position:absolute;top:45px;right:0;left:0;padding:24px;border:1px solid #669cff;border-radius:12px;background:#061632;justify-content:center;flex-wrap:wrap}.header nav.open{display:flex}.menu{display:block;width:36px;height:36px;border:1px solid #6bb5ff66;border-radius:50%;background:#01102bcc;font-size:20px}.header{gap:12px}.hero,.hero-inner{min-height:0;height:max(720px,185vw)}.hero-inner{padding-top:60px;padding-bottom:0}.hero-copy{width:100%;max-width:none;height:100%}.hero .eyebrow{font-size:10px;letter-spacing:1.6px;max-width:72%;margin-bottom:12px}.hero h1{font-size:clamp(36px,9.3vw,69px);width:83%;margin:0;line-height:.97}.hero-ideas{font-size:2.28em;line-height:.94}.hero-content{font-size:.87em;margin:10px 0}.hero h1 em{font-size:1em;max-width:90%}.hero .lead{position:relative;font-size:clamp(14px,3.5vw,20px);width:49%;max-width:280px;margin:20px 0 0;padding:12px;border:1px solid #4c9eff;border-radius:12px;background:#04132a99;box-shadow:0 0 16px #0066ff44;line-height:1.35}.hero .hero-copy>.pill{position:absolute;bottom:11%;left:2%;width:96%;font-size:clamp(16px,4vw,22px);min-height:58px;padding-left:25px}.hero-scene img{object-fit:cover;object-position:center}.hero-scene:after{background:linear-gradient(90deg,#01081933,transparent 75%)}.hero:after{bottom:-42px;height:73px}.hologram-light,.hologram-scan{left:22%;top:42%;width:44%;height:29%}
#resultados{padding:30px 0 45px}.process-grid{display:flex;flex-direction:column;gap:0}.process-heading{width:100%}.process-heading .eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:15px}.process-heading h2{font-size:clamp(34px,8.7vw,60px);margin-bottom:20px}.process-description{font-size:16px;max-width:90%;margin-bottom:20px}.prompt-entry{width:70%;margin-inline:auto;min-height:48px;font-size:14px}.prompt-entry span{width:31px;height:31px}.steps{width:100%;gap:0;padding:32px 4px 28px}.step{padding-bottom:12px;border-radius:10px}.step small{font-size:clamp(10px,2.5vw,16px);margin-top:10px;white-space:normal;line-height:1.2;min-height:24px;display:grid;place-items:center}.step:before{font-size:12px;padding:4px 6px;top:5px;left:5px}.process-picture{border-radius:9px 9px 0 0}.step-plus{flex-basis:24px;width:24px;height:24px;margin-inline:-10px;font-size:20px}.process-swipe{font-size:12px;letter-spacing:1px;margin:10px 0}
.academy{padding:38px 0 60px}.academy-grid{display:block}.academy:before{left:-25%;top:32%;width:150%;height:67%;border-radius:50% 50% 45% 45%;background:radial-gradient(ellipse at 50% 30%,#002c80,#00071c 70%)}.section-copy{position:relative;text-align:center}.section-copy h2{font-size:clamp(36px,9vw,63px);margin-bottom:18px}.section-copy .eyebrow{font-size:10px;letter-spacing:2px;text-align:left;margin-bottom:20px}.section-copy>p:not(.eyebrow){font-size:16px;max-width:92%;margin:0 auto 20px}.section-copy .pill{font-size:16px;min-height:50px}.video-carousel{position:relative;margin-top:28px}.video-stage{height:auto;min-height:0;padding:10px 0}.video-main{width:53%;max-width:300px;border-radius:14px}.video-neighbor{width:40%;max-width:225px}.neighbor-left{left:3%;transform:translateY(-50%) rotate(-7deg) scale(.85)}.neighbor-right{right:3%;transform:translateY(-50%) rotate(7deg) scale(.85)}.video-arrow{width:40px;height:40px;font-size:22px}.video-prev{left:0}.video-next{right:0}.video-meta{margin-top:13px;gap:6px}.video-meta p{font-size:12px}.video-dots button{width:25px;height:30px}.video-tagline{font-size:12px;letter-spacing:1px;margin-top:5px}.video-neighbor span{display:none}
.audience-design picture{aspect-ratio:1122/1402}.finale{display:block;padding:40px 4% 0;background-image:none}.finale:before{display:none}.faq h2{font-size:clamp(32px,8vw,51px);margin-bottom:24px}.faq .eyebrow{font-size:10px;margin-bottom:10px}.questions{grid-template-columns:1fr;gap:10px}.questions details{padding:12px}.questions summary{font-size:14px}.questions summary:before{font-size:12px}.questions summary span{width:27px;height:27px}.closing{margin:0 -4.35%;padding:42px 4% 0;min-height:420px;height:106vw;background:url('assets/zik-closing.png') no-repeat 70% bottom;background-size:auto 100%}.closing-inner{width:100%}.closing-inner>div{width:64%}.closing h2{font-size:clamp(25px,6vw,42px);margin-bottom:12px}.closing .eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:10px}.closing p{font-size:14px}.closing .pill{font-size:12px;gap:12px;padding:8px 8px 8px 13px;min-height:44px}.closing .pill span{width:25px;height:25px;font-size:20px}footer{padding:15px 0;font-size:10px}footer>span{display:none}.footer-brand .logo-crop{width:50px}dialog{padding:38px 22px 25px}dialog h2{font-size:34px}
}
@media(max-width:360px){.hero .lead{font-size:14px;width:51%}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero h1{font-size:34px}.closing .pill{font-size:11px}.video-meta{gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-scene-motion{transform:none!important}}

/* Hero supplied artwork: preserve every pixel and the next-block boundary. */
.hero.hero-reference{height:auto;min-height:0;padding:0;aspect-ratio:1786/1032;background:#020914;isolation:isolate;overflow:hidden}
.hero.hero-reference:after{display:none}
.hero-reference-art{display:block;width:100%;height:auto}
.hero-reference-art>img{display:block;width:100%;height:auto;max-width:none}
.hero-neon-glow{position:absolute;inset:0;display:block;pointer-events:none;mix-blend-mode:screen;opacity:0;clip-path:polygon(4% 15%,53% 15%,54% 47%,4% 47%);filter:blur(2px) brightness(1.35)}
.hero-neon-glow>img{display:block;width:100%;height:100%}
.hero-hologram{position:absolute;left:38%;top:40%;width:24%;height:42%;pointer-events:none;mix-blend-mode:screen;clip-path:polygon(18% 0,84% 0,100% 48%,64% 100%,31% 100%,0 42%)}
.hero-hologram-bloom,.hero-hologram-sweep{position:absolute;inset:0}
.hero-hologram-bloom{background:radial-gradient(ellipse at 51% 83%,#b2efff8c 0%,#138bff24 28%,transparent 67%);opacity:.2;filter:blur(4px);transform-origin:50% 85%}
.hero-hologram-sweep{background:linear-gradient(180deg,transparent 43%,#a9eaff3d 50%,transparent 57%);background-size:100% 320%;opacity:0}
.hero-reference-access{position:absolute;left:9.5%;top:79.45%;width:29.5%;height:11%;border:0;border-radius:999px;background:transparent;cursor:pointer;padding:0;transition:box-shadow .25s,background .25s}
.hero-reference-access:hover{background:#7dcaff12;box-shadow:0 0 25px #64caff77,inset 0 0 16px #abddff33}
.hero-reference-access:active{background:#062bff22}
.hero-reference-access:focus-visible{outline:3px solid white;outline-offset:5px;box-shadow:0 0 28px #46caff}
@keyframes reference-neon-pulse{0%,100%{opacity:.015}45%{opacity:.12}65%{opacity:.06}}
@keyframes reference-hologram-breathe{0%,100%{opacity:.18;transform:scale(.98)}50%{opacity:.48;transform:scale(1.025)}}
@keyframes reference-hologram-sweep{0%{background-position:0 100%;opacity:0}20%,70%{opacity:.6}100%{background-position:0 0;opacity:0}}
@media(prefers-reduced-motion:no-preference){.hero-neon-glow{animation:reference-neon-pulse 5.5s ease-in-out infinite}.hero-hologram-bloom{animation:reference-hologram-breathe 4.8s ease-in-out infinite}.hero-hologram-sweep{animation:reference-hologram-sweep 7s ease-in-out infinite}}
.hero.motion-paused .hero-neon-glow,.hero.motion-paused .hero-hologram-bloom,.hero.motion-paused .hero-hologram-sweep{animation-play-state:paused}
@media(max-width:760px){
.hero.hero-reference{height:auto;min-height:0;aspect-ratio:941/1710}
.hero-neon-glow{clip-path:polygon(5% 16%,78% 13.5%,80% 26%,4% 30%);filter:blur(1.3px) brightness(1.35)}
.hero-hologram{left:28%;top:48%;width:39%;height:24%}
.hero-reference-access{left:7.15%;top:83.1%;width:85.8%;height:8.7%}
}

/* Block 02: original art, full natural aspect ratio and aligned interaction layers. */
#resultados.process-reference{position:relative;padding:0;margin:0;width:100%;height:auto;aspect-ratio:1786/968;overflow:hidden;background:none;color:#07132a;isolation:isolate}
.process-reference-art,.process-reference-art>img{display:block;width:100%;height:auto;max-width:none}
.process-hotspot,.process-discover,.process-indicators{position:absolute;z-index:2}
.process-hotspot{padding:0;border:0;background:transparent;cursor:pointer;transition:background .25s,box-shadow .25s;border-radius:15px}
.process-hotspot:hover{background:#71baff0d;box-shadow:inset 0 0 25px #1b8dff33,0 0 15px #75beff33}
.process-hotspot:focus-visible,.process-discover:focus-visible{outline:3px solid #005eff;outline-offset:3px;box-shadow:0 0 12px #006eff66}
.process-prompt{left:4%;top:61%;width:31.5%;height:10.5%;border-radius:999px}
.process-product,.process-product-light{left:41.6%;top:27.5%;width:17%;height:43%}
.process-ugc,.process-ugc-light{left:58.4%;top:26.2%;width:19%;height:48.5%}
.process-combined,.process-combined-light{left:78.1%;top:28%;width:18.5%;height:47%}
.process-indicators{display:flex;left:46%;top:82.5%;width:8%;height:5.5%}
.process-indicators button{width:33.333%;height:100%;min-height:24px;background:none;border:0;border-radius:50%;padding:0}
.process-discover{left:40%;top:87.5%;width:21%;height:5.2%;border-radius:8px}
.process-light{position:absolute;z-index:1;pointer-events:none;border-radius:16px;opacity:0;background:linear-gradient(110deg,transparent 30%,#8dccff44 48%,#ffffff88 51%,transparent 67%);background-size:280% 100%;mix-blend-mode:screen}
.process-heading-light{left:3.5%;top:23%;width:37%;height:23%;border-radius:0}
@keyframes process-original-shimmer{0%{opacity:0;background-position:100% 0}20%{opacity:.6}70%{opacity:.5}100%{opacity:0;background-position:0 0}}
@media(prefers-reduced-motion:no-preference){.process-light-arrived{animation:process-original-shimmer 1.7s ease-out both}.process-product-light{animation-delay:.1s}.process-ugc-light{animation-delay:.22s}.process-combined-light{animation-delay:.34s}}
@media(max-width:760px){
#resultados.process-reference{padding:0;margin:0;height:auto;aspect-ratio:941/1144}
.process-prompt{left:24.5%;top:33.3%;width:51%;height:7.6%}
.process-product,.process-product-light{left:2.5%;top:48%;width:30.8%;height:33.5%;rotate:5deg}
.process-ugc,.process-ugc-light{left:33%;top:46%;width:33.5%;height:37.8%;rotate:2deg}
.process-combined,.process-combined-light{left:68%;top:49%;width:28%;height:33.8%;rotate:5deg}
.process-indicators{left:44.1%;top:87.6%;width:11.8%;height:4%}
.process-discover{left:34%;top:91.1%;width:32%;height:4.5%}
.process-heading-light{left:5%;top:8%;width:90%;height:17%}
}

/* Block 03: supplied artwork stays full size; only the video interface is overlaid. */
#curso.academy-reference{position:relative;isolation:isolate;padding:0;margin:0;width:100%;height:auto;aspect-ratio:1786/1104;background:none;overflow:hidden}
#curso.academy-reference:before{display:none}
.academy-reference-art,.academy-reference-art>img{display:block;width:100%;height:auto;max-width:none}
.academy-reference-access{position:absolute;z-index:5;left:4.65%;top:67.25%;width:28.3%;height:9.85%;padding:0;border:0;border-radius:999px;background:transparent;cursor:pointer;transition:box-shadow .25s,background .25s}
.academy-reference-access:hover{background:#a5daff16;box-shadow:0 0 24px #54bfff66}
.academy-reference-access:focus-visible{outline:3px solid #0055ff;outline-offset:5px}
#curso.academy-reference .video-carousel{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;pointer-events:none;animation:none;transform:none}
#curso.academy-reference .video-stage{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;display:block}
#curso.academy-reference .video-main{position:absolute;left:55.65%;top:18.85%;width:24.25%;height:62.6%;aspect-ratio:auto;pointer-events:auto;border:0;border-radius:0;box-shadow:none;background:#020813;clip-path:polygon(6% 0,94% 0,100% 4%,100% 96%,94% 100%,6% 100%,0 96%,0 4%)}
#curso.academy-reference .video-main video{display:block;width:100%;height:100%;object-fit:contain;background:#020813}
#curso.academy-reference .video-neighbor{position:absolute;pointer-events:auto;padding:0;margin:0;border:0;border-radius:0;box-shadow:none;filter:brightness(.8);transform:none;aspect-ratio:auto;background:#021336;transition:filter .25s}
#curso.academy-reference .video-neighbor:hover{filter:brightness(1)}
#curso.academy-reference .video-neighbor img{display:block;width:100%;height:100%;object-fit:cover}
#curso.academy-reference .video-neighbor span{display:none}
#curso.academy-reference .neighbor-left{left:42.1%;right:auto;top:23.4%;width:13.4%;height:55%;clip-path:polygon(7% 5%,91% 0,100% 4%,100% 94%,15% 100%,0 10%)}
#curso.academy-reference .neighbor-right{left:80.3%;right:auto;top:23.3%;width:14.2%;height:55%;clip-path:polygon(8% 0,93% 6%,100% 10%,86% 100%,0 94%,0 4%)}
#curso.academy-reference .video-arrow{position:absolute;pointer-events:auto;top:48.5%;width:5.2%;height:8.5%;min-width:32px;min-height:32px;transform:none;border:1px solid #9fe4ff;border-radius:9px;background:linear-gradient(145deg,#063887,#010b24 80%);box-shadow:0 0 10px #238cff,inset 0 0 12px #48b5ff44;color:white;font-family:Arial,sans-serif;font-size:clamp(22px,3vw,46px);transition:box-shadow .2s,background .2s}
#curso.academy-reference .video-prev{left:40.6%;right:auto}
#curso.academy-reference .video-next{right:3.45%;left:auto}
#curso.academy-reference .video-arrow:hover{background:#064bba;box-shadow:0 0 20px #48b5ff}
#curso.academy-reference .video-arrow:active{background:#08316e}
#curso.academy-reference .video-meta{position:absolute;pointer-events:auto;left:53.3%;top:84.1%;width:26.5%;height:5.7%;padding:0 .5%;margin:0;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap;background:#010b24;border-radius:6px}
#curso.academy-reference #video-name{font-family:'Enigma Display',Arial,sans-serif;font-size:clamp(10px,1.25vw,22px);font-weight:900;letter-spacing:.08em;text-transform:uppercase;line-height:1.1;margin:0;flex:1}
#curso.academy-reference .video-dots{display:flex;gap:0;flex:0 0 40%;height:100%;align-items:center;justify-content:space-between}
#curso.academy-reference .video-dots button{width:25%;height:100%;min-height:24px;padding:0}
#curso.academy-reference .video-dots button:before{width:clamp(5px,1.1vw,18px);height:clamp(5px,1.1vw,18px);background:#486ca3}
#curso.academy-reference .video-dots button[aria-current=true]:before{background:#dcf8ff;box-shadow:0 0 6px #fff,0 0 15px #087fff}
.academy-discover{position:absolute;left:56.5%;top:90.5%;width:21%;height:5%;z-index:4}
.academy-title-light{position:absolute;pointer-events:none;left:3.5%;top:22%;width:38%;height:29%;opacity:0;background:linear-gradient(110deg,transparent 30%,#9cd4ff55 49%,transparent 65%);background-size:280% 100%;mix-blend-mode:screen}
@keyframes academy-player-reveal{from{filter:brightness(.72)}to{filter:brightness(1)}}
@media(prefers-reduced-motion:no-preference){.academy-title-light.scene-active{animation:process-original-shimmer 1.8s ease-out both}#curso.academy-reference .video-main.scene-active{animation:academy-player-reveal 1s ease-out both}}
@media(max-width:760px){
#curso.academy-reference{padding:0;aspect-ratio:941/1709}
.academy-reference-access{left:26%;top:31.15%;width:48%;height:6%}
#curso.academy-reference .video-main{left:28.7%;top:40.1%;width:42.6%;height:41.6%;clip-path:polygon(6% 0,94% 0,100% 3%,100% 97%,94% 100%,6% 100%,0 97%,0 3%)}
#curso.academy-reference .neighbor-left{left:5.4%;right:auto;top:43.6%;width:23%;height:34.9%;clip-path:polygon(8% 3%,92% 0,100% 3%,100% 96%,16% 100%,0 7%)}
#curso.academy-reference .neighbor-right{left:72.2%;right:auto;top:43.5%;width:22.8%;height:35.4%;clip-path:polygon(8% 0,92% 4%,100% 8%,84% 100%,0 96%,0 4%)}
#curso.academy-reference .video-arrow{top:57.8%;width:8.8%;height:4.7%;font-size:clamp(19px,5vw,36px);border-radius:6px;min-width:30px;min-height:30px}
#curso.academy-reference .video-prev{left:1.8%}
#curso.academy-reference .video-next{right:1.8%}
#curso.academy-reference .video-meta{left:26%;top:83.7%;width:47.5%;height:3.9%;padding:0 .6%;gap:5px}
#curso.academy-reference #video-name{font-size:clamp(9px,2.5vw,19px);letter-spacing:.05em}
#curso.academy-reference .video-dots button:before{width:clamp(6px,2vw,15px);height:clamp(6px,2vw,15px)}
.academy-discover{left:33%;top:87.5%;width:34%;height:3.5%}
.academy-title-light{left:5%;top:6.5%;width:89%;height:17%}
}

#curso.academy-reference .video-main{max-width:none}

/* Block 04: full original artwork and four independent information dialogs. */
#para-quien.audience-reference{position:relative;width:100%;height:auto;aspect-ratio:1786/1092;padding:0;margin:0;background:none;overflow:hidden;isolation:isolate}
#para-quien.audience-reference.section-enter{animation:none;transform:none}
#para-quien.audience-reference:after{display:none}
#para-quien.audience-reference .audience-reference-art{display:block;width:100%;height:auto;aspect-ratio:1786/1092}
.audience-reference-art>img{display:block;width:100%;height:auto;max-width:none}
.audience-option,.audience-card-glow{position:absolute;top:62%;height:18%;width:12.8%;border-radius:16px}
.audience-option{z-index:3;padding:0;border:0;background:transparent;cursor:pointer;transition:background .25s,box-shadow .25s}
.audience-option:hover{background:#b3d4ff16;box-shadow:inset 0 0 18px #006bff22,0 0 14px #81baff55}
.audience-option:focus-visible{outline:3px solid #0062ff;outline-offset:3px}
.audience-option:active{background:#8bbaff26}
.audience-creators{left:5.3%}.audience-brands{left:18.8%}.audience-teams{left:32.4%}.audience-curious{left:45.9%}
.audience-card-glow{pointer-events:none;z-index:2;opacity:0;background:linear-gradient(110deg,transparent 25%,#acd9ff66 48%,#fff9 52%,transparent 72%);background-size:280% 100%;mix-blend-mode:screen}
.audience-portal-light{position:absolute;left:57%;top:7%;width:35%;height:83%;pointer-events:none;z-index:1;border-radius:50%;background:radial-gradient(ellipse at 55% 45%,transparent 48%,#70caff33 66%,transparent 72%);mix-blend-mode:screen;opacity:0}
@keyframes audience-portal-breathe{0%,100%{opacity:.15}50%{opacity:.48}}
@media(prefers-reduced-motion:no-preference){.audience-card-glow.audience-glow-arrived{animation:process-original-shimmer 1.5s ease-out both}.audience-card-glow.audience-brands{animation-delay:.12s}.audience-card-glow.audience-teams{animation-delay:.24s}.audience-card-glow.audience-curious{animation-delay:.36s}.audience-portal-light.audience-visible{animation:audience-portal-breathe 5s ease-in-out infinite}}
#audience-dialog{background:linear-gradient(145deg,#f8fcff,#e8f2ff);color:#07152b;border:1px solid #95c8ff;box-shadow:0 0 30px #086bff44,0 30px 100px #0008;color-scheme:light}
#audience-dialog h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(25px,5vw,34px);text-transform:none;letter-spacing:-1px;line-height:1.12;padding-right:12px;margin-bottom:20px}
#audience-dialog .close{color:#1c427c}
#audience-dialog #audience-detail-intro{color:#283f60;font-size:16px;line-height:1.5}
#audience-detail-list{padding-left:21px;margin:22px 0 28px;color:#1a3556;font-size:16px;line-height:1.5}
#audience-detail-list li+li{margin-top:12px}
#audience-dialog .pill{font-size:14px;text-transform:none;gap:15px}
@media(max-width:760px){
#para-quien.audience-reference,#para-quien.audience-reference .audience-reference-art{aspect-ratio:941/1205}
.audience-option,.audience-card-glow{width:28.7%;height:15.5%;border-radius:12px}
.audience-creators{left:3.6%;top:40.2%}.audience-brands{left:33.9%;top:40.2%}.audience-teams{left:3.6%;top:56.9%}.audience-curious{left:33.9%;top:56.9%}
.audience-portal-light{left:57%;top:2%;width:49%;height:84%}
}

/* Final block: original artwork, fixed boundaries and accessible controls. */
.finale-reference{position:relative;isolation:isolate;width:100%;height:auto;aspect-ratio:1786/1057;margin:0;padding:0;overflow:hidden;background:#020c23}
.finale-reference-art,.finale-reference-art>img{display:block;width:100%;height:auto;max-width:none}
.faq-reference-button,.finale-reference-access{position:absolute;z-index:3;padding:0;border:0;background:transparent;cursor:pointer;transition:background .2s,box-shadow .2s}
.faq-reference-button{width:24.5%;height:13%;border-radius:14px}
.faq-one{left:3.25%;top:42.9%}.faq-two{left:28.6%;top:42.9%}.faq-three{left:3.25%;top:57.35%}.faq-four{left:28.6%;top:57.35%}
.faq-reference-button:hover{background:#70baff0e;box-shadow:inset 0 0 25px #49aaff33,0 0 15px #2b91ff44}
.faq-reference-button:focus-visible,.finale-reference-access:focus-visible{outline:3px solid #e4f8ff;outline-offset:4px;box-shadow:0 0 18px #168fff}
.finale-reference-access{left:55.45%;top:42.5%;width:24.2%;height:8.7%;border-radius:999px}
.finale-reference-access:hover{background:#8ed8ff12;box-shadow:0 0 23px #76caff77}
.finale-reference .finale-reference-footer{position:absolute;inset:0;pointer-events:none;border:0;padding:0;margin:0;width:100%;height:100%;display:block;animation:none;transform:none}
.finale-back-top{position:absolute;pointer-events:auto;right:3.4%;bottom:2.2%;z-index:5;display:flex;align-items:center;justify-content:center;gap:12px;min-width:150px;min-height:38px;padding:9px 16px;border:1px solid #93d9ff;border-radius:999px;background:linear-gradient(145deg,#114cac,#051638);color:white;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:600;letter-spacing:0;box-shadow:0 0 14px #2189ff66;transition:box-shadow .25s,background .25s}
.finale-back-top span{font-size:21px;line-height:1;color:#b9e9ff}.finale-back-top:hover{background:#0755bf;box-shadow:0 0 22px #359dff}
.finale-portal-light{position:absolute;z-index:1;pointer-events:none;left:65%;top:9%;width:38%;height:81%;border-radius:50%;background:radial-gradient(ellipse at 53% 47%,transparent 45%,#77d4ff55 63%,transparent 73%);mix-blend-mode:screen;opacity:0}
.finale-title-light{position:absolute;z-index:1;pointer-events:none;left:3.5%;top:24%;width:49%;height:16%;opacity:0;mix-blend-mode:screen;background:linear-gradient(110deg,transparent 30%,#59baff66 50%,transparent 70%);background-size:280% 100%}
@media(prefers-reduced-motion:no-preference){.finale-portal-light.finale-visible{animation:audience-portal-breathe 4.8s ease-in-out infinite}.finale-title-light.finale-arrived{animation:process-original-shimmer 1.8s ease-out both}}
#faq-dialog{border:1px solid #77bfff;background:linear-gradient(145deg,#092857,#020c23);box-shadow:0 0 30px #167cff44,0 30px 100px #0008}
#faq-dialog h2{font-family:Arial,Helvetica,sans-serif;text-transform:none;font-size:clamp(24px,5vw,32px);line-height:1.2;letter-spacing:-.7px;margin-bottom:20px;padding-right:10px}
#faq-dialog #faq-detail-answer{font-size:17px;line-height:1.55;color:#d5e5ff;margin-bottom:0}
@media(max-width:760px){
.finale-reference{aspect-ratio:941/1715}
.faq-reference-button{left:5.2%;width:89.9%;height:5.8%;border-radius:10px}
.faq-one{top:25.6%}.faq-two{top:32.45%}.faq-three{top:39.3%}.faq-four{top:46.15%}
.finale-reference-access{left:5.6%;top:67.95%;width:48.9%;height:5.4%}
.finale-portal-light{left:52%;top:51%;width:66%;height:43%}
.finale-title-light{left:4.5%;top:15.5%;width:81%;height:9%}
.finale-back-top{right:4.8%;bottom:1.3%;min-width:132px;min-height:34px;padding:6px 12px;font-size:12px;gap:9px}
}


/* Preventa: arte original completo, CTA sobre su posición y contador independiente. */
html.presale-open{overflow:hidden}
#presale-dialog{padding:0;width:min(400px,88vw,calc((82dvh - 120px)*.7583));max-width:none;max-height:82dvh;margin:auto;border:1px solid #68acff;border-radius:16px;background:#020d28;overflow:auto;box-shadow:0 0 40px #006bff65,0 24px 100px #000b}
#presale-dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}
#presale-dialog .close{position:absolute;right:8px;top:8px;z-index:3;width:44px;height:44px;border:1px solid #a2d4ff;background:#031536ed;border-radius:50%;color:white;line-height:1;cursor:pointer}
.presale-art{position:relative;width:100%}.presale-art img{display:block;width:100%;height:auto}
#presale-access{position:absolute;left:15%;top:71%;width:71%;height:19%;border:0;border-radius:18px;background:transparent;cursor:pointer}
#presale-access:hover{box-shadow:inset 0 0 25px #b6e5ff66}
#presale-dialog button:focus-visible{outline:3px solid white;outline-offset:-4px}
.presale-clock{padding:10px 12px 14px;border-top:1px solid #237aff;font-family:Arial,Helvetica,sans-serif;text-align:center;color:#e5f3ff}
.presale-clock p{font-size:12px;line-height:1.4;margin:0 0 8px}
#presale-countdown{display:flex;justify-content:center;gap:8px}
#presale-countdown span{flex:1;max-width:80px;padding:5px 2px;border:1px solid #2873ca;border-radius:8px;background:#0b2455}
#presale-countdown b{display:block;font-size:24px;line-height:1.1;font-variant-numeric:tabular-nums;color:white}
#presale-countdown small{display:block;font-size:12px;margin-top:3px}
@media(max-height:540px){#presale-dialog{width:min(280px,78vw);max-height:82dvh}}

/* Cuenta regresiva de cristal y luz, integrada con la preventa original. */
.presale-clock{position:relative;isolation:isolate;padding:12px 14px 16px;border-top:0;background:radial-gradient(ellipse at 50% 0,#075dfb55,transparent 72%),linear-gradient(180deg,#061c48,#020a20)}
.presale-clock::before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,#2c87ff,#b6f6ff,#2c87ff,transparent);box-shadow:0 0 12px #23a8ff;pointer-events:none}
.presale-clock p{color:#acd5ff;letter-spacing:.2px;font-size:12px;margin-bottom:10px}
#presale-countdown{gap:7px;perspective:600px}
#presale-countdown span{position:relative;overflow:hidden;padding:7px 2px 6px;border:0;border-radius:0;clip-path:polygon(12% 0,100% 0,100% 82%,88% 100%,0 100%,0 18%);background:linear-gradient(135deg,#8ddfff80 0%,#1d6fd840 22%,#021b48 60%,#2e90ff60 100%);box-shadow:inset 0 1px #94dfff,inset 0 -1px #3e9cff}
#presale-countdown span::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,#9eeeff30 45%,transparent 65%);background-size:300% 100%;pointer-events:none}
#presale-countdown b{font-size:clamp(22px,4vw,28px);font-weight:600;letter-spacing:1px;color:#efffff;text-shadow:0 0 9px #55cdff,0 0 20px #0062ff}
#presale-countdown small{color:#a8d9ff;font-size:12px;letter-spacing:.3px}
#presale-access{isolation:isolate;overflow:hidden;clip-path:polygon(8% 28%,95% 0,100% 58%,90% 81%,4% 100%,0 62%)}
#presale-access::before{content:"";position:absolute;inset:-30%;pointer-events:none;background:linear-gradient(110deg,transparent 36%,#8bdfff0a 42%,#c6f9ff70 49%,#51bfff20 55%,transparent 63%);transform:translateX(-90%);mix-blend-mode:screen}
#presale-access::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 40%,#7eecff45,transparent 52%);opacity:.3;mix-blend-mode:screen}
.presale-card-shimmer{position:absolute;z-index:1;pointer-events:none;left:76%;top:8%;width:23%;height:23%;clip-path:polygon(18% 0,100% 17%,85% 100%,0 78%);background:linear-gradient(115deg,transparent 25%,#a2efff55 50%,transparent 75%);background-size:300% 100%;mix-blend-mode:screen;opacity:.45}
@keyframes presale-reveal{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
@keyframes presale-scan{0%,20%{transform:translateX(-90%)}70%,100%{transform:translateX(90%)}}
@keyframes presale-shimmer{0%,15%{background-position:150% 0}80%,100%{background-position:-100% 0}}
@keyframes presale-glow{0%,100%{opacity:.2}50%{opacity:.7}}
@media(prefers-reduced-motion:no-preference){
#presale-dialog[open]{animation:presale-reveal .45s ease-out both}
#presale-dialog[open] #presale-access::before{animation:presale-scan 4.5s ease-in-out infinite}
#presale-dialog[open] #presale-access::after{animation:presale-glow 3.8s ease-in-out infinite}
#presale-dialog[open] .presale-card-shimmer{animation:presale-shimmer 5.5s ease-in-out infinite}
#presale-dialog[open] #presale-countdown span::before{animation:presale-shimmer 6s ease-in-out infinite}
#presale-countdown span:nth-child(2)::before{animation-delay:.2s}#presale-countdown span:nth-child(3)::before{animation-delay:.4s}#presale-countdown span:nth-child(4)::before{animation-delay:.6s}
}

/* Selector UGC: los fondos originales se conservan íntegros. */
.creator-selector{position:relative;width:100%;aspect-ratio:1920/1080;overflow:hidden;isolation:isolate}
.creator-selector picture,.creator-art{display:block;width:100%;height:auto}
.creator-player-card{position:absolute;left:58.45%;top:10.3%;width:18.8%;height:46.3%;overflow:hidden;clip-path:polygon(7% 0,93% 0,100% 6%,100% 94%,93% 100%,7% 100%,0 94%,0 6%);background:#031536}
.creator-player-card video{display:block;width:100%;height:84%;object-fit:contain;background:#eef0f1}
#creator-label{height:16%;margin:0;display:grid;place-items:center;color:#ecf8ff;font:500 clamp(12px,1.1vw,22px)/1.1 Arial,sans-serif;letter-spacing:2px;background:linear-gradient(110deg,#062044,#020a20,#093666);border-top:1px solid #66bbff}
.creator-arrow{position:absolute;top:30.8%;width:4.1%;height:7.1%;border-radius:50%;background:#03143b;border:1px solid #9bdfff;box-shadow:0 0 12px #007bff;color:white;display:grid;place-items:center;padding:0;font:36px/1 Arial;cursor:pointer}
.creator-prev{left:52.1%}.creator-next{left:79.6%}
.creator-options{position:absolute;left:46.25%;top:61.6%;width:43%;height:23.6%;display:flex;gap:4%}
.creator-option{flex:1;min-width:0;padding:0;border:1px solid #8cd4ff;border-radius:12px;overflow:hidden;background:#e8edf1;cursor:pointer;box-shadow:0 0 10px #087fff55}
.creator-option img{display:block;width:100%;height:76%;object-fit:contain}
.creator-option span{display:grid;place-items:center;height:24%;color:white;font:500 clamp(10px,1vw,18px)/1.1 Arial,sans-serif;letter-spacing:1px;background:linear-gradient(120deg,#092d61,#020d23);border-top:1px solid #579dfd}
.creator-dots{position:absolute;left:63%;top:87.5%;width:10%;height:4.4%;background:#020d29;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:20px}
.creator-dots button{padding:0;width:12px;height:12px;min-width:8px;border:1px solid #b3e4ff;border-radius:50%;background:#aec7e1;cursor:pointer}
.creator-dots button[aria-current=true]{background:#11ddff;box-shadow:0 0 10px #13baff}
.creator-selector button:hover{filter:brightness(1.25)}.creator-selector button:focus-visible{outline:3px solid white;outline-offset:-4px}
.creator-play-status{position:absolute;left:55%;top:57%;width:25%;text-align:center;background:#031431;color:white;font:14px Arial}
@keyframes creator-arrive{from{opacity:.4;filter:brightness(1.6)}to{opacity:1;filter:brightness(1)}}
@media(prefers-reduced-motion:no-preference){.creator-selector.creator-visible .creator-player-card{animation:creator-arrive .8s ease-out}.creator-option{transition:box-shadow .2s,filter .2s}.creator-option:hover{box-shadow:0 0 22px #2fbdff}}
@media(max-width:760px){.creator-selector{aspect-ratio:1080/1920}.creator-player-card{left:29%;top:35.6%;width:41.9%;height:32.8%}.creator-player-card video{height:84%}#creator-label{font-size:clamp(10px,2.8vw,19px);letter-spacing:1px}.creator-arrow{top:50.1%;width:8.7%;height:4.9%;font-size:30px}.creator-prev{left:15.25%}.creator-next{left:76%}.creator-options{left:12.25%;top:73.3%;width:75.3%;height:14.7%;gap:6%}.creator-option{border-radius:8px}.creator-option span{font-size:clamp(9px,2.3vw,16px);letter-spacing:0}.creator-dots{left:41%;top:91.4%;width:18%;height:2.5%;gap:5px}.creator-dots button{width:9px;height:9px}.creator-play-status{left:24%;top:68.6%;width:52%;font-size:12px}}

/* Preregistro: misma imagen, tres estados dentro del diálogo. */
#presale-dialog [hidden]{display:none!important}
#presale-dialog{width:min(400px,88vw,calc((82dvh - 120px)*.8003))}
#presale-access{left:15%;top:84%;width:71%;height:10%;clip-path:polygon(7% 0,93% 0,100% 25%,100% 75%,93% 100%,7% 100%,0 75%,0 25%)}
.prereg-logo-glow,.prereg-portal-glow{position:absolute;pointer-events:none;mix-blend-mode:screen;z-index:1}
.prereg-logo-glow{left:32%;top:3%;width:64%;height:17%;background:linear-gradient(110deg,transparent 35%,#b2faff60 50%,transparent 65%);background-size:300% 100%}
.prereg-portal-glow{left:29%;top:22%;width:66%;height:35%;border-radius:48%;background:radial-gradient(ellipse,transparent 47%,#42bbff40 61%,transparent 74%);opacity:.6}
.presale-clock{background:radial-gradient(ellipse at 50% 0,#077fff77,transparent 75%),linear-gradient(180deg,#071c42,#020718);border-radius:0 0 15px 15px}
.presale-clock::after{content:"";position:absolute;bottom:6px;left:24%;right:24%;height:2px;background:linear-gradient(90deg,transparent,#3fe5ff,transparent);box-shadow:0 0 12px #169cff}
#presale-countdown span{background:linear-gradient(155deg,#92deff55,#051f48 45%,#124f8780);box-shadow:inset 0 1px #c0f6ff,inset 0 -2px #168bff}
#presale-dialog.registration-expanded{width:min(440px,calc(100vw - 28px));max-height:88dvh}
.preregistration-panel{padding:48px 24px 20px;background:radial-gradient(ellipse at top right,#063d7c,#030f28 65%);font-family:Arial,Helvetica,sans-serif}
.preregistration-brand{margin:0 0 15px;color:#a4e9ff;font-weight:bold;letter-spacing:2px;font-size:16px}.preregistration-brand span{display:block;font-size:12px;font-weight:normal;margin-top:5px}
#presale-dialog .preregistration-panel h2{font-family:Arial,Helvetica,sans-serif;font-size:27px;line-height:1.2;letter-spacing:-.5px;text-transform:none;margin:0 0 20px;color:white}
.preregistration-panel>label{display:block;color:#dbedff;font-size:14px;margin:12px 0 6px}
.preregistration-panel>input{display:block;width:100%;font:16px Arial;padding:12px;border:1px solid #4179ae;border-radius:9px;background:#07172f;color:white;box-sizing:border-box}
.preregistration-panel>input:focus{outline:2px solid #73dbff;outline-offset:2px}
.preregistration-panel .lead-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;margin:18px 0}
.lead-consent input{flex-shrink:0;width:20px;height:20px;accent-color:#167dff;margin-top:2px}
.preregistration-primary{width:100%;border:1px solid #8bdfff;border-radius:12px;padding:15px 10px;background:linear-gradient(120deg,#147eff,#0535e8);box-shadow:0 0 16px #007fff66;color:white;font:700 14px Arial;cursor:pointer}
.preregistration-primary:disabled{opacity:.5;cursor:not-allowed}
.preregistration-secondary{display:block;margin:12px auto 0;border:0;background:none;color:#a4d8ff;padding:8px;font:14px Arial;cursor:pointer}
#preregistration-error{font:14px/1.5 Arial;color:#ffe3bd}
#preregistration-success>p:not(.preregistration-brand){font:16px/1.6 Arial;color:#d6eaff;margin-bottom:24px}
.lead-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(prefers-reduced-motion:no-preference){#presale-dialog[open] .prereg-logo-glow{animation:presale-shimmer 5s ease-in-out infinite}#presale-dialog[open] .prereg-portal-glow{animation:presale-glow 4s ease-in-out infinite}.preregistration-panel:not([hidden]){animation:presale-reveal .3s ease-out}}
@media(max-height:540px){#presale-dialog{width:min(280px,78vw);max-height:82dvh}}