:root{--black:#060708;--coal:#0c0e11;--ink:#101318;--white:#f7f7f4;--paper:#eeeee9;--silver:#aeb5bd;--line:#ffffff1c;--blue:#176fff;--ice:#72d8ff;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body.cp-page{margin:0;background:var(--black);color:var(--white);font-family:'DM Sans',sans-serif;overflow-x:hidden}.cp-intro-open{overflow:hidden!important}.cp-wrap{width:min(1220px,calc(100% - 56px));margin-inline:auto}.cp-page a{text-decoration:none}.cp-nav{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.cp-brand{display:flex;align-items:center;gap:12px;color:#fff}.cp-brand>span{display:grid;place-items:center;width:40px;aspect-ratio:1;border:1px solid #ffffff50;border-radius:50%;font:700 11px Manrope;letter-spacing:.06em}.cp-brand b{font:700 14px Manrope}.cp-nav nav{display:flex;align-items:center;gap:31px}.cp-nav nav>a{color:#a8afb9;font-size:12px;font-weight:600;transition:color .4s}.cp-nav nav>a:hover{color:#fff}.cp-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:56px;padding:0 27px;border:1px solid #5fa5ff;border-radius:3px;background:#176fff;color:#fff!important;font:700 12px Manrope;box-shadow:0 16px 45px #176fff2b;transition:transform .55s var(--ease),background .55s,box-shadow .55s}.cp-button:hover{transform:translateY(-4px);background:#3985ff;box-shadow:0 24px 55px #176fff45}.cp-button--small{min-height:42px;padding:0 18px}.cp-button--light{background:#fff;color:#0b0d10!important;border-color:#fff;box-shadow:0 15px 45px #0003}.cp-button--light:hover{background:#dcecff}.cp-hero{min-height:820px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;position:relative}.cp-hero:before{content:"";position:absolute;left:-35vw;top:-150px;width:920px;height:760px;background:radial-gradient(circle,#176fff18,transparent 65%);pointer-events:none}.cp-hero__copy{position:relative;z-index:4}.cp-kicker{display:flex;align-items:center;gap:12px;color:#7dcbff;font:700 9px Manrope;letter-spacing:.2em}.cp-kicker i{width:28px;height:1px;background:#55caff;box-shadow:0 0 12px #55caff}.cp-hero h1{max-width:700px;margin:27px 0 30px;font:600 clamp(54px,6.3vw,91px)/.98 Manrope;letter-spacing:-.065em}.cp-hero h1 em{display:block;font-style:normal;color:#7fd8ff}.cp-hero__copy>p{max-width:620px;color:#a3aab4;font-size:17px;line-height:1.75}.cp-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.cp-link{color:#fff;font-size:12px;font-weight:700}.cp-link span{margin-left:10px;color:var(--ice)}.cp-proof{display:flex;gap:28px;margin-top:47px;padding-top:24px;border-top:1px solid var(--line);color:#767e89;font-size:10px}.cp-proof b{display:block;color:#d8dde4;font-size:11px}.cp-product{height:620px;display:grid;place-items:center;position:relative;isolation:isolate}.cp-product__halo{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#1e79ff27,transparent 64%);filter:blur(25px)}.cp-product__floor{position:absolute;bottom:68px;width:520px;height:120px;border:1px solid #67caff30;border-radius:50%;transform:perspective(500px) rotateX(70deg);box-shadow:0 0 90px #176fff2d,inset 0 0 50px #176fff1f}.cp-card-shell{position:relative;z-index:2;animation:cpFloat 12s ease-in-out infinite}.cp-card{position:relative;width:min(470px,88vw);aspect-ratio:1.72;padding:35px;border:1px solid #ffffff42;border-radius:18px;background:radial-gradient(circle at 90% 6%,#1d76c950,transparent 36%),linear-gradient(145deg,#171b21,#07090c 70%);box-shadow:0 70px 130px #000,0 0 80px #176fff23;overflow:hidden;transform:perspective(1000px) rotateY(-10deg) rotateZ(2deg)}.cp-card__shine{position:absolute;inset:-120% -60%;background:linear-gradient(115deg,transparent 46%,#ffffff20 50%,transparent 54%);animation:cpShine 8s ease-in-out infinite}.cp-card__top{display:flex;justify-content:space-between;align-items:center;color:#7dd9ff}.cp-card__top span{display:grid;place-items:center;width:31px;aspect-ratio:1;border:1px solid #72d8ff;border-radius:50%;font-size:8px}.cp-card__top small{font-size:7px;letter-spacing:.18em}.cp-card__body{margin-top:35px}.cp-card__body small{color:#93a0b0;font-size:7px;letter-spacing:.18em}.cp-card__body h2{margin:12px 0 13px;font:600 40px/.9 Manrope;letter-spacing:-.055em}.cp-card__body i{display:block;width:46px;height:2px;background:linear-gradient(90deg,#72d8ff,#176fff)}.cp-card__body p{font-size:7px;letter-spacing:.18em;color:#8f99a7}.cp-card__qr{position:absolute;right:34px;bottom:27px;font-size:54px}.cp-data{position:absolute;z-index:5;min-width:132px;padding:14px 16px;border:1px solid #ffffff1d;background:#0b0e12d9;backdrop-filter:blur(15px);box-shadow:0 18px 50px #0008}.cp-data i{display:inline-block;width:5px;aspect-ratio:1;margin-right:5px;border-radius:50%;background:#5bd4ff;box-shadow:0 0 10px #5bd4ff}.cp-data span{color:#747e8d;font-size:7px;letter-spacing:.15em}.cp-data b{display:block;margin-top:5px;font:700 12px Manrope}.cp-data--one{left:5px;top:150px}.cp-data--two{right:0;bottom:140px}.cp-marquee{overflow:hidden;border-block:1px solid var(--line);background:#090b0e}.cp-marquee>div{width:max-content;min-height:72px;display:flex;align-items:center;gap:38px;color:#838b96;font:700 9px Manrope;letter-spacing:.16em;animation:cpMarquee 32s linear infinite}.cp-marquee i{color:#247cff;font-size:7px}.cp-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end}.cp-heading span,.cp-demo__copy>span,.cp-close__panel>span{color:#367ff0;font:700 9px Manrope;letter-spacing:.2em}.cp-heading h2{max-width:760px;margin:18px 0 0;font:600 clamp(40px,5.3vw,70px)/1 Manrope;letter-spacing:-.06em}.cp-heading>p{color:#7b838e;line-height:1.8}.cp-value{padding-block:145px;background:var(--white);color:var(--ink);box-shadow:0 0 0 100vmax var(--white);clip-path:inset(0 -100vmax)}.cp-value .cp-heading>p{color:#626975}.cp-value__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:75px;background:#d7d9dc;border:1px solid #d7d9dc}.cp-value__grid article{min-height:365px;padding:34px;background:#f7f7f4;transition:transform .65s var(--ease),background .65s}.cp-value__grid article:hover{position:relative;z-index:2;transform:translateY(-10px);background:#fff}.cp-value__grid small{color:#8a9097;font-size:9px}.cp-value__grid article>div{display:grid;place-items:center;width:56px;aspect-ratio:1;margin:62px 0 34px;border:1px solid #b7bec8;border-radius:50%;color:#176fff;font-size:22px}.cp-value__grid h3{font:700 21px Manrope;letter-spacing:-.025em}.cp-value__grid p{color:#656c75;font-size:14px;line-height:1.7}.cp-demo{padding-block:140px;background:linear-gradient(135deg,#0c1119,#111b28)}.cp-demo__grid{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:110px}.cp-demo__copy h2{margin:20px 0 26px;font:600 clamp(44px,5.2vw,72px)/1 Manrope;letter-spacing:-.06em}.cp-demo__copy>p{max-width:600px;color:#949daa;line-height:1.75}.cp-demo__copy ul{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:35px 0;padding:0;list-style:none;color:#b9c0ca;font-size:13px}.cp-demo__copy li b{margin-right:8px;color:#64d2ff}.cp-phone{width:310px;margin:auto;padding:10px;border:1px solid #ffffff32;border-radius:42px;background:#050608;box-shadow:0 70px 120px #000,0 0 80px #176fff22;animation:cpPhoneFloat 14s ease-in-out infinite}.cp-phone__screen{min-height:590px;padding:20px;border-radius:34px;background:linear-gradient(#f5f8fc,#e7edf5);color:#111823;text-align:center}.cp-phone__status{display:flex;justify-content:space-between;font-size:9px;font-weight:700}.cp-avatar{display:grid;place-items:center;width:92px;aspect-ratio:1;margin:55px auto 20px;border-radius:50%;background:linear-gradient(145deg,#176fff,#76d7ff);color:#fff;font:700 23px Manrope}.cp-phone h3{margin:0;font:700 23px Manrope}.cp-phone p{color:#697380;font-size:12px}.cp-phone button{width:85%;margin:12px 0 25px;padding:14px;border:0;border-radius:30px;background:#111722;color:#fff}.cp-phone__links{display:flex;flex-direction:column;text-align:left}.cp-phone__links span{display:flex;justify-content:space-between;padding:17px;border-top:1px solid #ccd3dc;font-size:12px}.cp-designs{padding-block:145px}.cp-designs__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:70px}.cp-design{height:310px;padding:35px;border-radius:4px;position:relative;overflow:hidden;transition:transform .7s var(--ease)}.cp-design:hover{transform:translateY(-10px)}.cp-design:before{content:"";position:absolute;width:330px;height:330px;right:-95px;top:-130px;border:1px solid currentColor;border-radius:50%;opacity:.28}.cp-design small{font-size:8px;letter-spacing:.2em}.cp-design h3{position:absolute;left:35px;bottom:26px;margin:0;font:600 32px Manrope}.cp-design--black{background:linear-gradient(145deg,#181b20,#070809);color:#d8c79d}.cp-design--blue{background:linear-gradient(135deg,#07172f,#176fff);color:#7bdcff}.cp-design--white{background:#ecece7;color:#13171c}.cp-design--wine{background:linear-gradient(135deg,#24070e,#8c1832);color:#ff99ad}.cp-close{padding-bottom:130px}.cp-close__panel{padding:105px 70px;text-align:center;background:radial-gradient(circle at 50% 110%,#177aff80,transparent 48%),linear-gradient(145deg,#0d1420,#07090c);border:1px solid var(--line)}.cp-close__panel h2{margin:20px 0 12px;font:600 clamp(50px,7vw,92px)/1 Manrope;letter-spacing:-.065em}.cp-close__panel p{color:#929ba8}.cp-close__panel .cp-button{margin-top:25px}.cp-pricing{padding-block:40px 140px}.cp-pricing__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:65px}.cp-pricing__grid article{position:relative;padding:45px;border:1px solid var(--line);background:#0a0c0f}.cp-pricing__grid article.featured{background:linear-gradient(145deg,#0d1623,#0a0d12);border-color:#388eff66}.cp-pricing__grid article>b{position:absolute;right:25px;top:24px;color:#62cbff;font-size:8px}.cp-pricing__grid small{color:#757e8a;font-size:9px}.cp-pricing__grid h3{margin:24px 0 13px;font:600 46px Manrope}.cp-pricing__grid h3 span{color:#89929d;font-size:13px}.cp-pricing__grid p{color:#858e99}.cp-pricing__grid article>a:not(.cp-button){display:inline-block;margin-top:24px;color:#6ccfff;font-weight:700;font-size:12px}.cp-pricing__grid .cp-button{margin-top:22px}.cp-footer{min-height:140px;display:flex;align-items:center;gap:35px;border-top:1px solid var(--line);color:#707883;font-size:11px}.cp-footer p{margin-right:auto}
.cp-reveal{opacity:0;transform:translate3d(0,48px,0);transition:opacity 1.05s ease,transform 1.05s var(--ease)}.cp-reveal.cp-visible{opacity:1;transform:translate3d(0,0,0)}
.cp-intro{position:fixed;inset:0;z-index:9999;overflow:hidden;display:grid;place-items:center;background:#030405;color:#fff}.cp-intro__light{position:absolute;width:40vw;height:100vh;background:linear-gradient(90deg,transparent,#2f95ff25,transparent);filter:blur(25px);animation:cpIntroLight 6s ease-in-out both}.cp-intro__frame{position:absolute;inset:35px 45px;display:flex;justify-content:space-between;align-items:flex-start;border-top:1px solid #ffffff20;padding-top:13px;color:#727a85;font:700 8px Manrope;letter-spacing:.2em}.cp-intro__center{text-align:center}.cp-intro__mark{display:grid;place-items:center;width:66px;aspect-ratio:1;margin:0 auto 28px;border:1px solid #75ceff;border-radius:50%;color:#9edfff;font:700 15px Manrope;opacity:0;animation:cpIntroMark .9s .2s var(--ease) forwards}.cp-intro__center>p{margin:0 0 25px;color:#7f8996;font:700 8px Manrope;letter-spacing:.28em;opacity:0;animation:cpFade .8s .7s forwards}.cp-intro__words{height:clamp(55px,8vw,110px);display:grid;place-items:center;overflow:hidden}.cp-intro__words span{grid-area:1/1;font:600 clamp(48px,8vw,105px)/1 Manrope;letter-spacing:-.06em;opacity:0;transform:translateY(105%)}.cp-intro__words span:nth-child(1){animation:cpIntroWord 1.35s 1.1s var(--ease) both}.cp-intro__words span:nth-child(2){animation:cpIntroWord 1.35s 2.3s var(--ease) both}.cp-intro__words span:nth-child(3){color:#74d5ff;animation:cpIntroLast 1.25s 3.5s var(--ease) forwards}.cp-intro__track{position:absolute;left:45px;right:45px;bottom:38px;height:1px;background:#ffffff18}.cp-intro__track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#176fff,#6bd7ff);animation:cpIntroTrack 5.5s linear forwards}.cp-intro__skip{position:absolute;right:45px;bottom:58px;padding:9px 0;border:0;background:none;color:#aeb7c3;font:600 10px Manrope;cursor:pointer}.cp-intro__skip b{margin-left:10px;color:#67d0ff}.cp-intro.cp-leaving{pointer-events:none}.cp-intro.cp-leaving .cp-intro__center,.cp-intro.cp-leaving .cp-intro__frame,.cp-intro.cp-leaving .cp-intro__skip,.cp-intro.cp-leaving .cp-intro__track{opacity:0;transform:translateY(-20px);transition:opacity .7s,transform .7s var(--ease)}.cp-intro.cp-leaving{opacity:0;transition:opacity 1.1s ease .35s}.cp-intro.cp-finished{display:none}
@keyframes cpFloat{0%,100%{transform:translateY(8px)}50%{transform:translateY(-24px)}}@keyframes cpShine{0%,25%{transform:translateX(-60%)}65%,100%{transform:translateX(60%)}}@keyframes cpPhoneFloat{0%,100%{transform:translateY(10px)}50%{transform:translateY(-20px)}}@keyframes cpMarquee{to{transform:translateX(-50%)}}@keyframes cpIntroLight{0%{transform:translateX(-130vw);opacity:0}45%{opacity:1}100%{transform:translateX(130vw);opacity:.2}}@keyframes cpIntroMark{to{opacity:1;transform:scale(1)}}@keyframes cpFade{to{opacity:1}}@keyframes cpIntroWord{0%{opacity:0;transform:translateY(105%)}25%,72%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-105%)}}@keyframes cpIntroLast{to{opacity:1;transform:translateY(0)}}@keyframes cpIntroTrack{to{width:100%}}
@media(max-width:960px){.cp-hero{grid-template-columns:1fr;padding-block:100px 40px}.cp-heading,.cp-demo__grid{grid-template-columns:1fr;gap:35px}.cp-value__grid{grid-template-columns:1fr}.cp-value__grid article{min-height:280px}.cp-nav nav>a:not(.cp-button){display:none}.cp-product{height:560px}.cp-phone{margin-top:30px}.cp-heading>p{max-width:650px}}
@media(max-width:650px){.cp-wrap{width:calc(100% - 30px)}.cp-nav{height:74px}.cp-brand b{font-size:12px}.cp-hero h1{font-size:48px}.cp-actions,.cp-proof{align-items:flex-start;flex-direction:column}.cp-proof{gap:13px}.cp-product{height:430px}.cp-card{padding:25px}.cp-card__body{margin-top:23px}.cp-card__body h2{font-size:32px}.cp-product__floor{width:390px}.cp-data{display:none}.cp-marquee>div{min-height:60px}.cp-value,.cp-demo,.cp-designs{padding-block:90px}.cp-demo__copy ul,.cp-designs__grid,.cp-pricing__grid{grid-template-columns:1fr}.cp-demo__grid{gap:55px}.cp-close__panel{padding:75px 20px}.cp-pricing{padding-bottom:90px}.cp-pricing__grid article{padding:32px}.cp-footer{align-items:flex-start;flex-direction:column;padding-block:35px;gap:13px}.cp-footer p{margin:0}.cp-intro__frame{inset:20px 20px auto}.cp-intro__words span{font-size:clamp(38px,12vw,66px)}.cp-intro__track{left:20px;right:20px;bottom:24px}.cp-intro__skip{right:20px;bottom:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cp-page *{animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important}.cp-reveal{opacity:1!important;transform:none!important}.cp-intro__mark,.cp-intro__center>p,.cp-intro__words span{opacity:1!important;transform:none!important}.cp-intro__words span:not(:last-child){display:none}.cp-intro__track i{width:100%!important}}

/* El intro se activa por clase para reiniciar siempre desde el primer fotograma. */
.cp-intro:not(.cp-playing) .cp-intro__light,.cp-intro:not(.cp-playing) .cp-intro__mark,.cp-intro:not(.cp-playing) .cp-intro__center>p,.cp-intro:not(.cp-playing) .cp-intro__words span,.cp-intro:not(.cp-playing) .cp-intro__track i{animation:none}
.cp-intro:not(.cp-playing) .cp-intro__light,.cp-intro:not(.cp-playing) .cp-intro__mark,.cp-intro:not(.cp-playing) .cp-intro__center>p,.cp-intro:not(.cp-playing) .cp-intro__words span{opacity:0}
.cp-intro:not(.cp-playing) .cp-intro__track i{width:0}

/* Intro cinematográfico con tarjeta de dos caras. */
.cp-intro__story{position:relative;z-index:3;width:min(1180px,88vw);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(50px,8vw,120px)}
.cp-intro__copy{opacity:0;transform:translate3d(-70px,0,0)}
.cp-intro.cp-playing .cp-intro__copy{animation:cpIntroCopy 1.25s .35s var(--ease) forwards}
.cp-intro__copy .cp-intro__mark{margin:0 0 28px}
.cp-intro__eyebrow{margin:0;color:#7d8794;font:700 8px Manrope;letter-spacing:.26em}
.cp-intro__copy h2{margin:18px 0 22px;font:600 clamp(42px,5.4vw,76px)/.98 Manrope;letter-spacing:-.06em}
.cp-intro__copy h2 em{color:#70d3ff;font-style:normal}
.cp-intro__lead{max-width:500px;color:#a4adb8;font-size:14px;line-height:1.7}
.cp-intro__benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.cp-intro__benefits span{padding:8px 11px;border:1px solid #ffffff1d;color:#c3cad3;font:600 8px Manrope;letter-spacing:.08em}
.cp-intro-card-scene{height:410px;display:grid;place-items:center;perspective:1400px;position:relative;opacity:0;transform:translate3d(70px,0,0)}
.cp-intro.cp-playing .cp-intro-card-scene{animation:cpIntroScene 1.25s .65s var(--ease) forwards}
.cp-intro-card{position:relative;z-index:2;width:min(500px,42vw);aspect-ratio:1.72;transform-style:preserve-3d;will-change:transform}
.cp-intro.cp-playing .cp-intro-card{animation:cpCardTurn 8.4s .45s cubic-bezier(.65,0,.35,1) both}
.cp-intro-card__face{position:absolute;inset:0;padding:34px;border:1px solid #ffffff4a;border-radius:18px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 50px 100px #000c,0 0 70px #177aff20}
.cp-intro-card__face:before{content:"";position:absolute;inset:-120% -50%;background:linear-gradient(115deg,transparent 45%,#ffffff22 50%,transparent 55%);animation:cpIntroCardShine 5.6s 1.4s ease-in-out both}
.cp-intro-card__front{background:radial-gradient(circle at 88% 8%,#247cca55,transparent 36%),linear-gradient(145deg,#171c23,#07090c 72%)}
.cp-intro-card__back{background:radial-gradient(circle at 12% 85%,#683eff55,transparent 35%),linear-gradient(145deg,#111722,#06080c 72%);transform:rotateY(180deg)}
.cp-intro-card__top{position:relative;display:flex;justify-content:space-between;align-items:center;color:#78d4ff}
.cp-intro-card__top b{display:grid;place-items:center;width:32px;aspect-ratio:1;border:1px solid #78d4ff;border-radius:50%;font-size:8px}
.cp-intro-card__top small{font-size:7px;letter-spacing:.18em}
.cp-intro-card__front>div:nth-child(2){position:relative;margin-top:38px}
.cp-intro-card__front small{color:#8793a2;font-size:7px;letter-spacing:.18em}
.cp-intro-card__front h3{margin:11px 0 12px;font:600 40px/.91 Manrope;letter-spacing:-.055em}
.cp-intro-card__front i{display:block;width:46px;height:2px;background:linear-gradient(90deg,#70d6ff,#216fff)}
.cp-intro-card__front p{font-size:7px;letter-spacing:.18em;color:#8792a0}
.cp-intro-card__face>span{position:absolute;right:28px;bottom:24px;color:#566170;font:700 7px Manrope;letter-spacing:.2em}
.cp-intro-contact{position:relative;display:flex;flex-direction:column;gap:14px;margin-top:42px;color:#b7c1ce;font:600 9px Manrope;letter-spacing:.08em}
.cp-intro-contact span{padding-bottom:11px;border-bottom:1px solid #ffffff17}
.cp-intro-qr{position:absolute;right:34px;bottom:45px;font-size:60px;color:#fff}
.cp-intro-card__shadow{position:absolute;z-index:0;bottom:28px;width:75%;height:55px;border-radius:50%;background:#177aff50;filter:blur(35px);animation:cpIntroShadow 8.4s .45s ease-in-out both}
.cp-intro-card__hint{position:absolute;bottom:6px;color:#697484;font:700 7px Manrope;letter-spacing:.2em}
.cp-intro-card__hint i{display:inline-block;width:5px;aspect-ratio:1;margin-right:7px;border-radius:50%;background:#62d2ff;box-shadow:0 0 10px #62d2ff}
.cp-intro.cp-playing .cp-intro__track i{animation-duration:8.5s}
@keyframes cpIntroCopy{to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes cpIntroScene{to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes cpCardTurn{0%,30%{transform:translate3d(0,8px,0) rotateX(7deg) rotateY(-12deg) rotateZ(1.5deg)}45%,72%{transform:translate3d(0,-14px,0) rotateX(3deg) rotateY(168deg) rotateZ(-1deg)}88%,100%{transform:translate3d(0,0,0) rotateX(7deg) rotateY(348deg) rotateZ(1.5deg)}}
@keyframes cpIntroCardShine{0%,20%{transform:translateX(-70%)}75%,100%{transform:translateX(70%)}}
@keyframes cpIntroShadow{0%,30%,88%,100%{transform:scaleX(.84);opacity:.35}45%,72%{transform:scaleX(1.08);opacity:.65}}
@media(max-width:800px){.cp-intro__story{grid-template-columns:1fr;gap:24px;text-align:center}.cp-intro__copy .cp-intro__mark{margin-inline:auto}.cp-intro__lead{margin-inline:auto}.cp-intro__benefits{justify-content:center}.cp-intro-card-scene{height:260px}.cp-intro-card{width:min(390px,82vw)}.cp-intro-card__face{padding:22px}.cp-intro-card__front>div:nth-child(2){margin-top:20px}.cp-intro-card__front h3{font-size:29px}.cp-intro-qr{font-size:43px}.cp-intro__copy h2{font-size:clamp(35px,9vw,54px)}.cp-intro__lead{font-size:12px}.cp-intro__benefits{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.cp-intro.cp-playing .cp-intro__copy{animation:cpIntroCopy 1.25s .2s var(--ease) forwards!important}.cp-intro.cp-playing .cp-intro-card-scene{animation:cpIntroScene 1.25s .45s var(--ease) forwards!important}.cp-intro.cp-playing .cp-intro-card{animation:cpCardTurn 8.4s .45s cubic-bezier(.65,0,.35,1) both!important}.cp-intro.cp-playing .cp-intro-card__face:before{animation:cpIntroCardShine 5.6s 1.4s ease-in-out both!important}.cp-intro.cp-playing .cp-intro-card__shadow{animation:cpIntroShadow 8.4s .45s ease-in-out both!important}.cp-intro.cp-leaving{transition-duration:1.1s!important}.cp-intro.cp-leaving .cp-intro__story,.cp-intro.cp-leaving .cp-intro__frame,.cp-intro.cp-leaving .cp-intro__skip,.cp-intro.cp-leaving .cp-intro__track{transition-duration:.7s!important}}

/* La tarjeta principal demuestra frente y reverso, igual que el intro. */
.cp-card-shell{width:min(470px,88vw);aspect-ratio:1.72;perspective:1400px;animation:cpHeroShell 14s ease-in-out infinite}
.cp-hero-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;animation:cpHeroCardTurn 16s cubic-bezier(.65,0,.35,1) infinite}
.cp-card.cp-hero-face{position:absolute;inset:0;width:100%;height:100%;transform:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.cp-card.cp-hero-back{transform:rotateY(180deg);background:radial-gradient(circle at 12% 86%,#6042dc55,transparent 36%),linear-gradient(145deg,#111823,#06080c 72%)}
.cp-card__links{display:flex;flex-direction:column;gap:13px;width:62%;margin-top:36px;color:#b6c0cc;font-size:9px;letter-spacing:.07em}
.cp-card__links span{padding-bottom:10px;border-bottom:1px solid #ffffff19}
.cp-data--one{animation:cpDataOne 10s ease-in-out infinite}.cp-data--two{animation:cpDataTwo 12s ease-in-out -5s infinite}
@keyframes cpHeroShell{0%,100%{transform:translateY(9px)}50%{transform:translateY(-24px)}}
@keyframes cpHeroCardTurn{0%,34%{transform:rotateY(0deg)}46%,78%{transform:rotateY(180deg)}90%,100%{transform:rotateY(360deg)}}
@keyframes cpDataOne{0%,100%{transform:translate3d(0,14px,0)}50%{transform:translate3d(0,-18px,0)}}
@keyframes cpDataTwo{0%,100%{transform:translate3d(0,-12px,0)}50%{transform:translate3d(0,17px,0)}}

/* Ventajas con profundidad, luz y jerarquía visual. */
.cp-value{position:relative;isolation:isolate;background:linear-gradient(145deg,#07101d,#0b1727 48%,#070a0f);color:#f7f9fc;box-shadow:0 0 0 100vmax #080e17;overflow:hidden}
.cp-value:before{content:"";position:absolute;z-index:-1;width:760px;height:760px;right:-260px;top:-330px;border:1px solid #55c9ff25;border-radius:50%;box-shadow:0 0 120px #176fff22,inset 0 0 120px #176fff15}
.cp-value:after{content:"";position:absolute;z-index:-1;width:420px;height:420px;left:-210px;bottom:-250px;border:1px solid #765cff33;border-radius:50%}
.cp-value .cp-heading>p{color:#98a5b5}.cp-value .cp-heading span{color:#63d1ff}
.cp-value__grid{grid-template-columns:1.25fr 1fr 1fr;gap:16px;background:transparent;border:0}
.cp-value__grid article{min-height:385px;padding:35px;border:1px solid #ffffff1b;background:linear-gradient(145deg,#111b29cc,#080d15dd);box-shadow:0 25px 70px #0004;overflow:hidden;position:relative}
.cp-value__grid article:first-child{background:radial-gradient(circle at 90% 10%,#176fff55,transparent 38%),linear-gradient(145deg,#12243a,#09101a);border-color:#58bbff42}
.cp-value__grid article:after{content:"";position:absolute;width:190px;height:190px;right:-100px;bottom:-110px;border:1px solid #62d4ff2b;border-radius:50%;transition:transform .8s var(--ease)}
.cp-value__grid article:hover{background:linear-gradient(145deg,#15273c,#09111b);transform:translateY(-12px)}.cp-value__grid article:hover:after{transform:scale(1.35)}
.cp-value__grid small{color:#647386;letter-spacing:.18em}.cp-value__grid article>div{border-color:#65ceff55;color:#6cd5ff;box-shadow:inset 0 0 25px #176fff18}.cp-value__grid h3{color:#fff;font-size:23px}.cp-value__grid p{color:#9aa6b5}
.cp-value__stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border:1px solid #ffffff18;background:#070b11aa}
.cp-value__stats span{padding:27px 30px;border-right:1px solid #ffffff18;color:#8f9baa;font-size:11px}.cp-value__stats span:last-child{border-right:0}.cp-value__stats b{margin-right:10px;color:#fff;font:600 25px Manrope}
@media(max-width:800px){.cp-value__grid,.cp-value__stats{grid-template-columns:1fr}.cp-value__stats span{border-right:0;border-bottom:1px solid #ffffff18}.cp-card-shell{width:min(390px,86vw)}.cp-card__links{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.cp-hero-flip{animation:cpHeroCardTurn 16s cubic-bezier(.65,0,.35,1) infinite!important}.cp-card-shell{animation:cpHeroShell 14s ease-in-out infinite!important}.cp-data--one{animation:cpDataOne 10s ease-in-out infinite!important}.cp-data--two{animation:cpDataTwo 12s ease-in-out -5s infinite!important}}