/* Revision 4: landscape hero, genuine scroll tracks, four persuasion scenes. */
.hero .hero-visual{max-width:none;width:100%;padding:0 8px}.hero .hgrid{grid-template-columns:1fr 1.14fr;gap:30px;align-items:center}.hero #stage{aspect-ratio:16/9!important;height:auto!important}.hero #stage .fg{max-height:90%;max-width:70%;bottom:3%}.hero #stage .cap{top:5%;font-size:10px}.hero #stage .gl{height:120%;bottom:-10%}.hero #stage .sl .bg{object-position:center}.hero .hero-controls{margin-top:23px}.hero h1{font-size:clamp(33px,3.7vw,49px)}
#fams .item{flex:0 0 calc((100% - 20px)/3.25);min-width:180px}#fams .ip{height:100px}#fams .item .it{min-height:48px}#fams .famh{padding-bottom:5px;margin-bottom:5px}#fams .famh h3{font-size:19px}.family-pair .row{scroll-behavior:auto}.row-controls{margin-top:0}.row-controls:before{content:'↓ El scroll recorre los productos'}.pair-content{overflow:hidden}.family-pair{isolation:isolate}
/* Action first, contact detail second. */
.buy .info{gap:12px;align-content:start}.contact-cta{display:flex;align-items:center;gap:16px;padding:22px 23px;border-radius:13px;background:var(--brand);color:#fff!important;min-height:92px;box-shadow:0 6px 0 #003795;transition:transform .22s,box-shadow .22s,background .22s}.contact-cta.whatsapp{background:#087f47;box-shadow:0 6px 0 #055b33}.contact-cta.email{background:#15233d;box-shadow:0 6px 0 #081426}.contact-cta>svg{width:31px;height:31px;flex:none}.contact-cta>span:not(.cta-arrow){flex:1;min-width:0}.contact-cta strong{display:block;font-size:19px;font-weight:600;letter-spacing:-.025em}.contact-cta small{display:block;font-size:11px;opacity:.86;margin-top:3px;overflow-wrap:anywhere}.contact-cta .cta-arrow{font-size:27px;transition:translate .22s}.contact-cta:hover{transform:translateY(-3px);box-shadow:0 9px 0 #00294e}.contact-cta:hover .cta-arrow{translate:3px -3px}.contact-cta:active{transform:translateY(3px);box-shadow:none}.buy .inf{padding:14px 0;background:transparent;border-radius:0;border-bottom:1px solid #d1def1}.buy .inf .k{margin-bottom:4px}.buy .inf a{display:inline-flex;align-items:center;min-height:42px;padding:8px 16px;border-radius:99px;background:white;margin-top:10px;font-weight:600;border:1px solid #c6d6ef}
/* One full visual argument at a time. All original wording is retained. */
.wgrid{display:block;margin-top:38px}.reason-journey{position:relative;margin:0 0 24px}.reason-journey.reason-pin{height:calc(var(--reason-height) + 520px)}.reason-panel{display:grid;grid-template-columns:1.05fr 1fr;min-height:430px;border-radius:24px;overflow:hidden;background:#071b3e;color:white;isolation:isolate;position:relative}.reason-pin .reason-panel{position:sticky;top:calc(var(--nav-h) + 18px)}.reason-copy{padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;justify-content:center;gap:20px;position:relative;z-index:3}.reason-copy .k{font-size:13px;letter-spacing:.15em;color:#a9ceff}.reason-copy h3{font-size:clamp(32px,4vw,52px);line-height:1.06;letter-spacing:-.045em;font-weight:600;max-width:16ch}.reason-copy p{font-size:15px;line-height:1.65;color:#d3e2fa;max-width:40ch}.reason-copy a{color:white;border-bottom:1px solid #ffffff70;padding:10px 0;align-self:flex-start;font-size:12px}.reason-counter{position:absolute;right:15px;top:-25px;font-size:180px;font-weight:700;line-height:1;color:#ffffff07;pointer-events:none}.reason-stage{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center;perspective:900px;background:radial-gradient(circle,#2476e745,transparent 70%);overflow:hidden}.reason-panel:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:#7acaff;transform:scaleX(var(--scene-p,0));transform-origin:left;z-index:4}.reason-panel:nth-child(n){--scene-p:0}.reason-journey:nth-child(2) .reason-panel{background:#0050cf}.reason-journey:nth-child(3) .reason-panel{background:#e8f1ff;color:#102b50}.reason-journey:nth-child(3) .reason-copy .k{color:#0050cf}.reason-journey:nth-child(3) .reason-copy p{color:#4c6586}.reason-journey:nth-child(3) .reason-copy a{color:#0050cf;border-color:#0050cf55}.reason-journey:nth-child(3) .reason-counter{color:#0050cf08}.reason-journey:nth-child(4) .reason-panel{background:#062c37}.reason-orbit{position:absolute;width:310px;height:310px;border:1px solid #74b8ff50;border-radius:50%;transform:scale(calc(.65 + var(--scene-p,0)*.4)) rotate(calc(var(--scene-p,0)*140deg))}.reason-orbit:before,.reason-orbit:after{content:'';position:absolute;border:1px dashed #74b8ff44;border-radius:50%;inset:20px}.reason-orbit:after{inset:45px}.advisor{width:150px;height:150px;border:1px solid #8bc5ff60;background:linear-gradient(140deg,#3d8aff,#0a3a81);box-shadow:0 20px 50px #0005;border-radius:35px;display:grid;place-items:center;transform:rotateY(calc((1 - var(--scene-p,0))*-40deg)) scale(calc(.7 + var(--scene-p,0)*.3));z-index:2}.advisor svg{width:100px;height:100px;fill:none;stroke:white;stroke-width:3}.conversation-chip{position:absolute;background:white;color:#15315b;border-radius:14px;padding:12px 18px;font-size:13px;box-shadow:0 12px 22px #0002;transform:translateY(calc((1 - var(--scene-p,0))*var(--rise,80px)));opacity:var(--scene-p,0);z-index:3}.conversation-chip.one{left:6%;top:14%;--rise:90px}.conversation-chip.two{right:7%;top:35%;--rise:140px}.conversation-chip.three{left:12%;bottom:12%;--rise:190px}.conversation-chip:before{content:'✓';margin-right:9px;color:#0050cf;font-weight:700}.volume-scene{position:relative;width:90%;height:300px;transform:rotateX(12deg) rotateY(-12deg)}.volume-cube{position:absolute;width:70px;height:70px;left:calc(50% - 35px);top:calc(50% - 35px);border:1px solid #ffffff88;border-radius:9px;background:linear-gradient(135deg,#fcf4e4,#e0b684);box-shadow:8px 8px 0 #8f562c,12px 17px 24px #00236155;transform:translate(calc(var(--dx)*var(--scene-p,0)),calc(var(--dy)*var(--scene-p,0))) scale(calc(.7 + var(--scene-p,0)*.3));opacity:calc(.18 + var(--scene-p,0)*.82)}.volume-cube:before{content:'';position:absolute;top:0;bottom:0;left:28px;width:13px;background:#ffffff60}.volume-tag{position:absolute;bottom:15px;left:0;right:0;text-align:center;color:#fff;font-size:14px;letter-spacing:.04em}.dispatch-product{height:250px;width:200px;object-fit:contain;z-index:2;filter:drop-shadow(0 25px 15px #0050cf30);transform:translateX(calc((1 - var(--scene-p,0))*-170px)) rotate(calc((1 - var(--scene-p,0))*-18deg))}.dispatch-ring{position:absolute;width:260px;height:260px;border:2px solid #0050cf25;border-radius:50%;transform:scale(calc(.6 + var(--scene-p,0)*.4))}.dispatch-check{position:absolute;right:15%;bottom:18%;width:80px;height:80px;border-radius:50%;background:#0050cf;color:white;font-size:44px;display:grid;place-items:center;box-shadow:0 12px 20px #0050cf44;transform:scale(var(--scene-p,0));z-index:3}.dispatch-lines{position:absolute;left:8%;right:8%;height:140px;border-block:1px dashed #0050cf44;transform:translateX(calc((1 - var(--scene-p,0))*-40px));opacity:var(--scene-p,0)}.account-center{position:absolute;inset:calc(50% - 47px) auto auto calc(50% - 47px);width:94px;height:94px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#063d4a;font-size:18px;font-weight:600;box-shadow:0 0 70px #5ae7ff55;z-index:3}.account-product{position:absolute;width:95px;height:110px;object-fit:contain;left:calc(50% - 47px);top:calc(50% - 55px);transform:translate(calc(var(--dx)*(1.65 - var(--scene-p,0)*.65)),calc(var(--dy)*(1.65 - var(--scene-p,0)*.65))) rotate(calc((1 - var(--scene-p,0))*18deg));opacity:calc(.2 + var(--scene-p,0)*.8);filter:drop-shadow(0 10px 9px #0005);z-index:2}.reason-journey~.w.sp{margin-top:26px}
@media(max-width:999px){.hero .hgrid{grid-template-columns:1fr 1fr}.hero .hero-visual{max-width:none}.reason-copy h3{font-size:35px}.reason-stage{min-height:390px}.reason-copy{padding:30px}.reason-panel{min-height:390px}.conversation-chip{font-size:11px;padding:10px}.account-product{width:75px;height:90px}.reason-orbit{width:270px;height:270px}}
@media(max-width:900px){.hero .hgrid{grid-template-columns:1fr}.hero .hero-visual{max-width:600px;justify-self:center}.hero #stage{aspect-ratio:16/9!important}.hero h1{font-size:clamp(33px,6vw,48px)}}
@media(max-width:700px){#fams .item{flex-basis:62%;min-width:150px}.reason-panel{grid-template-columns:1fr}.reason-copy{padding:30px 25px 15px;gap:15px}.reason-copy h3{font-size:35px;max-width:none}.reason-copy p{font-size:13px}.reason-stage{min-height:330px}.reason-counter{font-size:140px}.reason-journey{margin-bottom:18px}.reason-orbit{width:260px;height:260px}.conversation-chip.one{top:8%}.conversation-chip.three{bottom:8%}.reason-journey.reason-pin{height:auto}.reason-pin .reason-panel{position:relative;top:auto}.volume-scene{height:280px}.contact-cta{padding:19px 16px;gap:12px;min-height:86px}.contact-cta strong{font-size:17px}.contact-cta small{font-size:10px}.contact-cta>svg{width:26px;height:26px}.contact-cta .cta-arrow{font-size:23px}.hero #stage .fg{max-height:90%;max-width:70%}.hero .hero-controls{margin-top:19px}.hero #stage .cap{font-size:9px;padding:6px 10px}}
@media(prefers-reduced-motion:reduce){.reason-journey.reason-pin{height:auto}.reason-pin .reason-panel{position:relative;top:auto}.reason-panel{--scene-p:1!important}.reason-stage *{transition:none!important}.row-controls:before{content:'Explora los productos'}}

.relationship{position:relative;text-align:center;padding:75px 40px;margin:25px 0 35px;background:white;border-radius:24px;overflow:hidden}.relationship h3{font-size:clamp(35px,4.5vw,58px);line-height:1.1;letter-spacing:-.04em;max-width:20ch;margin:0 auto}.relationship h3 em{font-style:normal;color:var(--brand);display:block}.relationship p{font-size:16px;line-height:1.8;color:var(--muted);max-width:65ch;margin:24px auto}.relationship>a{display:inline-flex;padding:15px 25px;background:var(--brand);color:white;border-radius:99px;font-size:14px;font-weight:500}.relationship-line{display:flex;align-items:center;justify-content:center;gap:18px;margin:35px auto 0;color:var(--brand);font-size:12px}.relationship-line i{height:1px;width:90px;background:#abc6ed;transform:scaleX(var(--relation-p,1));transform-origin:center}.relationship-line b{font-size:26px;font-weight:400}.relationship-line span{transform:translateX(calc((1 - var(--relation-p,1))*-30px));opacity:calc(.3 + var(--relation-p,1)*.7)}.relationship-line span:nth-of-type(2){transform:translateX(calc((1 - var(--relation-p,1))*30px))}@media(max-width:700px){.relationship{padding:45px 24px}.relationship h3{font-size:35px}.relationship p{font-size:14px}.relationship-line{gap:12px}.relationship-line i{width:25px}}

#fams .row:has(>.item:nth-child(2):last-child)>.item{flex-basis:62%}
