@font-face{font-family:RobotoCondensed;src:url('/assets/roboto-condensed-italic.woff2') format('woff2');font-display:swap;font-style:italic;font-weight:700 900}
:root{--pink:#ff087b;--cyan:#42d9ff;--purple:#521084;--ink:#090510;--paper:#fffafc;--muted:#c8baca;--max:1240px;--header:92px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,Arial,sans-serif;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:999;transform:translateY(-150%);background:#fff;color:#111;padding:12px 18px;font-weight:800}.skip-link:focus{transform:none}
.site-header{position:fixed;z-index:100;left:0;right:0;top:0;height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 max(30px,calc((100vw - var(--max))/2));transition:background .3s,box-shadow .3s,height .3s}.site-header.scrolled{height:72px;background:#090510e8;backdrop-filter:blur(18px);box-shadow:0 1px #ffffff16}.brand img{width:150px;height:auto}.menu{display:flex;align-items:center;gap:30px;font-size:.79rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.menu a{position:relative;padding:10px 0}.menu a:not(.nav-live):after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;background:var(--pink);transition:right .25s}.menu a:hover:after,.menu a:focus-visible:after{right:0}.nav-live{display:flex;gap:9px;align-items:center;padding:12px 17px!important;background:#ffffff0b;border:1px solid #ffffff26;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%)}.nav-live i,.live-note i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 5px #ff087b22,0 0 18px var(--pink);animation:pulse 1.7s ease-in-out infinite}.menu-toggle{display:none;background:none;border:0;color:white;padding:12px}.menu-toggle span{display:block;width:27px;height:2px;background:#fff;margin:5px}
.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.82fr);align-items:center;gap:10px;padding:calc(var(--header) + 50px) max(32px,calc((100vw - var(--max))/2)) 80px;isolation:isolate;overflow:hidden;background:linear-gradient(116deg,#090510 3%,#270625 45%,#061a2c 100%)}.intro-scene{position:absolute;inset:0;z-index:-2;overflow:hidden}.intro-scene:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 77% 36%,#ff087b34,transparent 28%),radial-gradient(circle at 75% 70%,#2fd3ff24,transparent 32%),linear-gradient(90deg,#090510cc 0 35%,transparent 68%)}.aurora{position:absolute;right:2%;top:4%;width:min(90vw,1200px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ff087b5f 0,#8e27d635 31%,#23bce51f 53%,transparent 72%);filter:blur(36px);animation:breathe 6s ease-in-out infinite}.orbit{position:absolute;border:1px solid #ffffff18;border-radius:50%;animation:orbit 24s linear infinite}.orbit-a{right:-8vw;top:-17vw;width:76vw;height:76vw}.orbit-b{right:8vw;top:8vw;width:49vw;height:49vw;animation-direction:reverse;animation-duration:17s}.beam{position:absolute;bottom:-18%;width:11vw;height:120%;transform-origin:50% 100%;clip-path:polygon(48% 100%,52% 100%,100% 0,0 0);filter:blur(6px);mix-blend-mode:screen;opacity:.22;animation:sweep 8s ease-in-out infinite alternate}.beam-a{left:37%;background:linear-gradient(0deg,#ff087b,transparent 72%);--tilt:-18deg}.beam-b{left:56%;background:linear-gradient(0deg,#713bff,transparent 74%);--tilt:13deg;animation-delay:-2s}.beam-c{left:77%;background:linear-gradient(0deg,#36d7ff,transparent 74%);--tilt:-10deg;animation-delay:-4s}.beam-d{left:91%;background:linear-gradient(0deg,#ff5c9e,transparent 70%);--tilt:17deg;animation-delay:-6s}.stage-floor{position:absolute;left:22%;right:-4%;bottom:-4%;height:19%;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);background:repeating-linear-gradient(90deg,transparent 0 9.8%,#ffffff0d 10%),linear-gradient(#31253c,#0c0910);border-top:1px solid #ffffff4a}.landmark{position:absolute;bottom:3%;opacity:.09;filter:brightness(0) invert(1)}.landmark-a{left:4%;width:26vw}.landmark-b{right:0;width:29vw;opacity:.07}
.hero-copy{position:relative;z-index:3;max-width:690px}.kicker{margin:0 0 22px;color:var(--cyan);font-family:RobotoCondensed,Arial,sans-serif;font-style:italic;font-size:.92rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.kicker span{display:inline-block;width:34px;height:6px;margin-right:9px;background:var(--pink);clip-path:polygon(0 0,100% 0,86% 100%,0 100%)}h1,h2,h3{margin:0;font-family:RobotoCondensed,Arial Narrow,Arial,sans-serif;font-style:italic;text-transform:uppercase}h1{font-size:clamp(4.7rem,7.4vw,8.5rem);line-height:.78;letter-spacing:-.045em;text-shadow:8px 8px 0 #17031d}h1 em,h2 em{font-style:inherit;color:var(--pink);text-shadow:5px 5px 0 #4b0750}.hero-lead{max-width:650px;margin:32px 0 0;font-size:clamp(1.05rem,1.35vw,1.28rem);line-height:1.62;color:#e2d8e4}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;font-family:RobotoCondensed,Arial,sans-serif;font-style:italic;font-size:.95rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%);transition:transform .2s,filter .2s}.button:hover,.button:focus-visible{transform:translateY(-3px);filter:brightness(1.12)}.button.primary{background:linear-gradient(120deg,var(--pink),#c317e4);box-shadow:0 13px 38px #ff087b32}.button.ghost{border:1px solid #ffffff48;background:#ffffff0c}.live-note{display:flex;align-items:center;gap:12px;margin-top:22px;color:#afa1b5;font-size:.83rem}.hero-cast{position:relative;z-index:2;align-self:stretch;min-height:650px}.cast-halo{position:absolute;left:7%;right:-18%;top:17%;aspect-ratio:1;border:1px solid #ffffff1a;border-radius:50%;box-shadow:inset 0 0 90px #ff087b17,0 0 80px #1edaff10}.cast-halo:after{content:"";position:absolute;inset:11%;border:1px dashed #ffffff26;border-radius:50%;animation:orbit 26s linear infinite}.cast-person{position:absolute;inset:auto -15% 0 -10%;margin:0;opacity:0;transform:translateX(55px) scale(.97);transition:opacity .9s,transform .9s;filter:drop-shadow(-20px 8px 32px #0009)}.cast-person.is-active{opacity:1;transform:none}.cast-person img{width:100%;height:auto}.cast-person figcaption{position:absolute;right:13%;bottom:13%;padding:10px 16px;background:#090510d9;border-left:5px solid var(--pink);font-family:RobotoCondensed,Arial,sans-serif;font-style:italic;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.cast-dots{position:absolute;right:2%;bottom:3%;display:flex;gap:8px}.cast-dots i{width:24px;height:4px;background:#ffffff3d}.cast-dots i.active{background:var(--cyan)}.scroll-cue{position:absolute;left:50%;bottom:23px;transform:translateX(-50%);display:grid;justify-items:center;gap:9px;color:#bcaec2;font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.scroll-cue i{width:1px;height:25px;background:linear-gradient(var(--pink),transparent)}
.topic-strip{overflow:hidden;background:var(--pink);color:#160515;transform:rotate(-1deg) scale(1.01);position:relative;z-index:5}.topic-strip div{display:flex;width:max-content;gap:25px;align-items:center;padding:14px 0;font-family:RobotoCondensed,Arial,sans-serif;font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:.08em;animation:ticker 25s linear infinite}.topic-strip b{font-size:.65rem}.section{position:relative;padding:120px max(30px,calc((100vw - var(--max))/2))}.section-heading h2{font-size:clamp(3.8rem,6.7vw,7.3rem);line-height:.82;letter-spacing:-.035em}.about{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px 90px;background:radial-gradient(circle at 8% 28%,#5a0c5630,transparent 37%),#0c0712}.about-copy{padding-top:35px}.about-copy p{color:var(--muted);font-size:1.05rem;line-height:1.8}.about-copy .big-copy{margin:0 0 25px;color:#fff;font-size:clamp(1.45rem,2.2vw,2.15rem);line-height:1.35}.format-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.format-card{position:relative;min-height:260px;padding:31px;background:linear-gradient(145deg,#220d2e,#10101e);border-top:3px solid var(--pink);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,20px 100%,0 calc(100% - 20px));overflow:hidden}.format-card:nth-child(2){border-color:var(--cyan)}.format-card span{position:absolute;right:19px;top:11px;color:#ffffff0a;font-family:RobotoCondensed;font-size:7rem;font-weight:900}.format-card h3{position:relative;margin-top:70px;font-size:2.1rem}.format-card p{position:relative;color:var(--muted);line-height:1.55}
.team-section{background:linear-gradient(160deg,#110719,#071521)}.team-section .section-heading{margin-bottom:58px}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.team-card{position:relative;min-height:420px;overflow:hidden;background:#0a0710;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)}.team-card:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(transparent 42%,#090510 91%)}.team-card:after{content:"";position:absolute;left:0;top:0;width:5px;height:68%;background:var(--pink)}.team-card:nth-child(even):after{background:var(--cyan)}.team-card img{width:145%;max-width:none;height:100%;object-fit:cover;object-position:53% center;transform:translateX(-18%);filter:saturate(.82);transition:transform .5s,filter .5s}.team-card:hover img{transform:translateX(-18%) scale(1.04);filter:saturate(1.05)}.team-card div{position:absolute;z-index:2;left:23px;right:18px;bottom:22px}.team-card span{color:var(--cyan);font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.team-card h3{font-size:1.75rem}
.games-section{min-height:720px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;overflow:hidden;background:linear-gradient(110deg,#290626,#140720 48%,#052436)}.game-light{position:absolute;right:-10%;top:-30%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(#34dbff43,transparent 60%);filter:blur(45px)}.game-copy{position:relative;z-index:2}.game-copy h2,.closing h2{font-size:clamp(4rem,6.6vw,7.2rem);line-height:.82}.game-copy>p:not(.kicker),.closing p:not(.kicker){max-width:620px;color:#d4c8d8;font-size:1.1rem;line-height:1.7}.game-copy .button{margin-top:20px}.game-demo{position:relative;display:grid;place-items:center;min-height:540px}.phone{position:relative;width:min(320px,70vw);height:590px;padding:78px 25px 30px;background:linear-gradient(165deg,#1c0a29,#07050c);border:3px solid #ffffff26;border-top-color:var(--cyan);border-radius:34px;box-shadow:25px 30px 70px #0008,0 0 60px #33d9ff1d;transform:rotate(7deg);display:flex;flex-direction:column;align-items:center;gap:30px;overflow:hidden}.phone:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,#ff087b35,transparent 30%)}.phone-top{position:absolute;top:13px;width:36%;height:21px;border-radius:20px;background:#000}.phone img{position:relative;width:190px}.phone span{position:relative;font-family:RobotoCondensed;font-style:italic;font-weight:900;letter-spacing:.1em}.phone button{position:relative;width:210px;height:150px;border:0;border-radius:50%;background:linear-gradient(#ff278e,#bd0a67);box-shadow:0 12px 0 #640638,0 0 42px #ff087b73;color:#fff;font-family:RobotoCondensed;font-style:italic;font-size:2.2rem;font-weight:900}.phone i{position:relative;width:100%;height:12px;background:#ffffff13}.phone i:after{content:"";display:block;width:70%;height:100%;background:linear-gradient(90deg,var(--pink),var(--cyan))}.signal{position:absolute;border:2px solid #44dafe4a;border-radius:50%;width:410px;height:410px;animation:breathe 2.8s infinite}.signal-b{width:520px;height:520px;animation-delay:-1.3s}
.closing{min-height:680px;display:grid;place-items:center;text-align:center;overflow:hidden}.closing>div:not(.closing-bg){position:relative;z-index:2;display:grid;justify-items:center}.closing-bg{position:absolute;inset:0;background:radial-gradient(circle at center,#8d12624c,transparent 45%),linear-gradient(#090510,#15071a)}.closing-bg i{position:absolute;left:50%;bottom:-30%;width:16vw;height:125%;clip-path:polygon(49% 100%,51% 100%,100% 0,0 0);background:linear-gradient(0deg,#ff087b75,transparent);filter:blur(7px);transform-origin:bottom}.closing-bg i:nth-child(1){transform:translateX(-50%) rotate(-30deg)}.closing-bg i:nth-child(2){transform:translateX(-50%) rotate(0);background:linear-gradient(0deg,#683cff65,transparent)}.closing-bg i:nth-child(3){transform:translateX(-50%) rotate(30deg);background:linear-gradient(0deg,#30d7ff65,transparent)}footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;padding:34px max(30px,calc((100vw - var(--max))/2));background:#050307;border-top:1px solid #ffffff16;color:#a99dac;font-size:.82rem}.footer-brand img{width:120px}.footer-brand+ p{line-height:1.5}footer div{display:flex;gap:20px;font-weight:800;text-transform:uppercase}footer small{grid-column:1/-1;color:#645c69}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.error-page{min-height:100vh;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,#4b0a46,#090510 65%)}.error-page main{display:grid;justify-items:center;gap:24px;padding:30px}.error-page img{width:230px}.error-page h1{font-size:clamp(4rem,9vw,8rem)}
@keyframes pulse{50%{opacity:.42;transform:scale(.82)}}@keyframes breathe{50%{transform:scale(1.07);opacity:.72}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes sweep{from{transform:rotate(calc(var(--tilt) - 5deg))}to{transform:rotate(calc(var(--tilt) + 5deg))}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:1000px){:root{--header:76px}.site-header{padding:0 24px}.menu-toggle{display:block}.menu{position:fixed;inset:76px 0 auto;background:#090510f7;display:grid;gap:0;padding:18px 25px 27px;transform:translateY(-140%);transition:transform .3s;border-bottom:1px solid #ff087b55}.menu.open{transform:none}.menu a{padding:14px}.hero{grid-template-columns:1fr;min-height:980px;padding-inline:28px;padding-top:130px;align-items:start}.hero-copy{max-width:800px}.hero-cast{position:absolute;right:-6%;bottom:0;width:min(650px,88vw);height:600px;min-height:0;opacity:.54}.cast-person{inset:auto -11% 0 -10%}.hero:after{content:"";position:absolute;z-index:1;inset:42% 0 0;background:linear-gradient(transparent,#090510a8 65%)}.hero-copy{z-index:4}.scroll-cue{z-index:5}.about{grid-template-columns:1fr}.format-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr)}.games-section{grid-template-columns:1fr}.game-demo{min-height:490px}.phone{height:540px}.section{padding-block:90px}}
@media(max-width:620px){.brand img{width:118px}.hero{min-height:900px;padding-inline:20px}.hero-copy h1{font-size:clamp(4.3rem,20vw,6.4rem)}.hero-lead{font-size:1rem}.hero-actions{display:grid}.button{width:100%}.hero-cast{width:100vw;right:-22%;height:470px}.cast-person figcaption,.cast-dots{display:none}.section{padding:76px 20px}.section-heading h2,.game-copy h2,.closing h2{font-size:clamp(3.5rem,17vw,5.4rem)}.about{gap:35px}.format-card{min-height:230px}.team-grid{grid-template-columns:1fr 1fr;gap:8px}.team-card{min-height:290px}.team-card div{left:13px;bottom:14px}.team-card h3{font-size:1.25rem}.team-card span{font-size:.62rem}.game-demo{min-height:480px}.phone{height:500px}.topic-strip div{animation-duration:17s}footer{grid-template-columns:1fr;text-align:center;justify-items:center}footer div{justify-content:center}footer small{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* En escritorio las personas terminan detrás del frente del escenario. */
@media(min-width:1001px){.cast-person img{clip-path:inset(0 0 23% 0)}.cast-person figcaption{bottom:20%}}

/* Ajustes visuales del hero, marquee y footer */
.intro-scene:after{background:radial-gradient(circle at 77% 36%,#ff087b42,transparent 30%),radial-gradient(circle at 75% 70%,#2fd3ff32,transparent 34%),linear-gradient(90deg,#090510b8 0 35%,transparent 68%)}
.aurora{background:radial-gradient(circle,#ff087b80 0,#8e27d650 31%,#23bce538 53%,transparent 72%);filter:blur(30px)}
.beam{width:15vw;height:125%;filter:blur(5px);opacity:.38;animation-duration:7s}
.topic-strip>div{will-change:transform;white-space:nowrap}
.footer-brand{display:block;line-height:0}
.footer-brand img{display:block;width:120px;height:auto;object-fit:contain}
@media(min-width:1001px){.cast-person{bottom:-6%}.cast-person figcaption{bottom:25%}}

/* El hero conserva la puesta de la intro sin forzar el ancho del celular. */
.hero-copy{min-width:0}
@media(max-width:620px){.hero-copy{width:350px;max-width:calc(100vw - 40px)}.hero-copy h1{max-width:100%;font-size:clamp(3.8rem,16vw,4.2rem);line-height:.82}}