@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
.legal{max-width:900px;padding-block:70px 90px}.legal h1{font-size:clamp(2.8rem,6vw,4.5rem);margin-bottom:45px}.legal h2{font-size:1.65rem;margin:36px 0 12px;line-height:1.2}.legal a{text-decoration:underline;text-underline-offset:3px}.legal dt{font-weight:650;margin-top:14px}.legal dd{margin:0;color:#555d70}.legal p{max-width:75ch}
:root{--ink:#111526;--blue:#132eec;--soft:#f1f3f7;--muted:#555d70;--line:#dfe3ed;--acid:#d5f36c;--font:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;color:var(--ink);background:#fff;font:1rem/1.6 var(--font)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:7px}a:hover{text-decoration:underline;text-underline-offset:5px}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;top:-100px;left:24px;background:var(--ink);color:#fff;padding:12px;z-index:10}.skip:focus{top:12px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:700 2.05rem/1 var(--display);letter-spacing:-1.5px;display:inline-flex;align-items:flex-start}.brand span{color:var(--blue)}.brand i{font:400 .7rem/1.1 var(--font);margin-left:6px;font-style:normal;letter-spacing:0}.header nav{display:flex;align-items:center;gap:34px;font-size:.94rem;font-weight:550}.nav-contact{margin-left:14px;border-bottom:1px solid var(--ink);padding:6px 0}.nav-contact span{margin-left:28px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding-block:96px 110px}.eyebrow{font-size:.77rem;font-weight:650;letter-spacing:1.2px;line-height:1.5;margin:0 0 28px}h1,h2,h3{font-family:var(--display);font-weight:500}h1{font-size:clamp(3.5rem,6.2vw,5.9rem);line-height:1.01;letter-spacing:-.064em;margin:0 0 30px}h1 em{font-style:normal;color:var(--blue)}.lead{font-size:1.16rem;line-height:1.7;color:var(--muted);max-width:490px;margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:44px;background:var(--blue);color:#fff;font-weight:550;border-radius:3px;padding:16px 23px}.button:hover{background:#0c23bc;text-decoration:none}.button span{font-size:1.35rem}.hero-note{font-size:.84rem;color:var(--muted);margin-top:20px}.flow{background:var(--blue);color:#fff;padding:27px 28px 19px;border-radius:5px;transform:rotate(-2deg);box-shadow:12px 16px 0 #edf0ff}.flow-header{display:flex;justify-content:space-between;font-size:.69rem;letter-spacing:.7px;margin-bottom:31px;gap:10px;font-weight:550}.flow-item{display:flex;align-items:center;gap:16px;padding:21px 17px;background:#fff;color:var(--ink);border-radius:3px;transform:rotate(2deg)}.flow-number{font-size:.82rem;color:var(--blue);border:1px solid #c6cfff;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.flow h2{font-size:1.13rem;margin:0 0 3px;letter-spacing:-.03em}.flow p{font-size:.84rem;line-height:1.45;margin:0;color:var(--muted)}.flow-symbol{margin-left:auto;font-size:1.5rem;color:var(--blue)}.flow-connector{height:25px;margin-left:33px;border-left:1px dashed #b5c0ff}.flow-item-last{background:var(--acid)}.flow-item-last .flow-number{border-color:#7e9951}.flow-caption{padding-top:23px;font-size:.72rem!important;color:#e1e5ff!important;max-width:280px}.services{padding-block:70px 90px;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start;margin-bottom:63px}.section-heading h2,.process h2{font-size:clamp(2.3rem,3.5vw,3.4rem);line-height:1.12;letter-spacing:-.05em;margin:0}.section-heading .eyebrow{margin-top:10px;color:var(--muted)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.services-grid article{border-top:2px solid var(--ink);padding-top:22px}.service-number{font-size:.74rem;letter-spacing:.5px;color:var(--blue);font-weight:650}.services-grid h3{font-size:1.75rem;line-height:1.19;letter-spacing:-.035em;margin:30px 0 20px}.services-grid p{color:var(--muted);margin:0 0 27px}.services-grid ul{list-style:none;margin:0;padding:0;font-size:.91rem}.services-grid li{padding:8px 0;border-bottom:1px solid var(--line)}.service-note{color:var(--muted);font-size:.81rem;max-width:790px;margin:40px 0 0}.process{padding-block:80px;background:var(--soft)}.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px}.process .eyebrow{color:var(--muted)}.process-intro{max-width:385px;color:var(--muted);margin-top:28px}.process ol{padding:0;margin:0;list-style:none}.process li{display:flex;gap:28px;border-bottom:1px solid #d8dce5;padding:22px 0}.process li:first-child{padding-top:0}.process li:last-child{border:0;padding-bottom:0}.process li>span{color:var(--blue);font:500 1.2rem var(--display);padding-top:3px}.process h3{font-size:1.25rem;letter-spacing:-.03em;margin:0 0 7px}.process li p{color:var(--muted);margin:0}.contact{padding-block:94px 100px}.contact .eyebrow{color:var(--blue)}.contact h2{font-size:clamp(2.6rem,4.8vw,4.6rem);line-height:1.09;letter-spacing:-.06em;margin:0 0 34px}.contact>p:last-child{font-size:1.05rem;font-weight:600}.contact p span{font-size:1rem;font-weight:400;color:var(--muted)}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-block:32px}.footer .brand{font-size:1.6rem}.footer p,.footer>a:last-child{font-size:.85rem;color:var(--muted)}.footer a:last-child span{margin-left:15px}
@media(min-width:1500px){.hero{padding-block:115px 130px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:38px}.flow{padding:22px}.flow-item{gap:11px;padding:18px 12px}.flow-symbol{display:none}.flow h2{font-size:1rem}.flow p{font-size:.8rem}.services-grid{gap:27px}.process-layout{gap:40px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:85px}.brand{font-size:1.9rem}.header nav{gap:20px}.header nav>a:nth-child(2){display:none}.header nav>a:first-child{font-size:.84rem}.nav-contact{font-size:.84rem;margin:0}.nav-contact span{margin-left:7px}.hero{grid-template-columns:1fr;padding-block:56px 70px;gap:45px}.eyebrow{font-size:.72rem;margin-bottom:22px}h1{font-size:clamp(3.8rem,12vw,5.3rem)}.lead{font-size:1.05rem}.flow{width:calc(100% - 18px);margin-inline:9px;max-width:520px;justify-self:center;padding:24px 22px}.flow h2{font-size:1.12rem}.flow p{font-size:.84rem}.flow-item{padding:20px 16px;gap:15px}.flow-symbol{display:block}.flow-header{font-size:.66rem}.services{padding-block:55px 60px}.section-heading{grid-template-columns:1fr;gap:5px;margin-bottom:40px}.section-heading h2,.process h2{font-size:2.4rem}.services-grid{grid-template-columns:1fr;gap:36px}.services-grid h3{margin-top:22px;font-size:1.8rem}.services-grid h3 br{display:none}.services-grid p{max-width:570px}.services-grid li{padding-block:10px}.service-note{margin-top:30px}.process{padding-block:58px}.process-layout{grid-template-columns:1fr;gap:28px}.contact{padding-block:62px 65px}.contact h2{font-size:clamp(2.5rem,8.5vw,3.5rem)}.footer{flex-wrap:wrap;padding-block:25px;gap:8px}.footer .brand{width:100%;margin-bottom:7px}.footer p{margin:0}.footer>a:last-child{margin-top:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:360px){.header nav>a:first-child{display:none}.flow-number{display:none}.flow{padding:20px 15px}.flow-header{font-size:.62rem}h1{font-size:3.45rem}}

/* WhatsApp Business: conectar, atender y gestionar. */
.hero{padding-block:65px 80px;gap:64px;grid-template-columns:1.12fr 1fr}
.hero h1{font-size:clamp(3.5rem,5.15vw,4.9rem);letter-spacing:-.055em;line-height:1.025;margin-bottom:25px}
.eyebrow,.service-number{font-size:.875rem;letter-spacing:.8px}
.lead{font-size:1.125rem;line-height:1.65;max-width:535px;margin-block:0 27px}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.button{gap:28px;min-height:52px}
.text-link{font-size:.875rem;text-decoration:underline;text-underline-offset:5px}
.hero-note{font-size:.875rem;margin-bottom:0;line-height:1.7}
.flow{transform:none;padding:28px;box-shadow:12px 12px 0 #edf0ff;border-radius:8px}
.flow-header{font-size:.75rem;line-height:1.6;letter-spacing:.6px;margin-bottom:22px}
.flow-header>span:last-child{white-space:nowrap}
.source-chips{display:flex;flex-wrap:wrap;gap:8px}
.source-chips span{border:1px solid #8896ff;padding:7px 11px;border-radius:4px;font-size:.875rem;line-height:1.3}
.flow-item{transform:none;padding:18px 15px;gap:13px}
.flow h2{font-size:1.125rem;letter-spacing:-.02em}
.flow p{font-size:.875rem}
.flow-number{font-size:.875rem}
.flow-connector{height:23px}
.agent-item{border-left:5px solid var(--acid);padding-left:10px}
.flow-caption{font-size:.8rem!important;max-width:none;line-height:1.6!important}
.service-note{font-size:.875rem;max-width:950px}
.services-grid h3{font-size:1.65rem}
.case-section{background:#101934;color:white;padding-block:85px}
.case-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end;margin-bottom:40px}
.case-heading .eyebrow{color:var(--acid)}
.case-heading h2,.channels h2{font-size:clamp(2.2rem,3.4vw,3.25rem);letter-spacing:-.045em;line-height:1.12;margin:0}
.case-heading>p{color:#ced5e8;max-width:460px;margin:0;font-size:1.0625rem;line-height:1.75}
.case-demo{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #3a4461;border-radius:8px;overflow:hidden}
.conversation{background:#192440;padding:28px;display:flex;flex-direction:column;align-items:start;gap:16px}
.demo-heading{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px;font-size:.875rem;font-weight:600;margin-bottom:7px}
.demo-label{font-size:.75rem;letter-spacing:.7px;color:#bac5e0}
.bubble{padding:15px 18px;font-size:1rem;line-height:1.55;margin:0;max-width:90%;border-radius:9px}
.customer{background:#eff2f8;color:var(--ink);border-bottom-left-radius:0}
.agent{background:#d5f36c;color:#1d3212;align-self:end;border-bottom-right-radius:0}
.lead-card{background:white;color:var(--ink);padding:28px}
.lead-card .demo-heading{border-bottom:1px solid var(--line);padding-bottom:20px}
.card-mark{color:var(--blue);font-size:1.5rem}
.lead-card dl{margin:0}
.lead-card dl>div{padding-block:15px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:12px;align-items:start;font-size:1rem}
.lead-card dt{color:var(--muted)}
.lead-card dd{margin:0;font-weight:500}
.status-tag{display:inline-block;background:#eef0ff;color:#2538a8;border-radius:3px;font-size:.875rem;padding:3px 8px}
.next-action{margin-top:27px;padding:18px 20px;background:var(--soft);border-left:3px solid var(--blue)}
.next-action span{font-size:.75rem;letter-spacing:.8px;font-weight:650;color:var(--blue)}
.next-action p{font-size:1rem;line-height:1.55;margin:8px 0 0}
.case-caption{font-size:.8125rem;line-height:1.7;color:#bdc7df;max-width:870px;margin:22px 0 0}
.businesses{padding-block:90px}
.business-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.business-grid article{padding:32px;border:1px solid var(--line);border-radius:5px}
.business-grid .business-featured{border-color:#b9c2ff;background:#f4f5ff}
.business-grid h3{font-size:1.8rem;line-height:1.18;letter-spacing:-.035em;margin:24px 0 18px}
.business-grid p{color:var(--muted);max-width:480px;margin:0 0 24px}
.business-outcome{display:block;font-size:.875rem;line-height:1.6;border-top:1px solid var(--line);padding-top:17px}
.channels{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-block:75px;border-bottom:1px solid var(--line)}
.channels .eyebrow{color:var(--blue)}
.channels>div>p:not(.eyebrow){margin-top:0;color:var(--muted);font-size:1.0625rem}
.channels>div>.channel-note{font-size:.875rem!important;line-height:1.7;margin-top:20px!important}
.contact{padding-block:80px}
.contact h2{font-size:clamp(2.5rem,4.3vw,4rem)}
.footer>a{font-size:.875rem}
@media(max-width:1050px){.hero{gap:36px}.flow{padding:23px}.case-heading{gap:40px}.case-heading h2{font-size:2.4rem}.conversation,.lead-card{padding:23px}.lead-card dl>div{grid-template-columns:1fr}.channels{gap:40px}.header nav{gap:23px}}
@media(max-width:760px){
  .hero{grid-template-columns:1fr;padding-block:45px 65px;gap:38px}.hero h1{font-size:clamp(3rem,10.7vw,4.5rem)}
  .hero .eyebrow{max-width:30ch}.hero-actions{gap:20px}.hero-note{max-width:34ch}.flow{width:calc(100% - 12px);margin-inline:0;max-width:540px;justify-self:start}
  .eyebrow,.service-number{font-size:.875rem}.flow-header{font-size:.75rem}.flow-item{padding:17px 13px}.agent-item{padding-left:8px}.flow h2{font-size:1.08rem}.flow p{font-size:.875rem}
  .header nav>a:first-child,.nav-contact{font-size:.875rem}.header nav{gap:15px}.brand{font-size:1.8rem}
  .case-section{padding-block:55px}.case-heading{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.case-heading h2{font-size:clamp(2rem,7.3vw,2.7rem)}.case-heading>p{font-size:1rem}
  .case-demo{grid-template-columns:1fr}.conversation,.lead-card{padding:22px}.bubble{max-width:94%;padding:13px 15px}.lead-card dl>div{grid-template-columns:1fr 1.45fr}.lead-card{border-top:1px solid #3a4461}
  .businesses{padding-block:55px}.business-grid{grid-template-columns:1fr;gap:20px}.business-grid article{padding:26px}.business-grid h3{font-size:1.8rem}
  .channels{grid-template-columns:1fr;padding-block:55px;gap:24px}.channels h2{font-size:2.4rem}.contact{padding-block:60px}.contact h2{font-size:clamp(2.15rem,8.2vw,3.5rem)}
  .footer{gap:16px}.footer p{width:100%}.footer>a:last-child{margin:0}
}
@media(max-width:390px){.header nav>a:first-child{display:none}.flow{padding:20px}.flow-number{display:none}.flow-header>span:last-child{display:none}.lead-card dl>div{grid-template-columns:1fr}.demo-heading{align-items:start}.demo-label{font-size:.75rem}.bubble{max-width:100%}.case-heading h2 br{display:none}}