/* V3: escenas editoriales integradas. Tokens de vidrio, contraste y movimiento. */
:root{--v3-ink:#060b14;--v3-text:#f4f8ff;--v3-soft:#c1d3dd;--v3-line:#88ddec55;--v3-glass:#0a1d30b0;--v3-cyan:#78eff3;--v3-mag:#ee8ee7}
.hero{background:radial-gradient(circle at 76% 44%,#153a52 0,#0a192e 38%,#050a13 80%)}
.hero__grid{opacity:.16}
.hero .hero__inner{width:min(100% - 90px,1440px);padding:105px 0 42px;min-height:min(100svh,850px);justify-content:center}
.hero .hero__tag{font-size:11px;letter-spacing:.19em;color:#a9e5ec}
.hero .hero__title{max-width:720px;font-size:clamp(62px,7vw,114px);line-height:.92;margin:22px 0 20px;letter-spacing:-.078em;text-shadow:0 3px 28px #04091280}
.hero .hero__sub{max-width:535px;font-size:18px;line-height:1.6;color:#d0e0e8;text-shadow:0 2px 16px #040912c4}
.hero .hero__ctas{margin-top:24px}
.hero-stage{right:0;top:0;width:min(77vw,1120px);height:100%;opacity:.96;mask-image:linear-gradient(90deg,transparent 0,#000 21%,#000 92%,transparent 100%)}
.hero-stage img{width:100%;height:100%;object-fit:cover;object-position:65% 45%;filter:saturate(1.07) contrast(1.03)}
.hero-stage__mesh{inset:9% 7% 12%;opacity:.18;background:repeating-radial-gradient(circle at 71% 45%,transparent 0 58px,#59e9fc26 59px 60px,transparent 61px 116px)}
.hero-stage__label{right:8%;bottom:6%;font-size:10px;color:#b7e9f2;letter-spacing:.18em}
.world{padding:135px 0 104px;background:radial-gradient(circle at 52% 55%,#182944 0,#0a1527 44%,#060a13 100%)}
.duo-intro{max-width:1000px;margin-bottom:48px}.duo-intro .eyebrow{color:var(--v3-cyan);letter-spacing:.2em}.duo-intro h2{font-size:clamp(50px,6.6vw,100px);font-weight:250;line-height:.99;letter-spacing:-.07em;color:var(--v3-text);margin:18px 0 25px}.duo-intro h2 em{font-weight:700;color:var(--v3-cyan)}.duo-intro p{max-width:680px;font-size:19px;line-height:1.65;color:var(--v3-soft)}
.duo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;perspective:1400px}
.duo-card{--tilt-x:0deg;--tilt-y:0deg;--shine-x:50%;--shine-y:50%;position:relative;min-height:610px;border-radius:28px;isolation:isolate;overflow:hidden;background:linear-gradient(130deg,#0b2032,#0b1424 56%,#23132e);border:1px solid #a5e8f36b;box-shadow:0 35px 90px #0009,inset 0 1px 0 #d8fbff3a;transform:rotateX(var(--tilt-y)) rotateY(var(--tilt-x));transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .35s}
.duo-card:hover{box-shadow:0 42px 110px #000b,0 0 42px #40dff522,inset 0 1px 0 #f5ffff52}
.duo-card--sofia{border-color:#d9a2f274;background:linear-gradient(125deg,#17192e,#0a1326 55%,#281524)}
.duo-card::before{content:"";position:absolute;inset:0;background:radial-gradient(350px circle at var(--shine-x) var(--shine-y),#9eeffa25,transparent 75%);z-index:3;pointer-events:none;mix-blend-mode:screen}
.duo-card::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid #ffffff30;box-shadow:inset 0 0 44px #a7f1fc13;pointer-events:none;z-index:5}
.duo-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:67% 45%;filter:saturate(1.04);mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 100%);transform:scale(1.03);transition:transform .8s cubic-bezier(.2,.75,.2,1)}
.duo-card:hover>img{transform:scale(1.08)}
.duo-card--sofia>img{object-position:66% 43%}
.duo-card__halo{position:absolute;inset:0;background:linear-gradient(90deg,#06111c 0,#071622bf 27%,transparent 57%),linear-gradient(0deg,#071321be 0,transparent 52%);pointer-events:none;z-index:1;animation:duo-breath 8s ease-in-out infinite}@keyframes duo-breath{50%{opacity:.78}}
.duo-card__serial{position:absolute;z-index:4;left:31px;top:28px;color:#cdf8fd;font:600 11px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.18em;text-shadow:0 2px 12px #000}
.duo-card--sofia .duo-card__serial{color:#f4cafa}
.duo-card__glass{position:absolute;z-index:4;left:25px;bottom:25px;width:min(61%,360px);padding:25px 26px 23px;border:1px solid #bceeff4d;border-radius:20px;background:linear-gradient(135deg,#0a1e32ca,#101a2bb8);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 22px 55px #01081099,inset 0 1px 0 #eefeff2c}
.duo-card--sofia .duo-card__glass{border-color:#dfbafa66;background:linear-gradient(135deg,#1b1b36ca,#121a2cb8)}
.duo-card__glass h3{font-size:clamp(38px,4vw,62px);line-height:.96;letter-spacing:-.065em;font-weight:300;color:#fff;margin:0 0 14px}.duo-card__glass p{font-size:16px;line-height:1.55;color:#e3edf5;margin:0 0 19px;max-width:335px}.duo-card__glass a,.duo-card__glass button{appearance:none;display:inline-flex;align-items:center;gap:7px;padding:0;border:0;border-bottom:1px solid #82eff6;background:none;color:#aef6f8;text-decoration:none;font:700 13px/1.5 inherit;cursor:pointer}.duo-card__glass a:hover,.duo-card__glass button:hover{color:#fff;border-color:#fff}.duo-card--sofia .duo-card__glass button{color:#ecc9fb;border-color:#ecc9fb}
.duo-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px}.duo-secondary__item{position:relative;min-height:280px;border:1px solid #8dccdd5a;border-radius:22px;overflow:hidden;isolation:isolate;text-decoration:none;background:#0c1727;box-shadow:0 20px 65px #0007}.duo-secondary__item::after{content:"";position:absolute;inset:0;border:1px solid #e6fcff25;border-radius:inherit;pointer-events:none}.duo-secondary__item>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 100%);transition:transform .55s}.duo-secondary__item:hover>img{transform:scale(1.05)}.duo-secondary__item>span{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:280px;width:57%;padding:30px;background:linear-gradient(90deg,#081627eb,#08162750 85%,transparent);backdrop-filter:blur(2px)}.duo-secondary__item b{font-size:34px;line-height:1;letter-spacing:-.055em;font-weight:350;color:#fff}.duo-secondary__item small{font-size:16px;line-height:1.5;color:#d2e0e8}.duo-secondary__item em{font:700 12px/1.4 inherit;color:#aaf6f6;font-style:normal;margin-top:8px}.duo-secondary__item:focus-visible,.duo-card__glass a:focus-visible,.duo-card__glass button:focus-visible{outline:2px solid #b6faff;outline-offset:3px}
.world__note{font-size:13px;color:#a9bccb;margin-top:22px}
.smpop__media img{width:100%;height:100%;object-fit:cover;object-position:63% center;mask-image:linear-gradient(90deg,transparent,#000 29%)}
.smpop__media img[src$="sofia-p17-gpt-v2.png"]{background:#101a2a;object-position:68% center}
.lobo-av img{width:100%;height:100%;object-fit:cover;object-position:71% 36%;border-radius:50%}
.privacy-content h2.privacy-title{font-weight:200;font-size:clamp(2.2rem,4vw,3.4rem);letter-spacing:-.04em;margin:0 0 14px;padding:0;border:0}.privacy-content h2.privacy-title em{font-style:italic;font-weight:700;color:var(--cyan)}
@media(max-width:1000px){.duo-grid{gap:14px}.duo-card{min-height:540px}.duo-card__glass{width:68%;padding:21px}.duo-card__glass h3{font-size:45px}.duo-secondary{gap:14px}.duo-secondary__item>span{width:63%}}
@media(max-width:740px){.hero .hero__inner{width:calc(100% - 44px);padding:118px 0 45px;min-height:calc(100svh - 10px);justify-content:center}.hero .hero__title{font-size:clamp(55px,12vw,86px);max-width:640px}.hero .hero__sub{font-size:16px;max-width:510px}.hero-stage{width:115vw;right:-26vw;height:72%;top:2%;opacity:.44;mask-image:linear-gradient(90deg,transparent 0,#000 38%,#000 80%,transparent 100%)}.hero-stage img{object-position:68% center}.hero-stage__mesh{opacity:.08}.hero-stage__label{display:none}.duo-intro h2{font-size:clamp(47px,10vw,76px)}.duo-intro p{font-size:17px}.duo-grid,.duo-secondary{grid-template-columns:1fr}.duo-card{min-height:580px}.duo-card__glass{width:min(60%,390px)}.duo-secondary__item{min-height:245px}.duo-secondary__item>span{min-height:245px}}
@media(max-width:480px){.hero .hero__inner{padding-top:116px;justify-content:flex-start}.hero .hero__title{font-size:clamp(54px,13.4vw,68px);max-width:360px;margin:21px 0 16px}.hero .hero__sub{max-width:94%;line-height:1.52}.hero .hero__ctas{margin-top:20px}.hero-stage{width:118vw;right:-40vw;height:53%;top:3%;opacity:.29;mask-image:linear-gradient(90deg,transparent 0,#000 35%,#000 85%,transparent 100%)}.hero-stage img{object-position:64% 38%}.world{padding:80px 0}.duo-intro{margin-bottom:28px}.duo-intro h2{font-size:clamp(42px,10.5vw,59px)}.duo-card{min-height:560px}.duo-card>img{object-position:68% top;mask-image:linear-gradient(0deg,transparent 0,#000 26%,#000 100%)}.duo-card__halo{background:linear-gradient(0deg,#061220ec,#061220b0 28%,transparent 66%)}.duo-card__glass{left:15px;bottom:15px;width:calc(100% - 30px);padding:18px 20px;border-radius:16px}.duo-card__glass h3{font-size:42px}.duo-card__glass p{font-size:16px}.duo-card__serial{left:21px;top:21px}.duo-secondary__item>span{width:68%;padding:22px}.duo-secondary__item b{font-size:31px}.duo-secondary__item small{font-size:16px}.duo-secondary__item>img{object-position:67% center}}
@media(prefers-reduced-motion:reduce){.duo-card,.duo-card>img,.duo-secondary__item>img{transition:none!important;transform:none!important}}

.motion-paused .duo-card,.motion-paused .duo-card>img,.motion-paused .duo-secondary__item>img{transform:none!important;transition:none!important}
.motion-paused .hero-stage img,.motion-paused .hero-stage__mesh{transform:none!important}
.tab-hidden *,.tab-hidden *::before,.tab-hidden *::after{animation-play-state:paused!important}
.hero{padding:0}
.navbar .motion-toggle{position:static;flex:none;margin:0;border-radius:999px;white-space:nowrap;font-size:10px;padding:8px 11px}
@media(max-width:1350px){.navbar .nav-cta{display:none}.navbar .nav-links{gap:24px}}
@media(min-width:741px){.hero .hero__inner{min-height:100svh;padding:90px 0 35px}.hero .hero__title{max-width:min(52vw,610px);font-size:clamp(60px,6.4vw,92px)}.hero .hero__sub{max-width:510px}.hero-stage{top:76px;right:-2vw;width:min(66vw,900px);height:calc(100% - 76px)}.hero__tele{display:none}}
@media(max-width:740px){.navbar .motion-toggle{font-size:10px;padding:7px 9px}}

/* La atmósfera pertenece a la tarjeta completa: evita el corte visible del panel de texto. */
.duo-secondary__item::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#081627f5 0%,#081627e6 31%,#081627a8 54%,#08162733 79%,transparent 100%),linear-gradient(0deg,#081627a8 0%,transparent 47%)}
.duo-secondary__item::after{z-index:3}
.duo-secondary__item>span{z-index:2;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.duo-secondary__item--sphere,.duo-secondary__item--thread{min-height:320px}
.duo-secondary__item--sphere>span,.duo-secondary__item--thread>span{width:68%;min-height:320px}
.duo-secondary__item--sphere b,.duo-secondary__item--thread b{font-size:clamp(27px,2.55vw,34px);line-height:1.04}
.duo-secondary__item--sphere>img,.duo-secondary__item--thread>img{left:auto;right:-2%;width:64%;height:100%;object-fit:contain;object-position:center;opacity:.93;mask-image:radial-gradient(ellipse 59% 55% at 54% 47%,#000 25%,transparent 100%)}
@media(max-width:480px){.duo-secondary__item--sphere>span,.duo-secondary__item--thread>span{width:70%}.duo-secondary__item--sphere b,.duo-secondary__item--thread b{font-size:29px}}