:root{--bg:#080b22;--panel:#111836;--panel2:#172140;--ink:#f6f9ff;--muted:#acbad8;--cyan:#21e2ef;--pink:#ff42ae;--line:rgba(188,217,255,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--pink);color:#fff}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;z-index:20;top:-100px;left:20px;background:#fff;color:#10152d;padding:10px 14px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:10;background:rgba(8,11,34,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:20px;font-weight:950;font-style:italic;letter-spacing:-.08em}.brand img{border-radius:12px}.brand b{color:var(--pink)}.site-nav{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:750}.site-nav>a:not(.nav-cta){color:#c9d6ee;transition:color .2s}.site-nav>a:hover,.site-nav>a:focus-visible{color:var(--cyan)}.nav-cta{border:1px solid var(--pink);color:#fff;padding:10px 17px;border-radius:999px;box-shadow:inset 0 0 22px rgba(255,66,174,.1)}.nav-cta span,.button span,.text-link span{margin-left:10px}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;overflow:hidden;padding:83px 0 0;background:radial-gradient(circle at 83% 30%,rgba(44,37,169,.42),transparent 37%),radial-gradient(circle at 16% 5%,rgba(23,145,219,.15),transparent 28%),#080b22}.hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.24;background-image:linear-gradient(rgba(30,185,230,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(30,185,230,.16) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,transparent,#000 20%,transparent 85%)}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:30px;min-height:560px;padding-bottom:77px}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.18em;margin:0 0 20px}.live-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px var(--cyan)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1}h1{font-size:clamp(48px,5.15vw,78px);font-weight:950;letter-spacing:-.065em;margin-bottom:24px}h1 em{color:var(--cyan);font-style:normal;text-shadow:0 0 38px rgba(33,226,239,.3)}.hero-lead{max-width:540px;color:#bfcee8;font-size:18px;line-height:1.75;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:54px;padding:13px 23px;border-radius:13px;font-size:14px;font-weight:900;transition:transform .2s,box-shadow .2s}.button:hover,.button:focus-visible{transform:translateY(-3px)}.button-primary{background:var(--pink);color:#160928;box-shadow:0 10px 35px rgba(255,66,174,.32)}.button-primary:hover{box-shadow:0 15px 43px rgba(255,66,174,.45)}.text-link{font-weight:850;font-size:14px;border-bottom:1px solid currentColor;padding-bottom:3px}.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:54px;padding-top:25px;border-top:1px solid var(--line)}.hero-facts div{display:flex;flex-direction:column}.hero-facts strong{font-size:22px;line-height:1.2;white-space:nowrap}.hero-facts span{color:var(--muted);font-size:11px;margin-top:5px}.hero-visual{position:relative;min-width:0}.hero-image-wrap{position:relative;border:1px solid rgba(73,164,255,.34);border-radius:28px;padding:9px;background:linear-gradient(135deg,rgba(32,212,237,.16),rgba(255,56,165,.08));box-shadow:0 30px 95px rgba(0,0,0,.55),0 0 80px rgba(23,40,201,.35);transform:rotate(-3deg)}.hero-image-wrap img{width:100%;border-radius:20px;aspect-ratio:16/9;object-fit:cover}.floating-note{position:absolute;z-index:2;padding:10px 15px;border:1px solid rgba(128,210,255,.35);border-radius:8px;background:#101a3be8;font-size:11px;letter-spacing:.08em;font-weight:900;box-shadow:0 15px 30px rgba(0,0,0,.3)}.note-top{top:-35px;right:10px;color:var(--pink);transform:rotate(4deg)}.note-bottom{bottom:-30px;left:4%;display:flex;align-items:center;gap:9px;color:var(--cyan);transform:rotate(2deg)}.ticker{overflow:hidden;background:var(--cyan);color:#07132f;white-space:nowrap;transform:rotate(-1deg) scale(1.02);font-size:13px;font-weight:950;letter-spacing:.18em;padding:12px 0}.ticker div{width:max-content;animation:marquee 32s linear infinite}.ticker i{font-style:normal;margin:0 31px;color:#ec218d}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:112px 0}.section-heading{max-width:760px}.section-heading.centered{text-align:center;margin-inline:auto}.section-heading.centered .eyebrow{justify-content:center}.section-heading h2,.showcase-copy h2,.cta-content h2{font-size:clamp(35px,4vw,54px);font-weight:950;letter-spacing:-.055em;margin-bottom:18px}.section-heading h2 span,.showcase-copy h2 span,.cta-content h2 span{color:var(--cyan)}.section-heading>p:last-child{color:var(--muted);font-size:17px}.how{background:#0a1028}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:50px}.step-card{position:relative;min-height:275px;padding:32px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#141d3b,#0d1430);overflow:hidden}.step-card:after{content:"";position:absolute;right:-60px;bottom:-85px;width:190px;height:190px;border:1px solid rgba(37,230,246,.13);border-radius:50%;box-shadow:0 0 0 35px rgba(37,230,246,.025),0 0 0 70px rgba(37,230,246,.018)}.step-number{position:absolute;right:25px;top:23px;color:#607498;font-size:13px;font-weight:900}.step-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(255,66,174,.12);color:var(--pink);font-size:27px;margin-bottom:35px}.step-card:nth-child(2) .step-icon{background:rgba(33,226,239,.12);color:var(--cyan)}.step-card:nth-child(3) .step-icon{background:rgba(255,207,86,.12);color:#ffd86b}.step-card h3{font-size:22px;letter-spacing:-.03em;margin-bottom:10px}.step-card p{color:var(--muted);font-size:14px;line-height:1.7;margin:0;max-width:285px}.showcase{background:radial-gradient(circle at 88% 52%,rgba(30,95,176,.13),transparent 35%),#080b22}.showcase-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.showcase-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.8}.check-list{list-style:none;padding:0;margin:28px 0}.check-list li{position:relative;padding:9px 0 9px 31px;border-bottom:1px solid var(--line);font-size:14px;font-weight:650}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:950}.bright{color:var(--cyan)}.showcase-media{min-width:0}.screen-label{display:inline-flex;align-items:center;gap:10px;margin-bottom:15px;color:#b2c4dc;font-size:11px;font-weight:850;letter-spacing:.16em}.screen-frame{border:1px solid rgba(42,227,234,.5);border-radius:17px;padding:9px;background:#13203b;box-shadow:0 25px 70px rgba(0,0,0,.5),0 0 34px rgba(28,191,224,.14)}.screen-frame img{width:100%;border-radius:9px}.screen-caption{display:flex;justify-content:space-between;margin-top:13px;color:#8298bd;font-size:11px;letter-spacing:.12em;font-weight:800}.play-section{background:#0e1530}.play-top{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:37px}.play-top .section-heading{max-width:630px}.play-top>p{max-width:320px;margin-bottom:8px;color:var(--muted);font-size:15px}.play-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:25px}.play-shot{position:relative;align-self:stretch;overflow:hidden;border-radius:22px;border:1px solid rgba(33,226,239,.3);background:#050b20}.play-shot img{width:100%;height:100%;object-fit:cover}.play-shot-tag{position:absolute;left:18px;bottom:18px;display:inline-flex;gap:20px;padding:10px 13px;border-radius:8px;background:rgba(8,11,34,.88);border:1px solid rgba(33,226,239,.4);color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.1em}.mode-list{display:flex;flex-direction:column;gap:13px}.mode-list article{display:flex;gap:17px;align-items:start;flex:1;padding:25px 21px;border:1px solid var(--line);background:#151e3b;border-radius:18px}.mode-symbol{display:grid;flex:none;place-items:center;width:35px;height:35px;color:var(--pink);background:rgba(255,66,174,.12);border-radius:10px;font-size:22px}.mode-list article:nth-child(2) .mode-symbol{color:var(--cyan);background:rgba(33,226,239,.12)}.mode-list h3{font-size:17px;margin:3px 0 8px}.mode-list p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.devices{background:#080b22}.device-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-top:46px}.device-grid>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;text-align:center;padding:17px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#17203e,#101630)}.device-grid span{color:var(--cyan);font-size:30px;line-height:1;margin-bottom:15px}.device-grid strong{font-size:16px}.device-grid small{color:var(--muted);font-size:11px;margin-top:2px}.device-note{text-align:center;color:var(--muted);font-size:13px;margin:25px 0 0}.cta-section{padding-top:20px;background:#080b22}.cta-panel{position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px;overflow:hidden;min-height:390px;padding:55px 6%;border:1px solid rgba(255,66,174,.42);border-radius:27px;background:radial-gradient(circle at 83% 50%,rgba(255,51,168,.2),transparent 34%),linear-gradient(120deg,#142453,#10142d 75%)}.cta-panel:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 60px,rgba(255,255,255,.025) 61px 62px);pointer-events:none}.cta-content{position:relative;z-index:1;max-width:670px}.cta-content h2{font-size:clamp(38px,4.5vw,60px)}.cta-content h2 span{color:var(--pink)}.cta-content>p:not(.eyebrow){max-width:610px;color:#c5d1e9;font-size:16px;line-height:1.8}.button-whatsapp{background:#27d86e;color:#082017;margin:13px 0 12px;box-shadow:0 12px 35px rgba(39,216,110,.21)}.button-whatsapp:hover{box-shadow:0 15px 40px rgba(39,216,110,.38)}.cta-number{display:block;color:#a9bad9;font-size:12px}.cta-panel>img{position:relative;z-index:1;width:235px;border-radius:34px;transform:rotate(9deg);box-shadow:0 23px 50px rgba(0,0,0,.45)}.site-footer{border-top:1px solid var(--line);background:#070a1b}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:100px}.footer-inner p{color:var(--muted);font-size:13px;margin:0}.footer-inner>a:last-child{color:var(--cyan);font-size:13px;font-weight:800}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:1000px){.site-nav{gap:15px;font-size:12px}.hero-grid{grid-template-columns:1fr;gap:60px}.hero-copy{max-width:700px}.hero-visual{max-width:700px;margin-inline:auto}.hero-facts{max-width:600px}.showcase-grid{grid-template-columns:1fr;gap:40px}.showcase-copy{max-width:700px}.play-layout{grid-template-columns:1fr}.mode-list{display:grid;grid-template-columns:repeat(3,1fr)}.mode-list article{padding:20px;flex-direction:column}.device-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.container{width:min(100% - 34px,1180px)}.header-inner{min-height:68px}.brand{font-size:18px}.brand img{width:40px;height:40px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#111938;padding:10px;cursor:pointer}.menu-toggle span{display:block;height:2px;background:#fff;border-radius:2px}.site-nav{display:none;position:absolute;left:0;right:0;top:68px;flex-direction:column;align-items:stretch;gap:0;background:#0e1430;padding:10px 17px 20px;border-bottom:1px solid var(--line);box-shadow:0 18px 25px rgba(0,0,0,.3)}.site-nav.is-open{display:flex}.site-nav a{padding:12px}.site-nav .nav-cta{text-align:center;margin-top:8px}.hero{padding-top:58px}.hero-grid{gap:55px;padding-bottom:75px}.hero-lead{font-size:16px}.hero-facts{margin-top:38px}.hero-facts strong{font-size:18px}.section{padding:78px 0}.steps-grid{grid-template-columns:1fr;margin-top:35px}.step-card{min-height:0}.play-top{display:block}.play-top>p{max-width:600px}.mode-list{grid-template-columns:1fr}.mode-list article{flex-direction:row}.device-grid{grid-template-columns:repeat(2,1fr)}.cta-section{padding-top:0}.cta-panel{padding:42px 27px;min-height:0}.cta-panel>img{display:none}.footer-inner{padding:25px 0;flex-wrap:wrap}.footer-inner p{order:3;width:100%}}@media(max-width:440px){h1{font-size:45px}.hero-facts{grid-template-columns:repeat(2,1fr)}.hero-facts div:last-child{grid-column:span 2}.hero-actions{gap:18px}.hero-image-wrap{transform:rotate(-2deg)}.note-top{right:0;top:-27px}.note-bottom{left:0;bottom:-25px}.floating-note{font-size:9px;padding:8px}.device-grid>div{min-height:130px}.cta-content h2{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.button{transition:none}}

/* Mantener la proporción natural de las capturas y el banner. */
.hero-image-wrap img,.screen-frame img,.play-shot img{height:auto;max-height:none;object-fit:contain}
.hero-image-wrap img{aspect-ratio:16/9}
.play-shot{align-self:start}


/* Oferta VIP destacada inmediatamente después de la portada. */
.vip-feature{position:relative;padding:0 0 42px;background:linear-gradient(#080b22,#0a1028)}
.vip-card{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:32px;overflow:hidden;min-height:330px;padding:38px clamp(27px,5vw,65px);border:2px solid #fff0a5;border-radius:27px;background:linear-gradient(115deg,#ffe982 0%,#ffd966 53%,#ffb95c 100%);box-shadow:0 25px 80px rgba(0,0,0,.35),0 0 45px rgba(255,209,87,.16);color:#17142f}
.vip-card:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(145deg,transparent 0 77px,rgba(255,255,255,.11) 78px 80px)}
.vip-copy{position:relative;z-index:1;max-width:720px}
.vip-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 19px;padding:6px 12px;border-radius:999px;background:#17142f;color:#ffe982;font-size:11px;font-weight:950;letter-spacing:.17em}
.vip-kicker span{color:#ff50b6}
.vip-copy h2{max-width:720px;margin:0 0 13px;font-size:clamp(43px,5.3vw,78px);font-weight:950;letter-spacing:-.07em;line-height:1}
.vip-copy h2 strong{display:block;color:#d51079;font:inherit;text-shadow:1px 2px 0 rgba(255,255,255,.35)}
.vip-description{max-width:590px;margin:0;color:#342f3d;font-size:16px;font-weight:600;line-height:1.6}
.vip-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:23px}
.vip-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:53px;padding:12px 19px;border-radius:12px;background:#173a30;color:#fff;font-size:14px;font-weight:900;box-shadow:0 10px 20px rgba(12,70,42,.22);transition:transform .2s,box-shadow .2s}
.vip-button:hover,.vip-button:focus-visible{transform:translateY(-3px);box-shadow:0 14px 27px rgba(12,70,42,.34)}
.vip-button span{font-size:20px;line-height:1}
.vip-actions>span{color:#4d4555;font-size:12px;font-weight:850}
.vip-art{flex:none;display:grid;place-items:center;width:265px;height:265px;border:4px solid #40e2e7;border-radius:50%;background:radial-gradient(circle at 43% 36%,#313a80,#10143a 68%);box-shadow:inset 0 0 35px rgba(33,226,239,.28),0 20px 45px rgba(56,27,52,.24);transform:rotate(9deg)}
.vip-art-inner{display:flex;flex-direction:column;align-items:center;line-height:1}
.vip-art-inner span{padding:6px 15px;border-radius:7px;background:#ff46aa;color:#fff;font-size:17px;font-weight:950;letter-spacing:.12em;transform:rotate(-7deg)}
.vip-art-inner strong{color:#fff;font-size:128px;font-weight:950;letter-spacing:-.1em;text-shadow:0 5px 0 #15d9e3,0 0 25px rgba(33,226,239,.46)}
.vip-art-inner small{color:#ffe982;font-size:16px;font-weight:950;letter-spacing:.08em}
@media(max-width:820px){.vip-art{width:200px;height:200px}.vip-art-inner strong{font-size:96px}.vip-copy h2{font-size:clamp(42px,6vw,64px)}}
@media(max-width:650px){.vip-feature{padding-bottom:20px}.vip-card{min-height:0;padding:31px 25px}.vip-art{display:none}.vip-copy h2{font-size:clamp(40px,10vw,58px)}.vip-description{font-size:15px}.vip-actions{align-items:stretch;gap:12px}.vip-button{width:100%}.vip-actions>span{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.vip-button{transition:none}}

#vip{scroll-margin-top:92px}


/* Iconos de plataformas. */
.device-grid>.device-card{position:relative;overflow:hidden;min-height:172px;border:1px solid rgba(139,171,220,.24);background:linear-gradient(155deg,#1b2850 0%,#111a37 72%);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 26px rgba(0,0,0,.15);transition:transform .2s,border-color .2s,box-shadow .2s}
.device-grid>.device-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--platform)}
.device-grid>.device-card:hover{transform:translateY(-5px);border-color:var(--platform);box-shadow:0 18px 34px rgba(0,0,0,.26)}
.device-ios{--platform:#edf4ff}
.device-android{--platform:#a4ef67}
.device-windows{--platform:#45c6f8}
.device-mac{--platform:#dce8fa}
.device-appgallery{--platform:#ff619f}
.device-grid .platform-mark{display:grid;place-items:center;flex:none;width:64px;height:64px;margin:0 0 16px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.055);box-shadow:inset 0 0 20px rgba(255,255,255,.025)}
.device-grid .platform-mark img{width:42px;height:42px;object-fit:contain}
.device-grid .device-card strong{font-size:17px;line-height:1.2}
.device-grid .device-card small{margin-top:5px;font-size:11px}
@media(max-width:720px){.device-grid>.device-card{min-height:155px}.device-grid .platform-mark{width:56px;height:56px;border-radius:15px}.device-grid .platform-mark img{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.device-grid>.device-card{transition:none}}