/* Candidato local SM OS. La identidad base se conserva; esta capa narra el sistema. */
:root{--world-ink:#050912;--world-cyan:#67eff2;--world-pink:#f184e7}
.motion-toggle{position:fixed;left:16px;bottom:18px;z-index:900;border:1px solid #75eafa7d;background:#081827d9;color:#cffaff;padding:9px 13px;font:11px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.04em;cursor:pointer;backdrop-filter:blur(12px)}.motion-toggle:focus-visible,.world__more:focus-visible{outline:2px solid #a7faff;outline-offset:2px}.motion-paused *,.motion-paused *::before,.motion-paused *::after,.world--offscreen *{animation-play-state:paused!important}.world__more{appearance:none;border:1px solid #89d5fb7d;background:#102a45;color:#d7f9ff;padding:10px 14px;cursor:pointer;margin-top:12px;font:600 13px inherit}.world__more[hidden]{display:none}.smpop__media img[src$="sofia-p17-faceted.svg"]{object-fit:contain;background:radial-gradient(circle,#202851,#07111b)}
#preloader{display:none!important;visibility:hidden!important;pointer-events:none!important}
.hero{isolation:isolate;overflow:hidden;background:radial-gradient(circle at 74% 42%,#10335a 0,#081627 35%,#050912 72%)}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,#050912);z-index:-1;pointer-events:none}
.hero .hero__inner{width:min(100% - 96px,1440px);margin:auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;z-index:2;padding:85px 0 40px}
.hero .hero__tag{max-width:590px;letter-spacing:.16em}
.hero .hero__title{max-width:730px;font-size:clamp(64px,7.2vw,124px);line-height:.91;letter-spacing:-.083em;text-wrap:balance;margin:20px 0}
.hero .hero__sub{max-width:540px;font-size:clamp(17px,1.45vw,21px);line-height:1.65}
.hero-stage{position:absolute;right:-2vw;top:7vh;width:min(58vw,920px);height:91vh;z-index:0;pointer-events:none;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 85%,transparent 100%)}
.hero-stage img{width:100%;height:100%;object-fit:contain;filter:saturate(1.12) contrast(1.07) drop-shadow(0 0 75px #29d6f039)}
.hero-stage__mesh{position:absolute;inset:9% 12% 14%;border-radius:50%;background:repeating-radial-gradient(circle at 50% 48%,transparent 0 40px,#50e5ff18 41px 42px,transparent 43px 82px),linear-gradient(110deg,transparent 43%,#3ef1ff14 50%,transparent 57%);mix-blend-mode:screen;animation:breath 7s ease-in-out infinite}
.hero-stage__label{position:absolute;right:10%;bottom:7%;font-size:10px;letter-spacing:.25em;color:#c7f8ffb3}
.hero-stage__wire{position:absolute;right:10%;top:4%;width:80%;height:87%;object-fit:contain;opacity:.56;mix-blend-mode:screen;filter:drop-shadow(0 0 24px #23eaff);transform:translateZ(0)}
@keyframes breath{50%{transform:scale(1.08);opacity:.55}}
.world{position:relative;padding:130px 0 110px;background:radial-gradient(circle at 50% 42%,#101d3a 0,#080e1d 54%,#050912 100%);overflow:hidden}
.world::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff04 1px,transparent 1px),linear-gradient(#ffffff04 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at center,#000,transparent 70%);pointer-events:none}
.world__intro{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:end;margin-bottom:52px}
.world__intro .eyebrow{grid-column:1/-1;color:var(--world-cyan);text-transform:uppercase;letter-spacing:.2em}
.world__intro h2{font-size:clamp(52px,6vw,104px);line-height:.94;letter-spacing:-.07em;font-weight:200;margin:0;color:#f5f8ff}
.world__intro h2 em{font-weight:700;color:var(--world-cyan)}
.world__intro p{font-size:17px;line-height:1.7;color:#afbed1;max-width:440px;margin:0 0 8px}
.world__stage{--accent:#68edf2;position:relative;display:grid;grid-template-columns:1.25fr .8fr;grid-template-rows:auto minmax(470px,62vh);border:1px solid #72dff035;background:linear-gradient(130deg,#061525d9,#111226eb);box-shadow:0 38px 150px #0009,inset 0 0 90px #13d0ef0c;overflow:hidden}
.world__stage[data-active=sofia]{--accent:#a8a5ff}.world__stage[data-active=red]{--accent:#ee7edf}.world__stage[data-active=comando]{--accent:#60c7ff}
.world__art{grid-row:2;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 55%)}
.world__art::before,.world__art::after{content:"";position:absolute;inset:8% 10%;border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);border-radius:50%;transform:rotateX(67deg) rotate(-28deg)}
.world__art::after{inset:13% 17%;transform:rotateY(65deg) rotate(26deg)}
.world__orbit{position:absolute;width:64%;aspect-ratio:1;border:1px dashed color-mix(in srgb,var(--accent) 55%,transparent);border-radius:50%;animation:orbit 38s linear infinite}
.world__orbit::after{content:"";position:absolute;left:50%;top:-6px;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent)}
@keyframes orbit{to{transform:rotate(360deg)}}
.world__art img{position:relative;z-index:2;width:min(78%,610px);height:94%;object-fit:contain;filter:drop-shadow(0 0 52px color-mix(in srgb,var(--accent) 28%,transparent));transition:opacity .3s,transform .7s cubic-bezier(.2,.8,.2,1)}
.world__art img.is-changing{opacity:0;transform:scale(.93)}
.world__copy{grid-row:2;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:60px 52px 98px;border-left:1px solid #ffffff16}
.world__copy>span{font:600 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--accent);letter-spacing:.2em}
.world__type{margin:50px 0 9px;color:#98b7c9;font:600 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2em;text-transform:uppercase}
.world__copy h3{font-size:clamp(48px,5vw,82px);line-height:.93;letter-spacing:-.07em;color:#fff;margin:0 0 28px;font-weight:250}
.world__copy>p:not(.world__type){font-size:17px;line-height:1.75;color:#beccdb;max-width:390px}
.world__trace{margin-top:35px;padding-top:22px;border-top:1px solid #ffffff28;color:#bbd9e1;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}
.world__copy .world__more{position:absolute;right:24px;bottom:22px;background:#182b51d9;border-color:#c58afb;color:#fff;box-shadow:0 0 28px #bd8cef55;backdrop-filter:blur(10px)}
.world__trace i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px var(--accent);margin-right:10px}
.world__rail{grid-column:1/-1;grid-row:1;display:flex;border-bottom:1px solid #ffffff25;background:#070f20d9}
.world__rail button{appearance:none;background:transparent;color:#aec0d0;border:0;border-right:1px solid #ffffff18;flex:1;text-align:left;padding:24px 25px;font:600 15px/1.2 inherit;cursor:pointer;transition:background .25s,color .25s;position:relative}
.world__rail button span{display:block;font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em;color:#8398a9;margin-bottom:8px}
.world__rail button[aria-selected=true]{background:#12354a;color:#fff}.world__rail button[aria-selected=true]::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--accent)}
.world__rail button:hover{background:#153040}.world__rail button:focus-visible,.angle-machine button:focus-visible{outline:2px solid #a5faff;outline-offset:-3px}
.world__note{font-size:12px;color:#8798a9;letter-spacing:.02em;margin:17px 0 0}
.red-route{padding:120px 0;background:#050912}.red-route__head{max-width:780px}.red-route__head h2{font-size:clamp(55px,6vw,100px);font-weight:200;line-height:.96;letter-spacing:-.07em;margin:18px 0;color:#f6f7ff}.red-route__head h2 em{color:#ed8ce3;font-weight:700}
.red-route__head p{font-size:18px;line-height:1.7;color:#b8c4d2}.red-route__line{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:55px;background:#5a67913b;border:1px solid #5a67913b}.red-route__step{min-height:280px;background:#0b1426;padding:27px 23px;position:relative}.red-route__step::before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,#e567df,#53d8ee);opacity:.65}.red-route__step span{font:11px/1 ui-monospace,Consolas,monospace;color:#d89ded;letter-spacing:.18em}.red-route__step h3{font-size:24px;color:#fff;margin:48px 0 12px}.red-route__step p{font-size:14px;line-height:1.65;color:#a9b9c8}.red-route__step small{display:block;margin-top:22px;font-size:11px;color:#82d9e0}
.red-route__offer{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:44px 0 0;color:#b8c4d2}.red-route__offer article{padding:23px;border:1px solid #777ab64d;background:#10192d}.red-route__offer b{display:block;color:#fff;font-size:18px;margin:8px 0}.red-route__offer span{font-size:13px;line-height:1.6}.red-route__offer a{display:inline-block;color:#85eff3;margin-top:14px;text-decoration:underline;text-underline-offset:4px}.smpop__scene{color:#9df0f2;font:12px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.13em}.smpop__scene span{color:#eb7de2;margin:0 7px}
.angle-machine{display:grid;grid-template-columns:.7fr 1.3fr;margin-top:110px;border:1px solid #b86ee355;background:linear-gradient(125deg,#170e27,#071625);box-shadow:0 35px 130px #09020e80}.angle-machine__left{padding:42px;border-right:1px solid #ffffff1c}.angle-machine__left h3{font-size:clamp(32px,3.3vw,56px);line-height:1;letter-spacing:-.05em;color:#fff;margin:18px 0}.angle-machine__left p{color:#aebccc;font-size:14px;line-height:1.7}.angle-machine__left button{display:block;width:100%;padding:14px 17px;margin-top:12px;text-align:left;color:#d4d9ec;background:#ffffff0b;border:1px solid #ffffff23;cursor:pointer;font:600 14px inherit}.angle-machine__left button[aria-pressed=true]{border-color:#ef89e5;background:#ee76d62b;color:#fff}.angle-machine__right{padding:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px;align-content:center}.angle-machine__card{border:1px solid #78ddec37;background:#091c2b;padding:25px 19px;min-height:255px}.angle-machine__card span{font:11px ui-monospace,Consolas,monospace;color:#a9f5f0;letter-spacing:.15em}.angle-machine__card h4{color:#fff;font-size:20px;line-height:1.15;margin:32px 0 12px}.angle-machine__card p{color:#b0bdce;font-size:13px;line-height:1.55}.angle-machine__disclaimer{grid-column:1/-1;font-size:12px;color:#9bafbf;margin:4px 0 0}
@media(max-width:900px){.hero-stage{opacity:.5;width:90vw;right:-20vw;top:8vh}.hero .hero__inner{width:calc(100% - 44px)}.hero .hero__title{font-size:clamp(56px,11vw,95px);max-width:700px}.world__intro{grid-template-columns:1fr}.world__stage{grid-template-columns:1fr;grid-template-rows:auto 390px auto}.world__art{grid-row:2}.world__copy{grid-row:3;border:0;border-top:1px solid #ffffff22;padding:32px}.world__rail{grid-row:1;flex-wrap:wrap}.world__rail button{flex:1 1 50%}.red-route__line{grid-template-columns:repeat(2,1fr)}.red-route__offer{grid-template-columns:1fr}.angle-machine{grid-template-columns:1fr}.angle-machine__right{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.hero .hero__inner{min-height:90svh;padding:110px 0 60px}.hero-stage{width:125vw;height:71vh;right:-39vw;top:2vh;opacity:.55}.hero .hero__title{font-size:clamp(54px,14vw,78px)}.hero .hero__sub{font-size:16px;max-width:90%}.world{padding:75px 0}.world__intro h2{font-size:clamp(47px,11vw,72px)}.world__stage{grid-template-rows:auto 315px auto}.world__copy{padding:28px 22px}.world__copy h3{font-size:54px}.world__type{margin-top:28px}.world__rail button{padding:18px 12px;font-size:13px}.red-route{padding:75px 0}.red-route__line{grid-template-columns:1fr}.red-route__step{min-height:0}.red-route__step h3{margin-top:27px}.angle-machine{margin-top:75px}.angle-machine__left,.angle-machine__right{padding:24px}.angle-machine__right{grid-template-columns:1fr}.angle-machine__card{min-height:0}.angle-machine__card h4{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.hero-stage__mesh,.world__orbit{animation:none!important}.world__art img{transition:none!important}}
@media(max-width:620px){.motion-toggle{left:auto;right:13px;top:81px;bottom:auto;font-size:10px;padding:7px 9px}.hero .hero__inner{justify-content:flex-start;padding-top:112px}.hero-stage{width:100vw;height:54vh;right:-10vw;top:3vh;opacity:.32;mask-image:linear-gradient(90deg,transparent 0,#000 36%,#000 70%,transparent 100%)}.hero-stage img{object-position:center top}.hero-stage__wire{right:17%;width:70%;opacity:.9}.hero-stage__label{display:none}.hero .hero__tag{font-size:10px}.hero .hero__title{margin:22px 0 15px}.hero .hero__ctas{gap:12px}}