
.home-final{background:#070a16;color:#f7f8ff}
.home-final header{background:rgba(7,10,22,.86);backdrop-filter:blur(16px)}
.final-hero{padding:76px 0 64px;overflow:hidden;background:radial-gradient(circle at 82% 15%,rgba(123,44,255,.19),transparent 26rem),radial-gradient(circle at 10% 18%,rgba(0,229,255,.08),transparent 22rem)}
.final-hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:54px;align-items:center}
.final-hero-copy h1{font-size:clamp(2.8rem,5.8vw,5.25rem);line-height:.98;letter-spacing:-.065em;margin:18px 0 22px}
.final-hero-copy>p{font-size:clamp(1.06rem,1.7vw,1.25rem);color:#c9d1e9;max-width:720px}
.quick-trust{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:24px;color:#cbd3e7;font-size:.92rem}
.quick-trust span{display:flex;align-items:center;gap:6px}
.wave-stage{border:1px solid rgba(255,255,255,.11);border-radius:30px;padding:26px;background:linear-gradient(145deg,rgba(19,26,50,.98),rgba(10,15,31,.97));box-shadow:0 28px 72px rgba(0,0,0,.34);position:relative;overflow:hidden}
.wave-stage::before{content:"";position:absolute;inset:-20% 32% 58% -15%;background:radial-gradient(circle,rgba(255,45,154,.25),transparent 66%);pointer-events:none}
.wave-stage::after{content:"";position:absolute;inset:55% -16% -30% 32%;background:radial-gradient(circle,rgba(0,229,255,.15),transparent 64%);pointer-events:none}
.wave-stage-top{position:relative;z-index:1;display:flex;align-items:center;gap:9px;color:#bdefff;text-transform:uppercase;letter-spacing:.11em;font-size:.78rem;font-weight:700}
.wave-dot{width:9px;height:9px;border-radius:999px;background:linear-gradient(135deg,#ff2d9a,#00e5ff);box-shadow:0 0 16px rgba(0,229,255,.7)}
.wave-stage-title{position:relative;z-index:1;font-size:clamp(1.55rem,2.7vw,2.25rem);line-height:1.05;letter-spacing:-.04em;margin:18px 0 22px}
.wave-stage-title strong{display:block;background:linear-gradient(90deg,#ff65b8,#8d62ff,#45dfff);-webkit-background-clip:text;background-clip:text;color:transparent}
.animated-wave{position:relative;z-index:1;height:155px;display:flex;align-items:center;justify-content:center;gap:5px;padding:18px 13px;border-radius:24px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);overflow:hidden}
.animated-wave::before{content:"";position:absolute;left:0;top:0;bottom:0;width:32%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:sweep 2.8s linear infinite}
.animated-wave i{display:block;flex:1;max-width:8px;min-width:4px;height:var(--h);border-radius:999px;background:linear-gradient(180deg,#00e5ff 0%,#7b2cff 53%,#ff2d9a 100%);animation:waveMove 1.38s ease-in-out infinite;animation-delay:calc(var(--n) * -0.052s);box-shadow:0 0 11px rgba(123,44,255,.16)}
@keyframes waveMove{0%,100%{transform:scaleY(.38);opacity:.58}35%{transform:scaleY(1);opacity:1}70%{transform:scaleY(.62);opacity:.78}}
@keyframes sweep{from{transform:translateX(-140%)}to{transform:translateX(430%)}}
.wave-labels{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 20px;color:#9ba7c5;font-size:.78rem;text-align:center}
.wave-message{position:relative;z-index:1;display:flex;align-items:center;gap:13px;padding:14px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06)}
.wave-message>span{font-size:1.45rem}.wave-message strong{display:block;font-size:.96rem}.wave-message small{display:block;color:#aeb8d1;margin-top:2px}
.light-person-section{background:#f5f7ff;color:#0e1730;padding:70px 0 62px}
.light-head{text-align:center;max-width:900px;margin:0 auto 34px}.light-head h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.04;letter-spacing:-.05em;margin:12px 0}.light-head p{color:#526079;font-size:1.05rem;max-width:780px;margin:0 auto}
.dark-eyebrow{color:#3b2b71;background:#efeaff;border-color:#dcd0ff}
.recipient-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.recipient-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e5e9f4;border-radius:22px;overflow:hidden;color:#10182c;box-shadow:0 10px 30px rgba(26,38,73,.08);transition:.18s ease}
.recipient-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(26,38,73,.13)}
.recipient-card img{width:100%;aspect-ratio:4/4.1;object-fit:cover}
.recipient-body{padding:15px 15px 17px}.recipient-body span{font-size:.78rem;font-weight:700;color:#6d3ed7}.recipient-body h3{font-size:1.08rem;line-height:1.15;letter-spacing:-.025em;margin:7px 0 7px}.recipient-body p{font-size:.9rem;color:#667087;margin:0}
.occasion-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:23px}.occasion-chips a{padding:9px 13px;border-radius:999px;background:#fff;border:1px solid #e1e5f1;color:#25304a;font-size:.88rem;font-weight:600}
.demo-section{background:#070a16}.final-demo-grid .final-demo{min-height:245px}
.final-steps .card{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))}
.light-how-section{background:#f5f7ff;color:#10182c;padding:66px 0}.light-how-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.light-how-grid h2{font-size:clamp(2rem,3.6vw,3rem);line-height:1.05;letter-spacing:-.045em;margin:12px 0}.light-how-grid p{color:#59647a;font-size:1.05rem}.light-style-cloud{align-content:center}.light-style-cloud span{display:inline-flex;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #e1e5f1;color:#26324c;font-weight:600}
.price-final{background:#070a16}.price-final .price .btn{width:100%}.final-guarantee{margin-top:24px}.final-guarantee h3{margin:0 0 5px}.final-guarantee p{margin:0;color:#b9c3dc}
.final-faq{background:#0a0e1d}.final-cta-section{padding:56px 0}.final-cta{padding:34px;border-radius:28px;border:1px solid rgba(255,255,255,.10);background:radial-gradient(circle at 12% 20%,rgba(255,45,154,.22),transparent 32%),radial-gradient(circle at 90% 20%,rgba(0,229,255,.14),transparent 28%),#10152a;display:flex;justify-content:space-between;align-items:center;gap:24px}.final-cta h2{font-size:clamp(2rem,4vw,3rem);margin:8px 0}.final-cta p{color:#bac4dc;margin:0}.domain-line{font-size:.9rem}
@media(max-width:1050px){.recipient-grid{grid-template-columns:repeat(3,1fr)}.recipient-card:nth-child(4),.recipient-card:nth-child(5){grid-column:span 1}.final-hero-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:820px){.final-hero{padding:54px 0 42px}.final-hero-grid{grid-template-columns:1fr}.wave-stage{max-width:680px;width:100%;margin:0 auto}.recipient-grid{grid-template-columns:repeat(2,1fr)}.recipient-card:last-child{grid-column:1/-1;max-width:520px;justify-self:center}.light-how-grid{grid-template-columns:1fr}.final-cta{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.final-hero-copy h1{font-size:clamp(2.45rem,12vw,3.7rem)}.hero-actions{display:grid;grid-template-columns:1fr}.wave-stage{padding:18px;border-radius:23px}.animated-wave{height:125px;gap:3px}.animated-wave i{min-width:3px}.wave-labels{font-size:.68rem}.recipient-grid{grid-template-columns:1fr}.recipient-card:last-child{grid-column:auto;max-width:none}.recipient-card{display:grid;grid-template-columns:42% 58%;min-height:165px}.recipient-card img{height:100%;aspect-ratio:auto}.recipient-body{align-self:center}.light-person-section{padding:52px 0}.light-head{text-align:left}.final-cta .btn{width:100%}}
.quality-check{margin-top:26px;padding:26px 28px;border:1px solid rgba(255,255,255,.10);border-radius:24px;background:linear-gradient(145deg,rgba(123,44,255,.10),rgba(0,229,255,.045));display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}
.quality-check-copy h3{font-size:clamp(1.55rem,2.7vw,2.2rem);line-height:1.08;letter-spacing:-.035em;margin:12px 0 10px}
.quality-check-copy p{margin:0;color:#bcc6df;max-width:720px}
.quality-check-list{display:grid;gap:9px}
.quality-check-list span{display:block;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);color:#e8ecf8;font-size:.94rem}
@media(max-width:820px){.quality-check{grid-template-columns:1fr;gap:18px}}
@media(max-width:560px){.quality-check{padding:20px;border-radius:20px}.quality-check-list span{font-size:.9rem}}


/* V20261003 — Home compacta: proceso antes de ejemplos e integración de demos */
.process-compact{padding:52px 0;background:#0a0e1d}
.process-head{margin-bottom:22px}.process-head h2{max-width:820px}.process-head p{max-width:620px}
.process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.process-step{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:start;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02))}
.process-step .step-num{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;font-weight:850;background:linear-gradient(135deg,#ff2d9a,#7b2cff);color:#fff}
.process-step h3{margin:2px 0 5px;font-size:1.05rem}.process-step p{margin:0;color:#b9c3db;font-size:.9rem;line-height:1.45}
.process-summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.process-summary span{padding:8px 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);color:#dce2f2;font-size:.84rem}
.process-action{display:flex;align-items:center;gap:14px;margin-top:18px}.process-action small{color:#aeb8cf}
.integrated-examples{padding-top:54px;padding-bottom:52px}.integrated-examples .light-head{margin-bottom:26px}.integrated-examples .light-head p{max-width:720px}
.recipient-demo-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.recipient-demo-card{grid-column:span 2}.recipient-demo-card:nth-child(4){grid-column:2 / span 2}.recipient-demo-card:nth-child(5){grid-column:4 / span 2}
.recipient-demo-card img{aspect-ratio:4/3;object-fit:cover}
.recipient-demo-card .recipient-body{display:flex;flex:1;flex-direction:column;gap:8px}.recipient-demo-card .recipient-body h3{margin:2px 0 0}.recipient-demo-card .recipient-body p{margin:0 0 2px}
.recipient-demo-mini{display:grid;gap:5px;margin-top:auto}.recipient-demo-play{width:100%;border:0;border-radius:999px;padding:10px 12px;background:linear-gradient(135deg,#ff2d9a,#7b2cff);color:#fff;font:inherit;font-size:.83rem;font-weight:800;cursor:pointer;text-align:center;line-height:1.2}.recipient-demo-play.secondary-demo{background:linear-gradient(135deg,#5b4be8,#2d77c8)}
.recipient-demo-mini small,.recipient-demo-caption{color:#7a8499;font-size:.72rem}.recipient-demo-stack{display:grid;gap:7px;margin-top:auto}.recipient-links{display:flex;flex-wrap:wrap;gap:10px}.recipient-link{color:#5a35c9;text-decoration:none;font-size:.82rem;font-weight:750}.recipient-link:hover{text-decoration:underline}
.integrated-demo-note{max-width:860px;margin:20px auto 0;text-align:center;color:#657087;font-size:.82rem;line-height:1.45}.integrated-demo-note strong{color:#313b54}
.mobile-swipe-hint{display:none}
@media(max-width:1050px){.recipient-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recipient-demo-card,.recipient-demo-card:nth-child(4),.recipient-demo-card:nth-child(5){grid-column:auto}.recipient-demo-card:last-child{grid-column:1 / -1;max-width:560px;width:100%;justify-self:center}}
@media(max-width:820px){.process-steps{grid-template-columns:1fr}.process-step{padding:15px}.process-action{justify-content:space-between}.integrated-examples{padding-top:46px}}
@media(max-width:560px){
  .final-hero{padding:34px 0 28px}.final-hero-grid{display:block}.final-hero-copy h1{margin-top:13px;margin-bottom:15px}.final-hero-copy>p{font-size:.98rem;line-height:1.5}.quick-trust{margin-top:15px;gap:7px 10px;font-size:.8rem}.wave-stage{display:none}
  .process-compact{padding:34px 0}.process-head{margin-bottom:15px}.process-head h2{font-size:1.72rem;line-height:1.06;margin-bottom:8px}.process-head p{font-size:.9rem;line-height:1.45}.process-steps{gap:9px}.process-step{grid-template-columns:38px 1fr;gap:10px;padding:12px;border-radius:16px}.process-step .step-num{width:32px;height:32px;font-size:.85rem}.process-step h3{font-size:.96rem;margin:0 0 3px}.process-step p{font-size:.82rem;line-height:1.35}.process-summary{gap:6px;margin-top:12px}.process-summary span{padding:6px 8px;font-size:.74rem}.process-action{margin-top:14px;display:grid;grid-template-columns:1fr;text-align:center;gap:7px}.process-action .btn{width:100%}
  .integrated-examples{padding:38px 0 40px}.integrated-examples .light-head{text-align:left;margin-bottom:11px}.integrated-examples .light-head h2{font-size:1.78rem}.integrated-examples .light-head p{font-size:.9rem;line-height:1.45}.mobile-swipe-hint{display:block;color:#6b7285;font-size:.78rem;margin:0 0 10px}
  .recipient-demo-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding:0 7.5vw 10px 0;margin-right:-7.5vw;scrollbar-width:none}.recipient-demo-grid::-webkit-scrollbar{display:none}.recipient-demo-card,.recipient-demo-card:last-child{display:flex;flex-direction:column;min-width:82vw;max-width:82vw;scroll-snap-align:start;min-height:0}.recipient-demo-card img{height:auto;aspect-ratio:16/10}.recipient-demo-card .recipient-body{padding:13px 14px 15px}.recipient-demo-card .recipient-body h3{font-size:1rem}.recipient-demo-card .recipient-body p{font-size:.82rem;line-height:1.38}.recipient-demo-play{padding:9px 10px;font-size:.8rem}.integrated-demo-note{margin-top:12px;text-align:left;font-size:.74rem}
  .light-how-section{padding:42px 0}.light-how-grid{gap:18px}.light-how-grid h2{font-size:1.75rem}.light-how-grid p{font-size:.9rem}.light-style-cloud span{padding:7px 10px;font-size:.78rem}
}


/* V20261003 — cross-promo discreta, después del CTA principal */
.ebookfrom-crosspromo{padding:0 0 34px;background:#070a16}
.ebookfrom-crosspromo-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 20px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(123,44,255,.05));box-shadow:0 12px 32px rgba(0,0,0,.14)}
.ebookfrom-crosspromo-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.35rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.ebookfrom-crosspromo-copy{min-width:0}.ebookfrom-crosspromo-copy>span{display:block;color:#aeb8d1;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;margin-bottom:3px}.ebookfrom-crosspromo-copy strong{display:block;color:#f7f8ff;font-size:1rem;line-height:1.25}.ebookfrom-crosspromo-copy p{margin:4px 0 0;color:#9eabc8;font-size:.84rem;line-height:1.4}
.ebookfrom-crosspromo-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;padding:10px 13px;border-radius:999px;border:1px solid rgba(176,146,255,.24);background:rgba(123,44,255,.08);color:#d9c9ff;text-decoration:none;font-size:.82rem;font-weight:800;transition:.18s ease}
.ebookfrom-crosspromo-link:hover{transform:translateY(-1px);border-color:rgba(255,45,154,.42);color:#fff;background:rgba(255,45,154,.09)}
@media(max-width:720px){.ebookfrom-crosspromo{padding:0 0 82px}.ebookfrom-crosspromo-card{grid-template-columns:auto 1fr;padding:14px 15px;gap:11px;border-radius:17px}.ebookfrom-crosspromo-icon{width:40px;height:40px;border-radius:12px;font-size:1.15rem}.ebookfrom-crosspromo-copy>span{font-size:.66rem}.ebookfrom-crosspromo-copy strong{font-size:.92rem}.ebookfrom-crosspromo-copy p{font-size:.78rem}.ebookfrom-crosspromo-link{grid-column:1/-1;width:100%;padding:9px 12px;font-size:.78rem}}
