@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#23143a;--muted:#6f657e;--purple:#9224e8;--deep:#561095;--cyan:#02cbd4;--pale:#f8f6fc;--line:#e8e0f0;--shadow:0 22px 55px #2a13461f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.6 'DM Sans',sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',sans-serif;line-height:1.12}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:20;background:#ffffffeb;backdrop-filter:blur(18px);border-bottom:1px solid #e8e0f0d9}.nav-shell{width:min(1220px,calc(100% - 48px));height:82px;margin:auto;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:11px;font:800 20px/1 'Manrope';letter-spacing:-.7px}.brand>span:last-child{display:flex;flex-direction:column;gap:5px}.brand small{color:var(--muted);font:700 8px/1 'DM Sans';letter-spacing:1.35px}.brand-mark{width:46px;height:46px;border-radius:13px;overflow:hidden;box-shadow:0 8px 18px #741ac533;background:#fff;flex:0 0 auto}.brand-mark img{width:100%;height:100%;object-fit:cover;transform:scale(1.16)}nav{display:flex;gap:28px;margin-left:auto;font-size:14px;font-weight:600}nav a{color:#51455f}nav a:hover{color:var(--purple)}.button{border:0;border-radius:13px;padding:15px 21px;display:inline-flex;align-items:center;justify-content:center;gap:12px;color:#fff;background:linear-gradient(110deg,var(--purple),#c20fe2);font-weight:700;box-shadow:0 10px 24px #8e20dc33;transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #8e20dc47}.button-small{padding:11px 16px;font-size:13px}.menu{display:none;border:0;background:transparent;font-size:25px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 28%,#00e1da30,transparent 25%),radial-gradient(circle at 3% 100%,#bf16ea29,transparent 27%),linear-gradient(145deg,#fcfbff,#f2ecfb)}.hero:before{content:'';position:absolute;right:-120px;top:-180px;width:520px;height:520px;border:90px solid #961be40e;border-radius:50%}.hero-grid{min-height:690px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;padding-block:70px 88px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#53fff1;font-size:12px;font-weight:800;letter-spacing:1.45px}.eyebrow i{width:8px;height:8px;background:currentColor;border-radius:50%;box-shadow:0 0 0 5px #34efe224}.eyebrow.dark{color:var(--purple)}.hero-copy{position:relative;z-index:2}h1{font-size:clamp(48px,5vw,70px);letter-spacing:-3.8px;margin:22px 0 25px}.hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--purple),#d60bdc 63%,#00aebb);background-clip:text;color:transparent}.hero-copy>p{max-width:580px;color:var(--muted);font-size:18px;line-height:1.75}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.button-ghost{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.trust-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;color:#61566e;font-size:13px}.trust-row b{color:#00a897;margin-right:5px}
.hero-visual{position:relative;min-height:560px;display:grid;place-items:center}.glow{position:absolute;width:470px;height:470px;border-radius:50%;background:linear-gradient(145deg,#a022ea2b,#04d6d840)}.phone{position:relative;z-index:2;width:292px;min-height:520px;background:#fff;border:7px solid #271b36;border-radius:38px;padding:18px 17px 22px;box-shadow:32px 36px 65px #32174738;transform:rotate(-3deg)}.phone:before{content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);width:78px;height:15px;border-radius:20px;background:#271b36}.phone-status{display:flex;justify-content:space-between;font-size:9px;font-weight:700;margin-bottom:24px}.phone-logo{display:flex;align-items:center;gap:7px;font-size:11px}.brand-mark.mini{width:26px;height:26px;border-radius:7px}.phone-label{font-size:9px;letter-spacing:1px;color:#8b8194;margin:25px 0 10px;font-weight:700}.payment-card{display:flex;gap:11px;align-items:center;padding:14px 12px;margin-bottom:11px;border:1px solid #eee7f4;border-radius:15px;box-shadow:0 7px 18px #23143a0f}.wallet{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;font-weight:800}.wallet.yape{background:#f1defd;color:#8a1dbf}.wallet.plin{background:#d7fbf9;color:#009aa7}.payment-card div{flex:1}.payment-card small{display:block;color:#9a30cc;font-size:8px;font-weight:800}.payment-card strong{display:block;font:800 19px/1.3 'Manrope'}.payment-card p{margin:0;color:#8a8292;font-size:9px}.phone-summary{margin-top:17px;border-radius:16px;padding:18px;background:linear-gradient(120deg,#781ed0,#a727e7);color:#fff}.phone-summary span{display:block;font-size:9px;opacity:.8}.phone-summary strong{display:block;font-size:26px;margin-top:6px}.notice-card{position:absolute;z-index:3;background:#fffffff0;backdrop-filter:blur(12px);border:1px solid #fff;border-radius:17px;padding:14px 17px;display:flex;align-items:center;gap:11px;box-shadow:var(--shadow);font-size:12px}.notice-card>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#dbfff9;color:#00a68f;font-size:18px;font-weight:800}.notice-card small,.notice-card strong{display:block}.notice-card small{font-size:8px;letter-spacing:1px;color:#897d92}.notice-top{right:-15px;top:56px}.notice-bottom{left:-32px;bottom:55px;max-width:265px}.notice-bottom>span{background:#f1ddff;color:var(--purple)}
.proof-strip{background:linear-gradient(105deg,#5b109c,#8a1fcd 60%,#a80ed2);color:#fff}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:28px}.proof-grid>div{padding:6px 28px;border-right:1px solid #ffffff33}.proof-grid>div:last-child{border:0}.proof-grid strong{display:block;font:800 27px/1.1 'Manrope'}.proof-grid span{font-size:12px;color:#eadff3}.section{padding-block:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:45px}.section-heading h2,.center-heading h2{font-size:clamp(35px,4vw,50px);letter-spacing:-2.4px;margin:15px 0}.section-heading>p{max-width:390px;color:var(--muted);margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{position:relative;padding:29px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 32px #2613370d}.steps article>span{position:absolute;right:22px;top:20px;color:#cfc2dd;font-weight:800}.step-icon,.feature-symbol{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#f2e5fc;color:var(--purple);font-weight:800}.steps h3,.benefit h3{font-size:21px;margin:24px 0 10px}.steps p,.benefit p{color:var(--muted);font-size:14px;margin:0}
.benefits{background:linear-gradient(145deg,#50108f,#7215b7 58%,#8e18c3);color:#fff;position:relative;overflow:hidden}.benefits:after{content:'';position:absolute;width:430px;height:430px;right:-160px;bottom:-270px;border-radius:50%;background:#00dcd2;opacity:.35}.center-heading{text-align:center;max-width:720px;margin:0 auto 45px}.center-heading p{color:#e4d9ec}.dark-copy p{color:var(--muted)}.benefit-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.benefit{background:#ffffff1a;border:1px solid #ffffff29;border-radius:21px;padding:30px}.benefit.featured{background:linear-gradient(130deg,#00cfc9,#17bcca);color:#172c3c}.benefit p{color:#e6ddec}.benefit.featured p{color:#27556a}.feature-symbol{background:#ffffff26;color:#70fff4}.featured .feature-symbol{background:#e4fffc;color:#008b91}.text-button{border:0;background:transparent;color:#fff;font-weight:700;padding:18px 0 0}.featured .text-button{color:#4d0a77}.important{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px;margin-top:24px;padding:20px 23px;background:#1b083059;border-radius:16px;color:#e9dff1}.important>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#5dffeb;color:#331051;font-weight:800;flex:0 0 auto}.important p{margin:0;font-size:13px}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:62px}.plan{position:relative;border:1px solid var(--line);border-radius:22px;padding:32px;background:#fff;display:flex;flex-direction:column}.plan.popular{border:2px solid var(--purple);box-shadow:0 20px 50px #6a14a624;transform:translateY(-12px);background:linear-gradient(160deg,#fff,#fbf6ff)}.popular-label{position:absolute;top:-17px;left:50%;transform:translateX(-50%);padding:7px 16px;border-radius:20px;background:linear-gradient(100deg,var(--purple),#c20fda);color:#fff;font-size:10px;font-weight:800;letter-spacing:1px;white-space:nowrap}.plan-tag{font-size:10px;font-weight:800;letter-spacing:1.25px;color:var(--purple)}.plan h3{font-size:25px;margin:9px 0 21px}.price{font:800 40px/1 'Manrope';letter-spacing:-1.5px}.price>small:first-child{display:inline;font-size:16px;margin-right:4px}.price small{display:block;color:var(--muted);font:500 12px/1.5 'DM Sans';letter-spacing:0;margin-top:7px}.plan ul{list-style:none;padding:21px 0 14px;margin:23px 0;border-top:1px solid var(--line);flex:1}.plan li{position:relative;padding-left:23px;margin-bottom:13px;color:#554a61;font-size:14px}.plan li:before{content:'✓';position:absolute;left:0;color:#00a992;font-weight:800}.plan .button{width:100%}.button-outline{color:var(--purple);background:#fff;border:1px solid #d9c9e7;box-shadow:none}.faq-section{background:#f7f3fa}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq-grid h2{font-size:42px;letter-spacing:-2px;margin:16px 0 27px}.faq details{border-bottom:1px solid #ddd3e5}.faq summary{position:relative;cursor:pointer;list-style:none;padding:21px 40px 21px 0;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:5px;top:16px;color:var(--purple);font-size:24px}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);font-size:14px;padding-right:30px}.cta{background:linear-gradient(115deg,#00cfc9,#6218c5 53%,#c50cdb);color:#fff}.cta-inner{min-height:305px;display:flex;align-items:center;justify-content:space-between;gap:50px}.cta h2{font-size:clamp(37px,4vw,51px);letter-spacing:-2.4px;margin:15px 0}.cta p{color:#efe7f6;margin:0}.button-light{background:#fff;color:var(--purple);box-shadow:none}
footer{background:#251037;color:#fff;padding-top:58px}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr .85fr 1.25fr;gap:55px}.footer-brand{align-self:start}.footer-brand small{color:#bca9c9}.footer-links{display:flex;flex-direction:column;gap:9px;font-size:13px}.footer-links strong,.footer-note strong{font-size:12px;letter-spacing:.6px;margin-bottom:6px}.footer-links a{color:#cfc1d8}.footer-links a:hover{color:#5cfff0}.footer-note{color:#bfaec9;font-size:12px}.footer-note p{margin-top:10px}.copyright{border-top:1px solid #ffffff1f;margin-top:40px;padding-block:22px;color:#a995b6;font-size:11px}
dialog{border:1px solid var(--line);border-radius:24px;padding:36px;width:min(440px,calc(100% - 36px));color:var(--ink);box-shadow:0 30px 90px #16082459}dialog::backdrop{background:#1b092b99;backdrop-filter:blur(5px)}dialog h2{font-size:28px;margin:22px 0 12px}dialog p{color:var(--muted)}dialog code{background:#f2edf6;padding:2px 5px;border-radius:5px}.dialog-logo{width:64px;height:64px}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:28px;color:var(--muted)}#contact-link[hidden]{display:none}.toast{position:fixed;left:50%;bottom:25px;z-index:30;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#241137;color:#fff;padding:14px 20px;border-radius:13px;box-shadow:0 12px 35px #00000040;transition:.2s;max-width:calc(100% - 30px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
.legal-page{background:#f7f4fa}.legal-header{background:linear-gradient(115deg,#57109a,#991bce);color:#fff}.legal-header .site-header{background:transparent;border:0;position:relative}.legal-header .brand small{color:#dacbe4}.legal-header nav a{color:#fff}.legal-hero{padding:65px 0 75px}.legal-hero h1{font-size:clamp(38px,5vw,60px);margin:16px 0 12px}.legal-hero p{color:#e8dced;max-width:700px;margin:0}.legal-wrap{width:min(880px,calc(100% - 40px));margin:42px auto 80px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(26px,5vw,58px);box-shadow:0 18px 48px #2d144214}.legal-wrap h2{font-size:24px;margin:38px 0 12px}.legal-wrap h2:first-child{margin-top:0}.legal-wrap h3{font-size:17px;margin:24px 0 8px}.legal-wrap p,.legal-wrap li{color:#60566a;font-size:15px}.legal-wrap li{margin-bottom:9px}.legal-callout{background:#f1fdfb;border-left:4px solid var(--cyan);padding:18px 20px;border-radius:0 13px 13px 0}.legal-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.legal-actions .button{font-size:14px}.legal-footer{text-align:center;color:#817488;font-size:12px;margin-top:-45px;padding-bottom:45px}
@media(max-width:900px){nav{gap:16px}.hero-grid{gap:25px}.notice-top{right:-3px}.notice-bottom{left:-5px}.proof-grid{grid-template-columns:repeat(2,1fr);gap:15px}.proof-grid>div:nth-child(2){border:0}.footer-grid{grid-template-columns:1fr 1fr}.site-header .button-small{display:none}}
@media(max-width:700px){.shell,.nav-shell{width:min(100% - 34px,1160px)}.nav-shell{height:72px}.brand{font-size:17px}.brand-mark{width:40px;height:40px}.menu{display:block;margin-left:auto}nav{display:none;position:absolute;top:68px;left:17px;right:17px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.legal-header nav{background:#6511a6}nav.open{display:flex}.hero-grid{grid-template-columns:1fr;padding-block:54px 65px}.hero-copy{text-align:center}.hero-copy>p{font-size:16px}.hero-actions,.trust-row{justify-content:center}h1{font-size:45px;letter-spacing:-2.6px}.hero-visual{min-height:535px}.phone{width:270px}.glow{width:390px;height:390px}.notice-card{font-size:10px}.notice-top{right:0}.notice-bottom{left:0}.proof-grid{padding-block:20px}.proof-grid>div{padding:8px 15px}.proof-grid strong{font-size:22px}.section{padding-block:70px}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.center-heading h2{font-size:36px;letter-spacing:-1.8px}.steps,.pricing,.benefit-grid{grid-template-columns:1fr}.plan.popular{transform:none;margin-block:13px}.faq-grid{grid-template-columns:1fr;gap:35px}.cta-inner{padding-block:55px;display:block}.cta .button{margin-top:26px}.footer-grid{grid-template-columns:1fr;gap:32px}.legal-hero{padding:40px 0 55px}}
@media(max-width:390px){h1{font-size:39px}.hero-actions .button{width:100%}.phone{width:250px}.notice-card{max-width:215px}.proof-grid{grid-template-columns:1fr}.proof-grid>div{border-right:0;border-bottom:1px solid #ffffff26}.trust-row{display:grid;gap:8px}.legal-wrap{width:calc(100% - 24px);padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Dirección visual: portada nocturna + problema/solución, con identidad Yalepago. */
.site-header{background:#1d0938f2;border-color:#ffffff17;color:#fff}.site-header .brand small{color:#cbb8dc}.site-header nav a{color:#d8cce2}.site-header nav a:hover{color:#5affef}.site-header .menu{color:#fff}.hero{color:#fff;background:#1d0938;background-image:radial-gradient(ellipse at 82% 38%,#00d9d538,transparent 31%),radial-gradient(ellipse at 36% 88%,#d411e842,transparent 38%),linear-gradient(125deg,#17062c,#2d0c55 56%,#431276)}.hero:before{border-color:#00ddd51c}.hero-copy .eyebrow{color:#6affef}.hero h1{color:#fff}.hero h1 em{background:none;color:#bd72ff}.hero-copy>p{color:#d0c1dc}.hero .button-ghost{color:#fff;background:#ffffff0d;border-color:#ffffff35}.hero .trust-row{color:#cbbbd7}.hero .trust-row b{color:#53efdf}.hero .glow{background:radial-gradient(circle at 38% 30%,#e443ff70,transparent 42%),radial-gradient(circle at 70% 65%,#00e4dc6b,transparent 45%)}.hero .notice-card{background:#25123ed9;border-color:#ffffff21;color:#fff}.hero .notice-card small{color:#bcaec8}.hero .phone{box-shadow:32px 36px 75px #08020e8c}.proof-strip{background:linear-gradient(100deg,#130523,#38105b 52%,#071f36);border-top:1px solid #ffffff17}.proof-grid span{color:#c9b9d5}
.problem-section{position:relative;overflow:hidden;background:radial-gradient(circle at 5% 18%,#e9caff 0,transparent 28%),radial-gradient(circle at 94% 82%,#bdf9f5 0,transparent 28%),linear-gradient(135deg,#f8f2ff,#eefcfc)}.problem-section:after{content:'';position:absolute;left:-120px;bottom:-210px;width:420px;height:420px;border-radius:50%;border:72px solid #b80cdb12}.problem-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .8fr;gap:90px;align-items:center}.section-chip{display:inline-flex;padding:7px 14px;border-radius:999px;background:#ead8ff;color:#7522c7;font-size:12px;font-weight:800;letter-spacing:1.2px}.problem-grid h2,.solution-heading h2{font-size:clamp(38px,4vw,54px);letter-spacing:-2.7px;margin:20px 0 32px}.pain-list{display:grid;gap:15px}.pain-list article{display:flex;gap:18px;align-items:flex-start;background:#ffffffc9;backdrop-filter:blur(8px);border:1px solid #ffffffb8;border-radius:17px;padding:20px 22px;box-shadow:0 12px 30px #57127e10}.pain-list article>span{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:#f5eaff;color:#9224e8;font-weight:800}.pain-list article:nth-child(2)>span{background:#e1f6ff;color:#2378e8}.pain-list article:nth-child(3)>span{background:#fff0e8;color:#e96e24}.pain-list h3{font-size:16px;margin:0 0 5px}.pain-list p{font-size:14px;color:var(--muted);margin:0}.conversation{background:#fffc;border:1px solid #fff;border-radius:25px;padding:25px;box-shadow:0 25px 60px #4310601f}.chat-label{text-align:center;font-size:10px;font-weight:800;letter-spacing:1.3px;color:#877b92;margin-bottom:18px}.message{border-radius:15px;padding:16px 17px;margin-bottom:12px}.message small{display:block;font-size:10px;font-weight:800;letter-spacing:.7px;margin-bottom:7px}.message p{margin:0;font-size:15px}.message.customer{background:#f4f8ff;border:1px solid #dbe9f5}.message.customer small{color:#3776db}.message.worker{margin-left:26px;background:#faf1ff;border:1px solid #e4c7ff}.message.worker small{color:#8c24d7}.wait-state{display:flex;flex-direction:column;background:#fff2f2;border:1px solid #ffc9c9;color:#c03a44;border-radius:13px;padding:13px 16px}.wait-state strong{font-size:11px;text-transform:uppercase}.wait-state span{font-size:13px;color:#7a5054}.conversation-divider{display:flex;align-items:center;gap:10px;margin:20px 0}.conversation-divider:before,.conversation-divider:after{content:'';height:1px;background:#e6e0eb;flex:1}.conversation-divider span{font-size:9px;font-weight:800;letter-spacing:1px;color:#887d91}.message.solved{background:#eafff5;border:1px solid #9aebbd;margin-bottom:0}.message.solved small,.message.solved strong{color:#008f53}.message.solved strong{display:block;font-size:11px;margin-top:8px}
.solution-section{position:relative;background:radial-gradient(ellipse at 72% 18%,#bff8ff7a,transparent 30%),linear-gradient(155deg,#f7fbff,#f4edff)}.solution-heading{margin-bottom:65px}.solution-heading>p{max-width:430px}.steps.flow{grid-template-columns:repeat(4,1fr);gap:0}.flow article{border:0;border-radius:0;box-shadow:none;padding:22px 28px;text-align:center;background:transparent}.flow article:not(:last-child):after{content:'→';position:absolute;right:-8px;top:46px;color:#9d5ad8;font-size:22px}.flow .step-icon{margin:0 auto;border:2px solid #8c28e8;border-radius:50%;background:#fff;box-shadow:0 9px 20px #5f179318}.flow article>span{top:-15px;right:50%;transform:translateX(50%);font-size:10px}.flow h3{font-size:16px;margin-top:20px}.flow p{font-size:13px}
#planes{position:relative;background:radial-gradient(circle at 100% 15%,#b8fff460,transparent 25%),radial-gradient(circle at 0 90%,#e6c5ff7a,transparent 28%),linear-gradient(145deg,#fff,#f7f1ff)}#planes .plan{background:#fffffff0;backdrop-filter:blur(8px)}.faq-section{background:linear-gradient(135deg,#ebfdfb,#f2eaff)}
@media(max-width:900px){.problem-grid{gap:35px}.steps.flow{grid-template-columns:repeat(2,1fr);gap:25px}.flow article:nth-child(2):after{display:none}}
@media(max-width:700px){.site-header nav{background:#291047;border-color:#ffffff29}.problem-grid{grid-template-columns:1fr;gap:40px}.problem-grid h2,.solution-heading h2{font-size:36px;letter-spacing:-1.8px}.conversation{padding:18px}.solution-heading{margin-bottom:35px}.steps.flow{grid-template-columns:1fr;gap:15px}.flow article{border:1px solid var(--line);border-radius:18px}.flow article:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-24px;transform:translateX(50%);z-index:2}.flow article>span{top:17px;right:22px;transform:none}}

/* Difuminados más visibles en las zonas claras. */
.problem-section{background:radial-gradient(circle at 3% 14%,#dca8ff 0,transparent 34%),radial-gradient(circle at 96% 82%,#8ef2ec 0,transparent 35%),radial-gradient(circle at 54% 48%,#fff 0,transparent 52%),linear-gradient(135deg,#f0e2ff,#daf9f7)}
.solution-section{background:radial-gradient(ellipse at 78% 12%,#8eefff9c,transparent 36%),radial-gradient(ellipse at 8% 88%,#d6a7ff9c,transparent 36%),radial-gradient(ellipse at 50% 48%,#fff 0,transparent 55%),linear-gradient(145deg,#e7faff,#eee0ff)}
#planes{background:radial-gradient(circle at 100% 10%,#83f3e69c,transparent 32%),radial-gradient(circle at 0 92%,#d498ffad,transparent 34%),radial-gradient(circle at 48% 42%,#fff 0,transparent 58%),linear-gradient(145deg,#e9fbfa,#f0e3ff)}
#planes .plan{background:#ffffffe8;backdrop-filter:blur(10px)}
.faq-section{background:radial-gradient(circle at 92% 10%,#d698ff85,transparent 32%),radial-gradient(circle at 5% 90%,#78eee49c,transparent 34%),linear-gradient(135deg,#ddfaf7,#eadcff)}

/* Planes a ancho completo y captura real dentro del teléfono. */
#planes.shell{width:100%;max-width:none;margin:0;padding-left:max(24px,calc((100% - 1160px)/2));padding-right:max(24px,calc((100% - 1160px)/2))}
.product-phone{position:relative;z-index:2;width:min(390px,88%);filter:drop-shadow(30px 34px 34px #08020e6e);transform:translateY(8px)}
.product-phone img{display:block;width:100%;height:auto}
@media(max-width:700px){#planes.shell{padding-left:17px;padding-right:17px}.product-phone{width:min(315px,78%);transform:translateY(6px)}.notice-top{top:40px}.notice-bottom{bottom:42px}}
@media(max-width:390px){.product-phone{width:min(285px,78%)}.notice-card{max-width:200px}}

/* Movimiento e interacción. */
.site-header .brand,.site-header nav,.site-header .button-small,.site-header .menu{animation:header-content-in .55s ease-out both}
.hero-copy>*{animation:hero-copy-in .72s cubic-bezier(.2,.75,.2,1) both}
.hero-copy>*:nth-child(2){animation-delay:.08s}.hero-copy>*:nth-child(3){animation-delay:.16s}.hero-copy>*:nth-child(4){animation-delay:.24s}.hero-copy>*:nth-child(5){animation-delay:.32s}
.product-phone{animation:phone-in .9s cubic-bezier(.2,.8,.2,1) .12s both,phone-float 5s ease-in-out 1.1s infinite}
.glow{animation:glow-breathe 5.5s ease-in-out infinite}
.notice-top{animation:notice-float 3.8s ease-in-out .4s infinite alternate}
.notice-bottom{animation:notice-float 4.3s ease-in-out .9s infinite alternate-reverse}
nav a{position:relative;transition:color .22s ease}
nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:2px;border-radius:2px;background:linear-gradient(90deg,#b957ff,#42eadf);transition:right .25s ease}
nav a:hover:after{right:0}
.button span,.text-button{transition:transform .22s ease}.button:hover span{transform:translateX(4px)}.text-button:hover{transform:translateX(5px)}
.proof-grid>div,.pain-list article,.conversation,.flow article,.plan,.faq details,.important{transition:translate .28s ease,transform .28s ease,box-shadow .28s ease,border-color .28s ease,background-color .28s ease}
.proof-grid>div:hover{translate:0 -4px}.proof-grid>div:hover strong{color:#69fff0}
.pain-list article:hover{translate:7px 0;box-shadow:0 18px 38px #57127e20;border-color:#d6a9fa}
.conversation:hover{translate:0 -6px;box-shadow:0 32px 70px #4310602e}
.flow article:hover{translate:0 -8px}.flow article:hover .step-icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 13px 28px #5f17932c}.step-icon{transition:transform .28s ease,box-shadow .28s ease}
.benefit{will-change:transform;transition:transform .18s ease,box-shadow .28s ease,border-color .28s ease,filter .28s ease}
.benefit:hover{box-shadow:0 24px 48px #24073642;border-color:#ffffff5c;filter:saturate(1.06)}
.benefit.tilt-card:hover{transform:perspective(900px) translateY(-9px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.benefit:hover .feature-symbol{transform:translateY(-3px) rotate(-7deg) scale(1.08)}.feature-symbol{transition:transform .28s ease}
.plan:hover{translate:0 -8px;box-shadow:0 24px 55px #4d12672b;border-color:#bf7aeb}.plan.popular:hover{translate:0 -8px}
.faq details:hover{translate:5px 0}.faq summary:after{transition:transform .25s ease}.faq details[open] summary:after{transform:rotate(180deg)}
.reveal{opacity:0;translate:0 34px;transition:opacity .7s ease var(--reveal-delay,0ms),translate .7s cubic-bezier(.2,.72,.2,1) var(--reveal-delay,0ms),box-shadow .28s ease,border-color .28s ease,background-color .28s ease}
.reveal.is-visible{opacity:1;translate:0 0}
.plan.reveal.is-visible:hover{translate:0 -8px}

@keyframes header-content-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes hero-copy-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes phone-in{from{opacity:0;transform:translate(45px,26px) scale(.92)}to{opacity:1;transform:translateY(8px) scale(1)}}
@keyframes phone-float{0%,100%{transform:translateY(8px) rotate(-.35deg)}50%{transform:translateY(-7px) rotate(.35deg)}}
@keyframes glow-breathe{0%,100%{transform:scale(.9);opacity:.72}50%{transform:scale(1.08);opacity:1}}
@keyframes notice-float{from{transform:translateY(-4px)}to{transform:translateY(8px)}}

@media(max-width:700px){.pain-list article:hover,.faq details:hover{translate:0 -4px}.product-phone{animation-name:phone-in-mobile,phone-float-mobile}@keyframes phone-in-mobile{from{opacity:0;transform:translate(22px,25px) scale(.94)}to{opacity:1;transform:translateY(6px) scale(1)}}@keyframes phone-float-mobile{0%,100%{transform:translateY(6px)}50%{transform:translateY(-5px)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-header .brand,.site-header nav,.site-header .button-small,.site-header .menu,.hero-copy>*,.product-phone,.glow,.notice-card{animation:none!important}.reveal{opacity:1!important;translate:0!important}.benefit,.benefit:hover,.plan:hover,.pain-list article:hover,.conversation:hover,.flow article:hover,.faq details:hover{transform:none!important;translate:0!important}*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}

/* Iconos uniformes del flujo: tarjeta, detección, aviso y confirmación. */
.step-icon svg{width:23px;height:23px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.step-icon svg .icon-fill{fill:currentColor;stroke:currentColor}.step-icon svg .icon-cut{fill:none;stroke:#fff;stroke-width:1.8}

/* Selector mensual/anual y cuatro niveles de servicio. */
.billing-switch{width:max-content;max-width:100%;margin:34px auto 0;padding:5px;display:flex;gap:5px;background:#ffffffe8;border:1px solid #dfd4e8;border-radius:15px;box-shadow:0 10px 28px #37104b12}.billing-option{min-width:145px;border:0;border-radius:11px;padding:12px 18px;background:transparent;color:#6c5d76;font-weight:800;transition:background .24s ease,color .24s ease,transform .24s ease,box-shadow .24s ease}.billing-option:hover{color:var(--deep);transform:translateY(-1px)}.billing-option.active{color:#fff;background:#281648;box-shadow:0 8px 18px #2816482e}.billing-option span{display:inline-block;margin-left:7px;padding:3px 7px;border-radius:999px;background:#ccff76;color:#203600;font-size:9px;line-height:1.2;vertical-align:2px}.pricing{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:46px}.plan{padding:27px 24px}.plan h3{font-size:22px}.plan .price{font-size:36px}.annual-saving{min-height:24px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-9px 0 10px;font-size:11px}.annual-saving[hidden]{display:none}.annual-saving del{color:#8d8195}.annual-saving b{padding:4px 8px;border-radius:999px;background:#dffff5;color:#008b72}.price-equivalent{min-height:20px;margin:9px 0 -6px;color:#765b88;font-size:12px;font-weight:700}.price-equivalent[hidden]{display:none}.free-plan .price{font-size:33px}
@media(max-width:1100px) and (min-width:701px){.pricing{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.plan.popular{transform:none}.plan.popular:hover{translate:0 -8px}}
@media(max-width:700px){.billing-switch{width:100%}.billing-option{min-width:0;flex:1;padding-inline:10px}.pricing{grid-template-columns:1fr;gap:18px}.plan{padding:29px}.plan.popular{margin-block:8px}}
@media(max-width:390px){.billing-option{font-size:13px}.billing-option span{display:block;width:max-content;margin:4px auto 0}}

.plan ul:before{content:'Todo lo que incluye';display:block;margin-bottom:15px;color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.plan li{margin-bottom:10px;line-height:1.4}.plan li:first-of-type{font-weight:700;color:#3d1856}.plan li:first-of-type:before{color:#00aa93}

/* Logo PNG sin fondo: evita esquinas y bordes blancos en cabecera y favicon. */
.brand-mark{background:transparent}.brand-mark img{transform:none}

/* Beneficios con composición editorial y mayor profundidad visual. */
.benefits{background:radial-gradient(circle at 12% 16%,#b220ed85,transparent 28%),radial-gradient(circle at 88% 76%,#00d8d64d,transparent 30%),linear-gradient(135deg,#3a0871,#6510a7 52%,#8511bf)}.benefits:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#0009,transparent 90%)}.benefits:after{width:520px;height:520px;right:-190px;bottom:-340px;background:#18eee2;filter:blur(6px)}.benefits-shell{position:relative;z-index:1}.benefits .center-heading{margin-bottom:52px}.benefits .center-heading h2{color:#fff;text-shadow:0 10px 35px #1701294d}.benefit-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}.benefit{position:relative;min-height:270px;display:flex;flex-direction:column;overflow:hidden;padding:32px;border-radius:26px;background:linear-gradient(145deg,#ffffff1f,#ffffff0e);border:1px solid #ffffff30;box-shadow:inset 0 1px 0 #ffffff24,0 22px 55px #24013b20;backdrop-filter:blur(12px)}.benefit:after{content:attr(data-index);position:absolute;right:24px;top:17px;color:#ffffff17;font:800 56px/1 'Manrope';letter-spacing:-4px}.benefit-voice{grid-column:span 7}.benefit-shared{grid-column:span 5}.benefit-reports{grid-column:span 5}.benefit-session{grid-column:span 7}.benefit.featured{background:radial-gradient(circle at 90% 10%,#9ffff65c,transparent 30%),linear-gradient(135deg,#10d2cd,#16b8ca);box-shadow:0 25px 65px #031b3b4d;color:#122c3d}.benefit.featured:after{color:#06364b13}.benefit-shared{background:radial-gradient(circle at 95% 8%,#d592ff3d,transparent 35%),linear-gradient(145deg,#7f20c7aa,#9c30d49e)}.benefit-reports{background:radial-gradient(circle at 4% 100%,#00e8db30,transparent 38%),linear-gradient(145deg,#472071d1,#64239bd1)}.benefit-session{background:radial-gradient(circle at 90% 100%,#00e8db2e,transparent 38%),linear-gradient(145deg,#8421b9c7,#6c26b4b8)}.benefit-top{position:relative;z-index:1;display:flex;align-items:center;gap:13px}.feature-symbol{flex:0 0 auto}.feature-symbol svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.feature-kicker{font-size:10px;font-weight:800;letter-spacing:1.25px;color:#72fff3}.featured .feature-kicker{color:#075c6b}.benefit h3{position:relative;z-index:1;font-size:25px;margin:27px 0 10px}.benefit p{position:relative;z-index:1;max-width:590px;line-height:1.65}.feature-pills{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.feature-pills span{padding:6px 10px;border:1px solid #ffffff2e;border-radius:999px;background:#ffffff12;color:#eee5f5;font-size:10px;font-weight:700}.featured .feature-pills span{border-color:#075d6a29;background:#e6ffff73;color:#064e5f}.voice-action{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:auto}.voice-action .text-button b{display:inline-block;margin-left:5px;transition:transform .22s ease}.voice-action .text-button:hover b{transform:translateX(5px)}.voice-wave{height:34px;display:flex;align-items:center;gap:4px}.voice-wave i{display:block;width:4px;border-radius:5px;background:#075a67;animation:voice-bar 1.05s ease-in-out infinite}.voice-wave i:nth-child(1),.voice-wave i:nth-child(5){height:10px;animation-delay:-.1s}.voice-wave i:nth-child(2),.voice-wave i:nth-child(4){height:22px;animation-delay:-.35s}.voice-wave i:nth-child(3){height:32px;animation-delay:-.6s}.benefits .important{border:1px solid #ffffff21;box-shadow:0 16px 40px #2001302b;backdrop-filter:blur(10px)}
@keyframes voice-bar{0%,100%{transform:scaleY(.55);opacity:.55}50%{transform:scaleY(1);opacity:1}}
@media(max-width:820px){.benefit-grid{grid-template-columns:1fr}.benefit-voice,.benefit-shared,.benefit-reports,.benefit-session{grid-column:1}.benefit{min-height:245px}}
@media(max-width:480px){.benefit{padding:25px 22px;border-radius:21px}.benefit h3{font-size:22px}.benefit:after{font-size:45px;right:20px}.feature-kicker{font-size:9px}.voice-action{align-items:center}}
@media(prefers-reduced-motion:reduce){.voice-wave i{animation:none!important}}

/* Identificación pública del equipo responsable en documentos legales. */
.legal-data-table{margin:24px 0 34px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.legal-data-row{display:grid;grid-template-columns:minmax(150px,.8fr) 1.7fr;gap:22px;padding:15px 18px;border-bottom:1px solid var(--line);color:#60566a;font-size:14px}.legal-data-row:last-child{border-bottom:0}.legal-data-head{background:#f8f5fb;color:var(--ink)}.legal-data-row strong{color:var(--ink)}.legal-data-row a{overflow-wrap:anywhere}
.legal-contact{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:20px;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:#faf7fc;color:#60566a}.legal-contact strong{color:var(--ink);font-size:17px}
@media(max-width:390px){.legal-data-row{grid-template-columns:1fr;gap:5px;padding:14px 16px}.legal-data-head{display:none}}