:root{--navy:#061226;--navy2:#091b38;--blue:#008cff;--cyan:#14d9ff;--red:#ff304c;--yellow:#ffc928;--green:#19c36a;--white:#f8fbff;--muted:#9aacbf;--line:rgba(255,255,255,.13);--shadow:0 30px 80px rgba(0,8,24,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f8fc;color:#071427;font-family:"Segoe UI",Arial,sans-serif;overflow-x:hidden}body.intro-open{overflow:hidden}a{color:inherit}.shell{width:min(1180px,calc(100% - 42px));margin-inline:auto}.section{padding:clamp(90px,10vw,150px) 0}.reveal{opacity:0;transform:translateY(38px);transition:opacity .85s,transform .85s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}

/* Intro */
.intro{--mx:0px;--my:0px;position:fixed;inset:0;z-index:9999;display:grid;place-items:center;isolation:isolate;color:#fff;background:#030b18;overflow:hidden}.intro-grid{position:absolute;inset:-40%;z-index:-2;background-image:linear-gradient(rgba(0,140,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(0,140,255,.12) 1px,transparent 1px);background-size:70px 70px;transform:perspective(650px) rotateX(62deg) translateY(28%) translate(var(--mx),var(--my));transform-origin:center bottom;mask-image:linear-gradient(transparent 14%,#000 45%,transparent 78%);transition:transform .25s}.intro-beam{position:absolute;z-index:-1;width:48vw;aspect-ratio:1;border-radius:50%;filter:blur(100px);opacity:.33;animation:beamMove 5s ease-in-out infinite alternate}.intro-beam--one{background:#008cff;left:-22vw;top:-20vw}.intro-beam--two{background:#ff304c;right:-22vw;bottom:-22vw;animation-delay:-2s}.intro-orbit{position:absolute;width:min(58vw,750px);aspect-ratio:1;z-index:-1;border:1px solid rgba(20,217,255,.25);border-radius:50%;animation:orbitSpin 14s linear infinite}.intro-orbit::before,.intro-orbit::after{content:"";position:absolute;inset:10%;border:1px solid rgba(255,255,255,.08);border-radius:50%}.intro-orbit::after{inset:24%;border-color:rgba(255,48,76,.22)}.intro-orbit span{position:absolute;width:14px;aspect-ratio:1;border-radius:50%;background:var(--cyan);box-shadow:0 0 22px var(--cyan)}.intro-orbit span:nth-child(1){left:7%;top:24%}.intro-orbit span:nth-child(2){right:14%;top:16%;background:var(--red);box-shadow:0 0 22px var(--red)}.intro-orbit span:nth-child(3){right:9%;bottom:20%;background:var(--yellow);box-shadow:0 0 22px var(--yellow)}
.intro-console{width:min(90vw,1120px);min-height:min(78vh,720px);display:flex;flex-direction:column;justify-content:center;position:relative;padding:clamp(28px,5vw,75px);border-inline:1px solid rgba(255,255,255,.12);z-index:3;transition:opacity .3s,filter .3s,transform .3s}.intro-status{position:absolute;left:clamp(28px,5vw,75px);right:clamp(28px,5vw,75px);top:24px;display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:.18em;color:#90a4ba}.intro-status span{display:flex;align-items:center;gap:9px}.intro-status i{width:8px;aspect-ratio:1;border-radius:50%;background:#27e783;box-shadow:0 0 15px #27e783;animation:blink 1s infinite}.intro-logo-wrap{height:clamp(70px,10vw,115px);position:relative;align-self:flex-start;margin-bottom:clamp(20px,3vh,34px);opacity:0;transform:scale(.7);animation:logoBoot .7s .25s forwards}.intro-logo-wrap img{height:100%;width:auto;position:relative;z-index:2;filter:drop-shadow(0 0 28px rgba(0,140,255,.4))}.logo-pulse{position:absolute;inset:0;border-radius:50%;border:2px solid var(--cyan);animation:logoPulse 1.8s .6s infinite;opacity:0}.intro-copy{display:flex;flex-direction:column;perspective:1000px}.intro-word{margin:0;font:900 clamp(3.3rem,10vw,9.5rem)/.72 "Arial Black","Segoe UI",sans-serif;letter-spacing:-.08em;opacity:0;will-change:transform}.intro-word.from-top{transform:translateY(-110px) rotateX(-65deg)}.intro-word.from-bottom{transform:translateY(110px) rotateX(65deg);color:transparent;-webkit-text-stroke:clamp(1px,.12vw,2px) #fff}.intro.playing .intro-word:nth-child(1){animation:fromTop .85s .7s cubic-bezier(.16,1,.3,1) forwards}.intro.playing .intro-word:nth-child(2){animation:fromBottom .9s 1.35s cubic-bezier(.16,1,.3,1) forwards}.intro.playing .intro-word:nth-child(3){animation:fromTop .9s 2s cubic-bezier(.16,1,.3,1) forwards}.gradient-word{width:max-content;color:transparent;background:linear-gradient(90deg,#008cff,#14d9ff,#19c36a,#ffc928,#ff304c,#008cff);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;animation:gradient 4s linear infinite}.intro-tagline{margin:clamp(26px,5vh,48px) 0 0;font-size:clamp(.9rem,1.5vw,1.2rem);letter-spacing:.08em;color:#afbed0;opacity:0;transform:translateY(20px);animation:tagIn .7s 2.8s forwards}.intro-tagline strong{color:#fff}.loading{position:absolute;left:clamp(28px,5vw,75px);right:clamp(28px,5vw,75px);bottom:25px;height:3px;background:rgba(255,255,255,.1)}.loading span{display:block;height:100%;width:0;background:linear-gradient(90deg,#008cff,#14d9ff,#19c36a,#ffc928,#ff304c);box-shadow:0 0 18px var(--blue);animation:load 6.5s .2s linear forwards}.skip{position:absolute;z-index:8;right:4%;bottom:3%;padding:12px 17px;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:99px;background:rgba(255,255,255,.06);backdrop-filter:blur(15px);font-weight:700;cursor:pointer;transition:.25s}.skip:hover{background:#fff;color:#061226;transform:translateY(-3px)}.intro-door{position:absolute;z-index:0;top:0;width:50.2%;height:100%;background:#030b18;transition:transform 1.25s cubic-bezier(.76,0,.24,1)}.intro-door--left{left:0;background:radial-gradient(circle at 100% 30%,rgba(0,140,255,.18),transparent 50%),#030b18}.intro-door--right{right:0;background:radial-gradient(circle at 0 70%,rgba(255,48,76,.16),transparent 50%),#030b18}.intro.leaving .intro-console,.intro.leaving .intro-grid,.intro.leaving .intro-beam,.intro.leaving .intro-orbit,.intro.leaving .skip{opacity:0;filter:blur(12px);transform:scale(1.04)}.intro.leaving .intro-door--left{transform:translateX(-102%)}.intro.leaving .intro-door--right{transform:translateX(102%)}
@keyframes fromTop{to{opacity:1;transform:none}}@keyframes fromBottom{to{opacity:1;transform:none}}@keyframes tagIn{to{opacity:1;transform:none}}@keyframes logoBoot{to{opacity:1;transform:scale(1)}}@keyframes logoPulse{50%{opacity:.55;transform:scale(1.3)}100%{opacity:0;transform:scale(1.55)}}@keyframes blink{50%{opacity:.25}}@keyframes gradient{to{background-position:220% 0}}@keyframes load{to{width:100%}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes beamMove{to{transform:translate(9vw,5vw) scale(1.2)}}

/* Navegación */
.site-header{position:fixed;z-index:100;inset:0 0 auto;color:#fff;transition:.3s}.site-header.scrolled{background:rgba(4,14,31,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 14px 45px rgba(0,0,0,.25)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{width:88px;height:52px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}.brand>span{display:flex;flex-direction:column}.brand b{font-weight:900;letter-spacing:.05em}.brand small{font-size:.55rem;letter-spacing:.16em;color:#9eb1c7}.menu{display:flex;align-items:center;gap:clamp(15px,2.2vw,34px)}.menu>a{text-decoration:none;font-size:.84rem;font-weight:700;position:relative}.menu>a:not(.nav-action)::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:right .25s}.menu>a:hover::after{right:0}.nav-action{padding:12px 17px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(120deg,#0078e8,#00b7ef);box-shadow:0 10px 30px rgba(0,140,255,.25)}.menu-button{display:none;width:44px;height:44px;border:0;background:linear-gradient(135deg,var(--blue),var(--red));padding:12px}.menu-button span{display:block;height:2px;background:#fff;margin:6px 0}

/* Hero */
.hero{min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 77% 35%,rgba(0,140,255,.25),transparent 27rem),radial-gradient(circle at 15% 80%,rgba(255,48,76,.13),transparent 24rem),linear-gradient(145deg,#041023,#081b39 55%,#071329);color:#fff;padding:125px 0 80px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(20,217,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(20,217,255,.055) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(#000,transparent 82%)}.hero-glow{position:absolute;width:400px;aspect-ratio:1;border-radius:50%;filter:blur(110px);opacity:.2;animation:heroGlow 7s ease-in-out infinite alternate}.hero-glow--blue{right:2%;top:18%;background:var(--blue)}.hero-glow--red{left:-10%;bottom:-10%;background:var(--red);animation-delay:-3s}.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:5vw;align-items:center}.kicker{display:flex;align-items:center;gap:10px;margin:0 0 25px;font-size:.68rem;font-weight:800;letter-spacing:.18em;color:#60748c}.kicker span{width:9px;aspect-ratio:1;background:linear-gradient(135deg,var(--blue),var(--cyan));transform:rotate(45deg);box-shadow:0 0 12px var(--blue)}.hero .kicker,.kicker.light{color:#9dafc3}.hero h1,.section-head h2,.experience h2,.digital-pass h2,.final-cta h2{margin:0;font:900 clamp(3.1rem,6.6vw,7rem)/.91 "Arial Black","Segoe UI",sans-serif;letter-spacing:-.065em}.hero h1 em,.section-head h2 em,.experience h2 em,.final-cta h2 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#008cff,#14d9ff,#19c36a);background-clip:text;-webkit-background-clip:text}.hero-text{max-width:630px;margin:30px 0;font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.65;color:#a8b7ca}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button{min-height:55px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-weight:800;border-radius:4px;transition:transform .25s,box-shadow .25s}.button:hover{transform:translate(-4px,-4px)}.button.primary{background:linear-gradient(120deg,#007cec,#00bde9);box-shadow:0 13px 35px rgba(0,140,255,.28)}.button.primary:hover{box-shadow:6px 6px 0 var(--red),0 15px 40px rgba(0,140,255,.35)}.button.ghost{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.04)}.quick-proof{display:flex;gap:32px;margin-top:50px}.quick-proof>div{display:flex;gap:9px;align-items:center}.quick-proof strong{font-size:2rem;color:var(--cyan)}.quick-proof span{font-size:.68rem;line-height:1.2;color:#8092a8;text-transform:uppercase;letter-spacing:.08em}
.hero-stage{position:relative;min-height:590px;perspective:1000px}.stage-ring{position:absolute;border:1px solid rgba(20,217,255,.22);border-radius:50%;animation:ringSpin 12s linear infinite}.ring-one{inset:5%}.ring-two{inset:17%;border-style:dashed;animation-direction:reverse;animation-duration:8s}.card-main{position:absolute;left:12%;right:9%;top:18%;bottom:18%;padding:18px;background:linear-gradient(145deg,rgba(22,52,91,.9),rgba(4,13,28,.94));border:1px solid rgba(255,255,255,.17);border-radius:30px;box-shadow:0 40px 90px rgba(0,0,0,.42),0 0 70px rgba(0,140,255,.15);transform:rotateY(-8deg) rotateX(4deg);animation:cardFloat 5s ease-in-out infinite}.card-screen{height:77%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border-radius:19px;background:radial-gradient(circle at 50% 80%,rgba(0,140,255,.3),transparent 48%),#020811;border:1px solid rgba(20,217,255,.18);overflow:hidden}.card-screen::before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 49%,rgba(20,217,255,.08) 50%,transparent 51%);background-size:100% 8px;animation:scan 4s linear infinite}.card-screen img{width:70%;position:relative;filter:drop-shadow(0 0 24px rgba(0,140,255,.35))}.card-screen small{margin-bottom:22px;color:#6f849b;font-size:.55rem;letter-spacing:.18em}.online-dot{position:absolute;right:15px;top:15px;width:8px;aspect-ratio:1;border-radius:50%;background:#28e585;box-shadow:0 0 12px #28e585}.card-buttons{height:23%;display:flex;align-items:center;gap:12px;padding:0 10px}.card-buttons span{width:17px;aspect-ratio:1;border-radius:50%;background:var(--blue)}.card-buttons span:nth-child(2){background:var(--red)}.card-buttons span:nth-child(3){background:var(--yellow)}.card-buttons span:nth-child(4){margin-left:auto;width:60px;border-radius:99px;background:#122947}.mini-card{position:absolute;width:185px;padding:18px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:rgba(8,23,49,.82);backdrop-filter:blur(16px);box-shadow:var(--shadow);animation:miniFloat 4s ease-in-out infinite}.mini-card span{font-size:.6rem;color:var(--cyan)}.mini-card b{display:block;margin:10px 0 5px}.mini-card small{font-size:.65rem;color:#8395aa}.mini-card--print{left:-3%;top:10%}.mini-card--play{right:-2%;bottom:10%;animation-delay:-2s}.cursor-badge{position:absolute;right:2%;top:2%;width:85px;aspect-ratio:1;display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,var(--red),#f06);border-radius:50%;font-weight:900;font-size:.72rem;box-shadow:0 0 38px rgba(255,48,76,.35);animation:badgeSpin 10s linear infinite}.floating-shape{position:absolute;clip-path:polygon(50% 0,100% 100%,0 100%);animation:shapeDrift 7s ease-in-out infinite}.shape-a{width:180px;aspect-ratio:1;left:-50px;top:14%;background:linear-gradient(145deg,rgba(0,140,255,.5),transparent)}.shape-b{width:110px;aspect-ratio:1;right:39%;bottom:-20px;background:linear-gradient(145deg,rgba(255,48,76,.55),transparent);animation-delay:-2s}.shape-c{width:70px;aspect-ratio:1;left:46%;top:18%;background:linear-gradient(145deg,rgba(255,201,40,.7),transparent);animation-delay:-4s}.scroll-hint{position:absolute;left:2%;bottom:5%;writing-mode:vertical-rl;font-size:.56rem;letter-spacing:.18em;color:#60748c}.scroll-hint span{margin-top:8px}
@keyframes heroGlow{to{transform:translate(50px,-30px) scale(1.25)}}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes cardFloat{50%{transform:translateY(-14px) rotateY(3deg) rotateX(-1deg)}}@keyframes miniFloat{50%{transform:translateY(-16px) rotate(2deg)}}@keyframes badgeSpin{to{transform:rotate(360deg)}}@keyframes shapeDrift{50%{transform:translate(20px,-30px) rotate(14deg)}}@keyframes scan{to{background-position:0 80px}}

.ticker{overflow:hidden;padding:19px 0;background:linear-gradient(90deg,#0074e8,#00bfe6,#18bf6b,#f5bd1c,#f43d54);color:#fff;transform:rotate(-1deg) scale(1.02);box-shadow:0 12px 45px rgba(0,113,232,.2)}.ticker>div{display:flex;width:max-content;gap:25px;align-items:center;animation:ticker 24s linear infinite;font-weight:900;font-size:clamp(1rem,2vw,1.45rem)}.ticker i{font-style:normal}@keyframes ticker{to{transform:translateX(-50%)}}

.section-head{display:grid;grid-template-columns:1.35fr .65fr;gap:8vw;align-items:end;margin-bottom:65px}.section-head h2{font-size:clamp(2.8rem,5.4vw,5.8rem)}.section-head>p{margin:0;color:#5f6f82;line-height:1.7}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.service{display:grid;grid-template-columns:.9fr 1.1fr;min-height:410px;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 20px 65px rgba(7,29,56,.1);border:1px solid #e2eaf2;transition:transform .35s,box-shadow .35s}.service:hover{transform:translateY(-10px);box-shadow:0 35px 80px rgba(7,29,56,.18)}.service-image{position:relative;min-height:280px;overflow:hidden}.service-image::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,12,28,.4),transparent 60%)}.service-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.service:hover img{transform:scale(1.09)}.service-icon{position:absolute;z-index:2;left:20px;bottom:20px;width:55px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:1.7rem;background:var(--accent);box-shadow:0 0 25px color-mix(in srgb,var(--accent) 50%,transparent)}.service-content{padding:35px 28px;display:flex;flex-direction:column;justify-content:center}.service .number{font-size:.62rem;letter-spacing:.16em;color:var(--accent);font-weight:900}.service h3{margin:12px 0;font-size:clamp(1.8rem,2.5vw,2.6rem);letter-spacing:-.04em}.service p{margin:0;color:#657488;line-height:1.65}.service a{margin-top:25px;font-size:.8rem;font-weight:800;text-underline-offset:5px}.service--blue{--accent:#008cff}.service--red{--accent:#ff304c}.service--yellow{--accent:#edac00}.service--green{--accent:#19b862}

.experience{display:grid;grid-template-columns:1fr 1fr;min-height:780px;background:#061226;color:#fff;overflow:hidden}.experience-art,.experience-copy{padding:clamp(70px,8vw,130px) clamp(28px,6vw,90px);position:relative}.experience-art{display:flex;align-items:center;background:radial-gradient(circle at 50% 50%,rgba(20,217,255,.25),transparent 35%),linear-gradient(145deg,#007be3,#004b9b);overflow:hidden}.experience-art::before{content:"";position:absolute;width:65%;aspect-ratio:1;border:50px solid rgba(255,255,255,.09);border-radius:50%;left:-20%;top:-10%;animation:orbitSpin 18s linear infinite}.big-type{position:absolute;left:-4%;bottom:0;font:900 clamp(9rem,23vw,24rem)/.7 "Arial Black",sans-serif;color:rgba(255,255,255,.055);letter-spacing:-.1em}.experience-art>p{position:relative;z-index:2;margin:0;font:900 clamp(3.8rem,7vw,7.8rem)/.78 "Arial Black",sans-serif;letter-spacing:-.075em}.experience-art>p b{color:var(--yellow)}.pixel-cloud{position:absolute;right:10%;top:12%;display:grid;grid-template-columns:repeat(3,18px);gap:7px;transform:rotate(15deg)}.pixel-cloud span{aspect-ratio:1;background:var(--red);box-shadow:0 0 16px rgba(255,48,76,.45)}.pixel-cloud span:nth-child(even){background:var(--yellow)}.experience h2{font-size:clamp(2.8rem,4.5vw,5rem)}.experience .lead{margin:28px 0 40px;color:#9eafc2;line-height:1.7}.experience ul{list-style:none;padding:0;margin:0}.experience li{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:24px 0;border-top:1px solid var(--line)}.experience li>span{color:var(--cyan);font-size:.7rem;font-weight:800}.experience li b{font-size:1.1rem}.experience li p{margin:7px 0 0;color:#899bb0;line-height:1.55}

.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.location{border-radius:22px;overflow:hidden;background:#fff;border:1px solid #e0e9f2;box-shadow:0 20px 60px rgba(4,25,50,.1);transition:.3s}.location:hover{transform:translateY(-8px);box-shadow:0 30px 70px rgba(4,25,50,.16)}.map-wrap{height:360px;position:relative;overflow:hidden;background:#dce6ef}.map-wrap iframe{width:100%;height:100%;border:0;filter:saturate(.65) contrast(1.08)}.map-pin{position:absolute;left:50%;top:50%;width:52px;aspect-ratio:1;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50% 50% 50% 0;background:linear-gradient(135deg,var(--blue),var(--red));color:#fff;font-weight:900;font-size:1.3rem;box-shadow:0 10px 30px rgba(0,0,0,.25);rotate:-45deg}.map-pin::first-letter{rotate:45deg}.location-info{display:flex;align-items:center;gap:18px;padding:25px}.location-info>span{font-size:.6rem;letter-spacing:.15em;color:var(--blue);font-weight:900}.location-info h3{margin:0;font-size:1.7rem}.location-info a{margin-left:auto;font-size:.75rem;font-weight:800}

.digital-pass{background:radial-gradient(circle at 75% 50%,rgba(20,217,255,.25),transparent 26rem),linear-gradient(135deg,#006fd3,#004994 55%,#061a3d);color:#fff;overflow:hidden}.pass-layout{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.digital-pass h2{font-size:clamp(3rem,5.3vw,5.8rem)}.pass-copy>p:not(.kicker){max-width:600px;color:#b5cce1;line-height:1.7;margin:28px 0}.button.white{background:#fff;color:#071427}.button.white:hover{box-shadow:6px 6px 0 var(--yellow)}.phone-scene{min-height:600px;display:grid;place-items:center;position:relative}.phone{position:relative;z-index:2;width:min(300px,75vw);height:565px;padding:60px 25px 28px;display:flex;flex-direction:column;align-items:center;border:9px solid #071427;border-radius:42px;background:radial-gradient(circle at 50% 30%,rgba(20,217,255,.25),transparent 40%),linear-gradient(160deg,#101d3f,#071021);box-shadow:0 50px 100px rgba(0,0,0,.42);transform:rotate(6deg);animation:phoneFloat 5s ease-in-out infinite}.phone-top{position:absolute;top:12px;width:90px;height:18px;border-radius:99px;background:#020714}.phone img{width:80%;margin:30px 0}.phone strong{text-align:center;font-size:2rem;line-height:.9}.phone>span{margin-top:18px;color:#9db5ca;font-size:.7rem}.phone button{margin-top:auto;width:100%;padding:13px;border:0;border-radius:8px;background:linear-gradient(120deg,var(--blue),var(--cyan));color:#fff;font-weight:800}.phone-orbit{position:absolute;width:480px;aspect-ratio:1;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:orbitSpin 15s linear infinite}.phone-orbit::after{content:"";position:absolute;width:38px;aspect-ratio:1;border-radius:50%;background:var(--red);box-shadow:0 0 25px var(--red);top:10%;left:10%}@keyframes phoneFloat{50%{transform:translateY(-18px) rotate(-2deg)}}

.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.about-card{padding:14px 14px 32px;border-radius:20px;background:#fff;border:1px solid #e2eaf2;box-shadow:0 20px 55px rgba(5,26,50,.09);transition:.3s}.about-card:hover{transform:translateY(-9px)}.about-card img{width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:13px}.about-card>span{display:block;margin:24px 15px 8px;color:var(--blue);font-size:.65rem;font-weight:900}.about-card h3{margin:0 15px;font-size:1.6rem}.about-card p{margin:13px 15px 0;color:#647489;line-height:1.6}

.final-cta{min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 50%,rgba(255,48,76,.38),transparent 28rem),linear-gradient(135deg,#07152f,#092c62 55%,#06459a);color:#fff}.final-cta .shell{position:relative;z-index:2}.final-cta h2{font-size:clamp(3.7rem,8vw,8rem)}.final-cta>div>p:not(.kicker){max-width:620px;color:#b0c1d4;line-height:1.65;margin:28px 0}.button.big{min-height:65px;padding-inline:30px}.cta-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent)}.final-cta::after{content:"";position:absolute;width:55vw;aspect-ratio:1;right:-22vw;bottom:-30vw;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(145deg,rgba(20,217,255,.75),rgba(255,48,76,.1));animation:shapeDrift 8s ease-in-out infinite}

footer{padding:70px 0 30px;background:#030b18;color:#fff}.footer-grid{display:grid;grid-template-columns:1fr auto auto;gap:8vw}.footer-brand img{width:185px}.footer-brand p{max-width:300px;color:#8295ab;line-height:1.6}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:12px}.footer-grid>div>span{font-size:.6rem;letter-spacing:.17em;color:var(--cyan);font-weight:900;margin-bottom:8px}.footer-grid a{color:#a5b5c7;text-decoration:none;font-size:.85rem}.footer-grid a:hover{color:#fff}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;margin:25px 0 0;color:#5c7088;font-size:.73rem}.whatsapp{position:fixed;z-index:90;right:22px;bottom:22px;display:flex;align-items:center;gap:9px;padding:14px 18px;border-radius:99px;background:linear-gradient(120deg,#25d366,#18b96d);color:#05150b;text-decoration:none;box-shadow:0 12px 35px rgba(20,190,100,.3);transition:.25s}.whatsapp:hover{transform:translateY(-4px)}.whatsapp span{color:#fff;text-shadow:0 0 10px #fff}.whatsapp b{font-size:.82rem}

@media(max-width:1000px){.hero-layout{grid-template-columns:1fr}.hero-copy{padding-top:50px}.hero-stage{min-height:540px;width:min(100%,680px);justify-self:center}.service{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.experience{grid-template-columns:1fr}.experience-art{min-height:520px}.section-head{grid-template-columns:1fr;gap:20px}.pass-layout{grid-template-columns:1fr}.phone-scene{min-height:650px}.about-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:720px){.shell{width:min(100% - 30px,1180px)}.intro-console{width:92vw;min-height:72vh;padding:22px}.intro-status{left:22px;right:22px}.intro-status b{display:none}.intro-logo-wrap{height:65px}.intro-word{font-size:clamp(2.8rem,15vw,5rem);line-height:.82}.intro-tagline{font-size:.78rem}.loading{left:22px;right:22px}.nav{height:70px}.brand img{width:72px;height:45px}.brand small{display:none}.menu-button{display:block}.menu{position:absolute;top:70px;left:-15px;right:-15px;display:flex;flex-direction:column;align-items:stretch;padding:24px;background:rgba(3,11,24,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(20px);transform:translateY(-130%);opacity:0;pointer-events:none;transition:.3s}.menu.open{transform:none;opacity:1;pointer-events:auto}.menu>a{padding:9px}.nav-action{text-align:center}.hero{padding-top:100px}.hero h1{font-size:clamp(3.2rem,15vw,5.3rem)}.quick-proof{gap:14px;justify-content:space-between}.quick-proof>div{flex-direction:column;align-items:flex-start}.hero-stage{min-height:420px}.card-main{left:5%;right:5%;top:14%;bottom:14%}.mini-card{width:150px;padding:13px}.mini-card--print{left:0;top:2%}.mini-card--play{right:0;bottom:2%}.cursor-badge{width:65px}.scroll-hint{display:none}.service-grid{grid-template-columns:1fr}.service{grid-template-columns:1fr}.service-image{height:260px}.experience-art{min-height:400px}.experience-art>p{font-size:clamp(3.1rem,16vw,5rem)}.location-grid{grid-template-columns:1fr}.map-wrap{height:300px}.location-info{flex-wrap:wrap}.location-info a{width:100%;margin-left:0}.phone-scene{min-height:580px}.phone-orbit{width:360px}.about-grid{grid-template-columns:1fr}.final-cta h2{font-size:clamp(3.5rem,17vw,6rem)}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.copyright{grid-column:auto}.whatsapp b{display:none}.whatsapp{width:54px;height:54px;padding:0;justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.digital-pass{scroll-margin-top:70px}

/* InvitaPro */
.invitapro{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 18% 25%,rgba(255,91,180,.32),transparent 26rem),radial-gradient(circle at 82% 74%,rgba(116,87,255,.4),transparent 30rem),linear-gradient(135deg,#200d3b,#46155a 52%,#171044)}.invitapro::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:65px 65px;mask-image:radial-gradient(circle at center,#000,transparent 80%)}.invite-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:inviteGlow 6s ease-in-out infinite alternate}.invite-orb--one{width:300px;aspect-ratio:1;left:-120px;bottom:-80px;background:#ff477e}.invite-orb--two{width:360px;aspect-ratio:1;right:-130px;top:-100px;background:#5f6bff;animation-delay:-3s}.invite-layout{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}.invite-scene{position:relative;min-height:650px;display:grid;place-items:center;perspective:1200px}.invite-phone{position:relative;z-index:3;width:min(325px,75vw);height:610px;padding:55px 28px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;border:9px solid #10091d;border-radius:44px;background:radial-gradient(circle at 50% 22%,rgba(255,216,120,.28),transparent 31%),linear-gradient(155deg,#ff6b98,#a740c5 55%,#5844da);box-shadow:0 55px 100px rgba(8,2,25,.55),0 0 70px rgba(255,71,126,.25);transform:rotateY(8deg) rotateZ(-3deg);animation:invitePhone 5s ease-in-out infinite}.invite-notch{position:absolute;top:11px;width:95px;height:20px;border-radius:20px;background:#11091e}.invite-phone>p{font-size:.62rem;font-weight:900;letter-spacing:.23em;margin:25px 0}.invite-monogram{width:88px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.48);border-radius:50%;font:900 3rem Georgia,serif;box-shadow:inset 0 0 30px rgba(255,255,255,.18),0 0 35px rgba(255,255,255,.2)}.invite-monogram span{color:#ffd34d}.invite-phone h3{margin:25px 0 10px;font:900 2.4rem/.92 Georgia,serif}.invite-phone small{letter-spacing:.22em}.invite-phone button{margin-top:auto;width:100%;padding:14px 10px;border:1px solid rgba(255,255,255,.45);border-radius:99px;background:rgba(255,255,255,.13);color:#fff;font-size:.63rem;font-weight:900;letter-spacing:.12em}.invite-back-card{position:absolute;width:340px;height:520px;border:1px solid rgba(255,255,255,.25);border-radius:30px;background:linear-gradient(145deg,#ffc928,#ff7d55 55%,#ff477e);transform:translate(80px,25px) rotate(12deg);box-shadow:0 35px 80px rgba(0,0,0,.3);animation:inviteBack 6s ease-in-out infinite}.invite-back-card::after{content:"";position:absolute;inset:30px;border:1px solid rgba(255,255,255,.45);border-radius:20px}.invite-badge{position:absolute;z-index:4;left:0;top:13%;width:120px;aspect-ratio:1;display:grid;place-items:center;text-align:center;border-radius:50%;background:linear-gradient(135deg,#13d9ff,#5568ff);font-size:.58rem;letter-spacing:.15em;box-shadow:0 0 40px rgba(20,217,255,.35);animation:badgeHover 3.5s ease-in-out infinite}.invite-badge b{display:block;font-size:1.05rem;letter-spacing:0}.invite-copy h2{margin:0;font:900 clamp(3.2rem,5.7vw,6rem)/.9 "Arial Black","Segoe UI",sans-serif;letter-spacing:-.065em}.invite-copy h2 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#ff8bc1,#ffd34d,#73f7ff);background-clip:text;-webkit-background-clip:text}.invite-copy>p:not(.kicker){max-width:650px;margin:28px 0;color:#d4c4e3;line-height:1.75;font-size:1.05rem}.invite-copy ul{list-style:none;margin:0 0 35px;padding:0}.invite-copy li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#eee2f6}.invite-copy li span{width:25px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ff477e,#ffc928);color:#fff;font-size:.7rem;font-weight:900}.invite-button{color:#20102f;background:linear-gradient(110deg,#fff,#fbeaff 55%,#c9faff);box-shadow:0 15px 40px rgba(255,255,255,.15)}.invite-button:hover{box-shadow:6px 6px 0 #ffc928,0 15px 40px rgba(255,71,126,.28)}.invite-confetti i{position:absolute;z-index:1;width:9px;height:24px;background:#ffc928;animation:confetti 7s linear infinite}.invite-confetti i:nth-child(1){left:7%;top:-8%;animation-delay:-1s}.invite-confetti i:nth-child(2){left:26%;top:-8%;background:#14d9ff;animation-delay:-4s}.invite-confetti i:nth-child(3){left:45%;top:-8%;background:#ff477e;animation-delay:-2s}.invite-confetti i:nth-child(4){left:65%;top:-8%;background:#19c36a;animation-delay:-5s}.invite-confetti i:nth-child(5){left:82%;top:-8%;background:#ffc928;animation-delay:-3s}.invite-confetti i:nth-child(6){left:94%;top:-8%;background:#14d9ff;animation-delay:-6s}@keyframes inviteGlow{to{transform:translate(90px,40px) scale(1.2)}}@keyframes invitePhone{50%{transform:translateY(-18px) rotateY(-5deg) rotateZ(2deg)}}@keyframes inviteBack{50%{transform:translate(65px,5px) rotate(7deg)}}@keyframes badgeHover{50%{transform:translateY(-15px) rotate(-5deg)}}@keyframes confetti{to{transform:translateY(110vh) rotate(720deg)}}

/* Manifiesto con ilustración original */
.about-card{position:relative;overflow:hidden;padding:14px 14px 34px;background:linear-gradient(145deg,#fff,#f3f8fd);isolation:isolate}.about-card::after{content:"";position:absolute;inset:-100% auto auto -120%;width:70%;height:300%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:rotate(25deg);transition:left .8s;pointer-events:none}.about-card:hover::after{left:160%}.about-card--mission{--about-color:#008cff}.about-card--vision{--about-color:#725cff}.about-card--values{--about-color:#ff304c}.about-art{width:100%;aspect-ratio:1.18;border-radius:14px;background-repeat:no-repeat;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);transition:transform .65s cubic-bezier(.16,1,.3,1),filter .65s}.about-art--mission{background-image:url('mision-cyberplay-v2.png')}.about-art--vision{background-image:url('vision-cyberplay-v2.png')}.about-art--values{background-image:url('valores-cyberplay-v2.png')}.about-card:hover .about-art{transform:scale(1.035);filter:saturate(1.08) contrast(1.02)}.about-card>span{color:var(--about-color)}.about-card h3{font-size:clamp(1.55rem,2.1vw,2rem)}.about-card p{min-height:145px}.about-keywords{display:flex;flex-wrap:wrap;gap:7px;margin:22px 15px 0}.about-keywords b{padding:7px 10px;border:1px solid color-mix(in srgb,var(--about-color) 25%,#dfe8f1);border-radius:99px;background:color-mix(in srgb,var(--about-color) 6%,#fff);color:var(--about-color);font-size:.65rem;letter-spacing:.04em;transition:.25s}.about-card:hover .about-keywords b{color:#fff;background:var(--about-color);border-color:var(--about-color);transform:translateY(-3px)}.about-card:nth-child(2){transition-delay:.12s}.about-card:nth-child(3){transition-delay:.24s}
.social-link{display:flex;align-items:center;gap:9px}.social-link i{width:27px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#007cec,#14d9ff);color:#fff;font-style:normal;font-weight:900}.social-link:nth-child(3) i{background:linear-gradient(135deg,#111,#ff245f 60%,#14d9ff)}

@media(max-width:1000px){.invite-layout{grid-template-columns:1fr}.invite-scene{order:2}.invite-copy{order:1}.about-card p{min-height:unset}}
@media(max-width:720px){.invite-scene{min-height:570px}.invite-phone{height:530px;width:280px}.invite-phone h3{font-size:2rem}.invite-back-card{width:280px;height:450px;transform:translate(42px,20px) rotate(10deg)}.invite-badge{left:-2%;top:14%;width:92px}.about-art{aspect-ratio:1.12}.about-keywords{margin-inline:10px}}
