/* Refinamientos de la landing WhatsApp. Cargar después de los estilos base. */
body,input,select,textarea,button{font-size:16px;line-height:1.6}
p,.section-heading p,.hero-copy>p,.story-copy>p,.people-copy p,.knowledge-band p,.benefit p,.audience-card p,.investment-copy,.investment-copy strong,.contact p,.contact-meta,.footer-nav,.footer-url,.copyright,.desktop-nav,.hero-points,.industry-picker select,.industry-picker>p,.demo-control,.story-link,.btn,.btn-small{font-size:16px;line-height:1.6}
.btn,.btn-small,.story-copy .story-link{border-radius:999px;min-height:52px;padding:13px 26px;font-size:16px;line-height:1.6}
.story-copy .story-link{background:#00fbf1;color:#122c64;border:0;text-decoration:none;justify-content:center}
.story-copy .story-link:hover{background:#74fff8;color:#122c64}
.hero.container{display:flex;flex-direction:column;gap:28px;min-height:0;padding-top:55px;padding-bottom:105px;text-align:center}
.hero-copy{max-width:850px;margin:auto}
.hero h1{max-width:850px;font-size:clamp(38px,4.8vw,65px);margin:auto}
.hero-copy>p{max-width:650px;margin:24px auto 0}
.hero-points{justify-content:center;max-width:none;gap:12px 24px}
.hero-points svg{width:21px;height:21px}
.hero-art{width:min(680px,100%);position:relative;margin:auto}
.hero-art img{width:100%;height:auto;display:block}
.demo-section{background:var(--ocean-deep);padding-block:95px;overflow:hidden}
.demo-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}
.demo-copy{max-width:530px}.demo-copy h2{margin-bottom:20px}.demo-copy>p{color:#d6e0f5}
.demo-section .industry-picker{margin-top:30px;background:#ffffff0b;border-color:#ffffff35}
.industry-picker select{background:#fff;color:#122d65;font-size:16px}
.industry-picker select:focus-visible{outline-color:#00fbf1}
.demo-section .phone{width:370px;max-width:100%;margin:auto}
.demo-section .chat-body.live-chat{height:440px;min-height:0}
.demo-section .hero-visual{width:100%;max-width:400px;justify-self:center}
.demo-section .wa-badge{right:0;top:-24px}
.loss-item{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px 18px;align-items:center}
.loss-item .icon-disc{width:64px;height:64px;margin:0;grid-column:1;grid-row:1}
.loss-item .icon-disc .icon{width:36px;height:36px}
.loss-item h3{grid-column:2;grid-row:1;margin:0;line-height:1.3}
.loss-item p{grid-column:1/-1;grid-row:2;margin:0;line-height:1.6}
.story-visual .case-chat{position:relative;display:flex;flex-direction:column;width:360px;max-width:100%;height:740px;border:8px solid #0b1932;border-radius:48px;padding-top:27px;background:#0b1932;box-shadow:0 0 0 2px #8186b3,0 22px 50px #0a173955}
.story-visual .case-chat:before{content:'';position:absolute;top:9px;left:50%;transform:translateX(-50%);width:92px;height:19px;border-radius:999px;background:#020713}
.story-visual .case-chat:after{content:'';display:block;flex:none;width:105px;height:5px;border-radius:999px;background:#eef3fa;align-self:center;margin:9px 0 2px}
.story-visual .case-chat .chat-head{flex:none}
.story-visual .case-chat .chat-body.live-chat{flex:1;height:auto;min-height:0}
.story-visual .case-chat .chat-input{flex:none;border-radius:0 0 30px 30px}
.live-demo .bubble{font-size:16px;line-height:1.6}
.people-secondary.people-layout{grid-template-columns:1fr 1fr;gap:80px;margin-top:90px;padding-top:80px}
.people-secondary .people-copy p{font-size:16px;line-height:1.6}
.people-secondary .people-photo{aspect-ratio:1.45;border-radius:24px}
.marine-animal{pointer-events:none;position:absolute;z-index:0;object-fit:contain;opacity:.8}
.marine-fish{right:3%;bottom:20px;transform:rotate(-12deg)}
.marine-turtle{right:0;bottom:15px;width:145px;opacity:.25}
.marine-jelly{left:0;top:15px;width:95px;opacity:.4}
.people-section>.container{position:relative}
@media(max-width:900px){.demo-layout{gap:40px}.demo-section .phone{width:330px}.people-secondary.people-layout{gap:35px}.story-visual .case-chat{height:690px}}
@media(max-width:700px){.hero.container{padding-top:35px;gap:24px;padding-bottom:85px}.hero h1{font-size:clamp(35px,8vw,52px)}.hero-art{width:min(560px,100%)}.demo-layout{grid-template-columns:1fr;gap:55px}.demo-copy{max-width:100%}.demo-section{padding-block:75px}.demo-section .hero-visual{margin:auto}.loss-item{display:grid;grid-template-columns:64px minmax(0,1fr)}.people-secondary.people-layout{grid-template-columns:1fr;gap:35px;margin-top:55px;padding-top:50px}.people-secondary .people-copy{order:1}.people-secondary .people-image-wrap{order:2}.marine-fish{width:100px;opacity:.4}.story-visual .case-chat{height:680px}.hero-points{font-size:16px}.people-photo,.people-secondary .people-photo{aspect-ratio:1.3}}
@media(max-width:380px){.story-visual .case-chat{height:640px}.demo-section .phone{width:100%}.loss-item{grid-template-columns:56px minmax(0,1fr);gap:14px}.loss-item .icon-disc{width:56px;height:56px}}

/* Alineación de casos y redes sociales. */
.case-story.reverse .story-copy{text-align:right;justify-self:end}
.case-story.reverse .story-points li{justify-content:flex-end}
.case-story.reverse .story-points li .icon{order:2}
.case-story.reverse .story-points li span{order:1}
.people-section{--paper:#f3f0f8;background:var(--paper);overflow:hidden}
.people-secondary.people-layout{background:#e9e8f3;border:0;border-radius:32px;padding:40px;gap:48px;margin-top:55px}
.socials{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;width:100%;padding-top:8px}
.socials a{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #bbb6ed60;color:#edf0ff;background:#ffffff08;transition:color .2s,background .2s,transform .2s}
.socials .fa-brands{font-size:23px;line-height:1}
.socials a:hover{background:#00fbf1;color:#33366b;transform:translateY(-3px)}
.site-footer{flex-wrap:wrap}

@font-face{font-family:Nunito;src:url('../fonts/nunito-900.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
h1,h2,h3{font-weight:900}
.heading-algae{width:60px;height:60px;object-fit:contain;margin:0 auto 18px}
.demo-copy .heading-algae,.benefit-content>.heading-algae{margin-left:0}
.ai-panel .ai-connect-image{display:block;width:min(100%,320px);height:auto;margin:0 auto 22px}
.desktop-nav .btn.btn-small:hover,.desktop-nav .btn.btn-small:focus-visible{color:#122c64;background:#74fff8;opacity:1;transform:translateY(-2px)}
.case-story{border-top:0;isolation:isolate;padding-block:75px 105px}
.case-story:after{content:'';position:absolute;left:calc((100% - 100vw)/2);right:calc((100% - 100vw)/2);bottom:0;height:60px;background:url('../img/purple-wave.svg') bottom center / 100% 100% no-repeat;pointer-events:none;z-index:-1}
.case-story.reverse:after{transform:scaleX(-1)}
.case-story:last-of-type:after{display:none}
.cases.story-cases{padding-block:85px 25px}
.demo-section{padding-block:70px 90px;isolation:isolate}
.demo-section:after{content:'';position:absolute;left:0;right:0;bottom:0;height:45px;background:url('../img/purple-wave.svg') center / 100% 100% no-repeat;pointer-events:none;z-index:-1}
.losses{padding-block:85px 80px}
.people-section{padding-block:80px}
.benefits{padding-block:85px}
.closing.section{padding-top:90px}
.closing>.wave-top{fill:#272a5c}
@media(max-width:700px){.case-story,.case-story.reverse{padding-block:55px 85px}.case-story:after{height:40px}.case-story.reverse .story-copy{text-align:right;justify-self:stretch}.demo-section{padding-block:55px 80px}.losses{padding-block:65px}.cases.story-cases{padding-block:65px 15px}.people-section{padding-block:65px}.benefits{padding-block:65px}.people-secondary.people-layout{padding:30px 22px;gap:32px;border-radius:24px;margin-top:40px}.heading-algae{width:50px;height:50px}.socials a{width:44px;height:44px}.closing.section{padding-top:70px}}

/* Cada caso tiene su propio fondo de ancho completo; la ola usa ese mismo color. */
.case-story{--story-bg:#272a5c}
.case-story:nth-of-type(even){--story-bg:#33366b}
.case-story:before{content:'';position:absolute;left:calc((100% - 100vw)/2);right:calc((100% - 100vw)/2);inset-block:0;background:var(--story-bg);z-index:-2;pointer-events:none}
.case-story:after,.case-story:last-of-type:after{display:block;top:-59px;bottom:auto;height:60px;background:var(--story-bg);mask:url('../img/purple-wave.svg') center / 100% 100% no-repeat;-webkit-mask:url('../img/purple-wave.svg') center / 100% 100% no-repeat;z-index:-1}
.cases.story-cases>.container>.section-heading{margin-bottom:100px}
.cases.story-cases{padding-bottom:0}
.demo-section:after{display:none}
.losses{isolation:isolate}
.losses:before{content:'';position:absolute;top:-99px;left:0;right:0;height:100px;background:var(--paper);mask:url('../img/purple-wave.svg') center / 100% 100% no-repeat;-webkit-mask:url('../img/purple-wave.svg') center / 100% 100% no-repeat;pointer-events:none;z-index:-1}
.demo-section{padding-bottom:140px}
@media(max-width:700px){
 .case-story .story-copy,.case-story.reverse .story-copy{text-align:center;justify-self:stretch;width:100%;margin-inline:auto}
 .case-story .story-copy h3,.case-story .story-copy>p{margin-inline:auto}
 .case-story .story-points li,.case-story.reverse .story-points li{justify-content:center;text-align:center}
 .case-story .story-points li .icon,.case-story.reverse .story-points li .icon{order:0}
 .case-story .story-points li span,.case-story.reverse .story-points li span{order:1;max-width:calc(100% - 35px)}
 .case-story:after,.case-story:last-of-type:after{top:-39px;height:40px}
 .cases.story-cases>.container>.section-heading{margin-bottom:80px}
 .demo-section{padding-bottom:105px}
 .losses:before{height:75px;top:-74px}
}

/* Restore original transforms immediately on touch screens and reduced motion. */
html:not(.desktop-parallax-enabled) .desktop-parallax-layer{transform:var(--parallax-rest-transform,none)!important;transition:none!important;will-change:auto!important}
@media(max-width:1024px),(prefers-reduced-motion:reduce){.desktop-parallax-layer{transform:var(--parallax-rest-transform,none)!important;transition:none!important;will-change:auto!important}}

/* Fuentes del agente, alcance de implementación y demo de voz. */
.implementation-scope{grid-column:1/-1;border-top:1px solid #cccde1;padding-top:30px;width:100%}
.implementation-scope>h3{margin-bottom:24px;font-size:24px}
.scope-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 30px}
.scope-grid li,.feature-list li{display:flex;align-items:flex-start;gap:14px}
.feature-check{display:grid;place-items:center;width:30px;height:30px;flex:none;background:#d6f2e7;border:1px solid #a7dcca;color:#087d63;border-radius:50%;margin-top:2px}
.feature-check .icon{width:18px;height:18px;stroke-width:2.5}
.scope-grid h4,.feature-list h4{font-size:18px;line-height:1.4;font-weight:900;margin:0 0 7px;color:#26346e}
.scope-grid p,.feature-list p{color:#52618c;font-size:16px;line-height:1.6;margin:0}
.scope-note{margin-top:25px;color:#52618c}
.knowledge-section{background:#f0edf8;padding-block:85px}
.knowledge-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.knowledge-columns>div>h3{font-size:25px;margin-bottom:30px}
.feature-list{list-style:none;padding:0;margin:0;display:grid;gap:28px}
.knowledge-explainer{margin-top:45px;padding-top:30px;border-top:1px solid #d4d0e5;display:flex;gap:20px;color:#52618c}
.knowledge-explainer>.icon{color:#6369d1;width:35px;height:35px}
.voice-message{width:95%}.voice-row{display:flex;align-items:center;gap:10px}
.voice-play{border:0;width:34px;height:34px;border-radius:50%;background:#087d63;color:white;display:grid;place-items:center;flex:none;font-size:16px}
.voice-waveform{display:flex;align-items:center;gap:3px;flex:1;height:38px;overflow:hidden}
.voice-waveform span{display:block;width:3px;background:#6ba18d;border-radius:4px;flex:none}
.voice-duration{font-size:12px;color:#587766}.voice-transcript{margin-top:10px;font-size:14px}.voice-transcript summary{cursor:pointer;font-weight:700}.voice-transcript p{font-size:14px;margin-top:7px}
.voice-demo-note,.location-note{display:block;margin-top:7px;color:#62766b;font-size:11px}
.location-message{width:95%;padding:7px}.location-preview{width:100%;height:145px;object-fit:cover;border-radius:8px}.location-link{display:block;font-size:14px;font-weight:800;color:#176b57;margin-top:8px;text-decoration:underline}
.story-points .feature-check{margin-top:0}.story-points .feature-check .icon{margin-top:0;color:#087d63;width:18px;height:18px}
@media(max-width:900px){.scope-grid{grid-template-columns:1fr 1fr}.knowledge-columns{gap:35px}}
@media(max-width:700px){.knowledge-section{padding-block:65px}.knowledge-columns,.scope-grid{grid-template-columns:1fr;gap:35px}.scope-grid{gap:24px}.scope-grid li{text-align:left}.implementation-scope>h3{text-align:center}.knowledge-explainer{gap:14px}.story-points .feature-check{order:0}.voice-waveform{gap:2px}}

/* Header fijo con espacio reservado y navegación por anclas compensada. */
.site-header.container{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;height:100px;margin:0;padding-inline:max(40px,calc((100% - var(--container))/2));background:#33366bf5;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff16;box-shadow:0 4px 22px #15173618}
.hero-shell{padding-top:100px}
html{scroll-padding-top:120px}
.skip{z-index:1100}
@media(max-width:1100px){.site-header.container{padding-inline:28px}}
@media(max-width:700px){.site-header.container{height:86px;padding-inline:20px}.hero-shell{padding-top:86px}html{scroll-padding-top:106px}}