:root{--blue:#0b7cff;--blue-dark:#0064dc;--charcoal:#1f2937;--gray:#374151;--light:#e5e7eb;--muted:#596574;--paper:#f4f6f9;--line:#dce2e9;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--charcoal);line-height:1.6;background:white}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Montserrat,Inter,'Segoe UI',Arial,sans-serif;line-height:1.13;letter-spacing:-.045em}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:6px}em{font-style:normal;color:var(--blue)}.container{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.header{height:96px;background:#fffffff5;border-bottom:1px solid #e9edf1;position:sticky;top:0;z-index:50;backdrop-filter:blur(15px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.symbol{width:46px;height:auto}.wordmark{width:158px;height:auto}.nav nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.nav nav>a:hover{color:var(--blue)}.nav-cta{border:1px solid var(--line);padding:12px 18px;border-radius:5px}.nav-cta span{margin-left:16px;color:var(--blue)}.menu-toggle{display:none}.hero{background:#151e2a;color:white;overflow:hidden}.hero-grid{min-height:625px;display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:16px;padding-block:70px 50px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:25px}.eyebrow>span,.blue-dot{width:6px;height:6px;border-radius:50%;background:var(--blue);display:inline-block;flex-shrink:0}.blue{color:var(--blue-dark)}h1{font-size:clamp(45px,4.5vw,66px);font-weight:750;line-height:1.08;letter-spacing:-.055em}.hero h1 em,.contact h2 em{color:#2992ff}.lead{font-size:17px;color:#c0cad7;max-width:465px;margin-top:26px;line-height:1.75}.actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:52px;padding:14px 22px;font-size:13px;font-weight:700;border-radius:4px;transition:background .2s,transform .2s}.primary{background:var(--blue-dark);color:white}.primary:hover{background:#0054bc;transform:translateY(-2px)}.text-link{font-size:13px}.text-link span{padding-left:10px;color:#51a4ff}.hero-note{font-size:11px;color:#a3afbf;max-width:370px;margin-top:27px}.hero-visual{position:relative;min-width:0}.hero-visual>img{width:125%;max-width:none;margin-left:-8%;border-radius:4px;aspect-ratio:1.5;object-fit:cover;mask-image:linear-gradient(to right,transparent,black 12%,black 90%,transparent)}.visual-label{position:relative;margin:4px 0 0 40px;display:flex;align-items:center;gap:10px;font-size:10px;color:#c0cad7;letter-spacing:.02em}.hero-bottom{border-top:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between;padding-block:20px;color:#9ba9ba;font-size:9px;letter-spacing:.12em}.hero-bottom>a{color:white;font-size:22px}.section{padding-block:100px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:48px}.section-heading>p{max-width:350px;font-size:14px;color:var(--muted);line-height:1.8}h2{font-size:clamp(32px,3.3vw,46px);font-weight:750}.services{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.service{padding:32px;position:relative;display:flex;flex-direction:column}.service+.service{border-left:1px solid var(--line)}.service-number{position:absolute;right:25px;top:28px;font-size:10px;color:#84909e}.service-icon{font-size:32px;color:var(--blue-dark);line-height:1;margin-bottom:35px}.service h3{font-size:24px;letter-spacing:-.035em}.service>p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:20px}.service ul{padding:0;list-style:none;font-size:12px;line-height:2.1;margin:22px 0 27px}.service li:before{content:'—';color:var(--blue);margin-right:9px}.service>a{font-size:11px;font-weight:700;display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:19px;border-top:1px solid var(--line)}.service>a:hover{color:var(--blue-dark)}.service>a span{color:var(--blue);font-size:17px}.ideas{background:var(--paper)}.example-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}.example-options{display:flex;flex-direction:column}.example-tab{text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;display:flex;align-items:center;justify-content:space-between;padding:28px 22px 28px 0;cursor:pointer;color:#6b7684;font-size:18px;line-height:1.5;font-weight:600;transition:color .2s,padding .2s}.example-tab>span+span{font-size:23px}.example-tab.active{padding-left:22px;background:white;border-left:3px solid var(--blue);color:var(--charcoal)}.example-tab.active>span+span{color:var(--blue)}.demo-window{background:#fff;border:1px solid #dce2e9;border-radius:8px;box-shadow:0 20px 40px #1f293709;overflow:hidden}.window-top{height:34px;border-bottom:1px solid #edf0f4;display:flex;align-items:center;gap:5px;padding:0 15px}.window-top i{width:5px;height:5px;background:#c7d0da;border-radius:50%}.window-top>span{font-size:8px;color:#6b7684;margin-left:auto}.demo-content{padding:28px}.demo-kicker{font-size:8px;color:var(--blue-dark);letter-spacing:.14em;font-weight:700}.demo-content h3{font-size:26px;margin-top:12px;max-width:370px}.demo-cards{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;margin-top:23px}.demo-cards>div{background:#eef5ff;border:1px solid #e2edfc;border-radius:5px;padding:18px;display:flex;flex-direction:column}.demo-cards>div+div{background:#f6f7f9;border-color:#edf0f3}.demo-cards span{color:var(--blue-dark);font-size:25px;margin-bottom:12px;line-height:1}.demo-cards b{font-size:12px}.demo-cards small{color:#5e6c7c;font-size:9px;margin-top:5px}.tag{font-size:8px;letter-spacing:.11em;color:var(--blue-dark);font-weight:700}.example-caption{padding:22px 2px 0}.example-caption h3{font-size:21px;margin-top:12px}.example-caption p{font-size:13px;color:var(--muted);margin-top:12px;max-width:510px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.about-image{background:#f3f5f8;border-radius:4px;overflow:hidden}.about-image img{width:100%;height:540px;object-fit:cover}.about-copy>p:not(.eyebrow){margin:24px 0 25px;font-size:14px;color:var(--muted)}.principle{display:flex;gap:20px;border-top:1px solid var(--line);padding-block:20px}.principle>b{font-size:10px;color:var(--blue-dark);margin-top:3px}.principle h3{font-size:17px;letter-spacing:-.025em}.principle p{font-size:12px;color:var(--muted);margin-top:7px}.process{background:var(--charcoal);color:white}.process .blue{color:#59aaff}.process h2{max-width:700px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:55px}.steps article{padding-top:22px;border-top:1px solid #ffffff30}.steps span{font-size:9px;color:#5eafff;font-weight:600;letter-spacing:.09em}.steps h3{font-size:20px;margin-top:28px;line-height:1.25;letter-spacing:-.025em}.steps p{font-size:12px;color:#bfcbda;line-height:1.9;margin-top:15px}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.faq-grid>div>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:23px}.questions{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 0;cursor:pointer;font-size:13px;font-weight:600;line-height:1.5}summary::-webkit-details-marker{display:none}summary span{font-size:22px;color:var(--blue-dark);font-weight:400}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;line-height:1.85;color:var(--muted);padding:0 30px 25px 0}.contact{background:#141e2a;color:white}.contact-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:100px;align-items:center}.contact h2{font-size:clamp(38px,4.6vw,64px)}.contact p:not(.eyebrow){font-size:15px;color:#bfcad8;margin-top:25px;max-width:400px}.contact .button{margin-top:32px}.phone{display:block;font-size:14px;letter-spacing:.06em;color:#d6e0ec;margin-top:20px;width:max-content}.phone:hover{color:#5eafff}.contact-note{border-left:1px solid #ffffff24;padding:28px 0 28px 45px}.contact-note img{width:80px;height:auto;margin-bottom:30px;filter:drop-shadow(0 1px 0 #c8d2e6)}.contact-note h3{font-size:25px;line-height:1.3}.contact-note p{margin-top:9px!important;font-size:16px!important}.contact-note>span{display:block;font-size:9px;letter-spacing:.1em;margin-top:42px;color:#8fa0b5}footer{padding:40px 0 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:35px}.footer-top p{font-size:12px;color:var(--muted)}.footer-top>a:last-child{font-size:11px}.footer-top .symbol{width:35px}.footer-top .wordmark{width:130px}.footer-bottom{border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.floating-wa{position:fixed;bottom:24px;right:24px;background:var(--blue-dark);color:white;display:grid;place-items:center;width:55px;height:55px;border-radius:50%;box-shadow:0 4px 20px #0003;z-index:40;transition:transform .2s}.floating-wa:hover{transform:translateY(-3px)}.skip{position:fixed;top:-100px;left:20px;background:white;color:var(--charcoal);padding:12px;z-index:100}.skip:focus{top:10px}
@media(min-width:1500px){.hero-grid{min-height:700px}}@media(max-width:1050px){.container{width:calc(100% - 64px)}.nav nav{gap:18px;font-size:11px}.brand{gap:9px}.wordmark{width:140px}.symbol{width:40px}.hero-grid{min-height:570px}.hero h1{font-size:47px}.lead{font-size:15px}.actions{gap:18px}.button{font-size:12px;padding-inline:18px}.service{padding:25px}.service h3{font-size:21px}.section-heading{gap:35px}.section-heading>p{max-width:300px}.example-layout{gap:35px}.example-tab{font-size:16px}.about-grid{gap:45px}.about-image img{height:520px}.steps{gap:25px}.steps h3{font-size:18px}.faq-grid{gap:50px}.contact-grid{gap:50px}.contact-note{padding-left:35px}}
@media(max-width:760px){html{scroll-padding-top:83px}.container{width:calc(100% - 40px)}.header{height:78px}.symbol{width:36px}.wordmark{width:130px}.nav nav{display:none;position:absolute;left:0;right:0;top:78px;background:white;padding:20px;box-shadow:0 15px 20px #0001;flex-direction:column;align-items:stretch;gap:0;font-size:14px}.nav nav.open{display:flex}.nav nav>a{padding:15px}.nav-cta{margin-top:8px}.menu-toggle{display:flex;flex-direction:column;gap:6px;justify-content:center;padding:12px;border:1px solid var(--line);border-radius:4px;background:white;width:44px;height:42px}.menu-toggle span{height:2px;width:18px;background:var(--charcoal)}.hero-grid{grid-template-columns:1fr;padding-top:55px;padding-bottom:25px;gap:12px}.hero h1{font-size:clamp(41px,9vw,62px);line-height:1.1}.eyebrow{font-size:9px;margin-bottom:22px}.lead{font-size:15px;max-width:470px;margin-top:24px}.actions{gap:22px;margin-top:27px;flex-wrap:wrap}.hero-note{font-size:10px;margin-top:23px}.hero-visual{margin-top:12px}.hero-visual>img{width:100%;margin:0;mask-image:none;border-radius:5px}.visual-label{margin:14px 0 0;font-size:9px}.hero-bottom{font-size:8px;letter-spacing:.05em;padding-block:16px}.hero-bottom>span:nth-child(2){display:none}.section{padding-block:65px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:23px;max-width:100%;font-size:13px}h2{font-size:33px;line-height:1.16}.services{grid-template-columns:1fr}.service{padding:28px}.service+.service{border-left:0;border-top:1px solid var(--line)}.service-icon{margin-bottom:24px}.service h3{font-size:26px}.service h3 br{display:none}.service>p{margin-top:15px}.service ul{margin-block:15px 20px}.service>a{font-size:12px}.example-layout{grid-template-columns:1fr;gap:30px}.example-tab{font-size:15px;padding-block:19px}.example-tab br{display:none}.example-tab>span:first-child{max-width:85%}.demo-content{padding:23px}.demo-content h3{font-size:25px}.demo-cards>div{padding:15px}.demo-cards small{font-size:9px}.example-caption h3{font-size:23px}.about-grid{grid-template-columns:1fr;gap:35px}.about-image img{height:auto;aspect-ratio:1.2;object-fit:cover}.about-copy>p:not(.eyebrow){font-size:13px}.steps{grid-template-columns:1fr 1fr;gap:30px 25px;margin-top:35px}.steps h3{font-size:20px;margin-top:20px}.steps p{font-size:12px}.steps span{font-size:8px}.faq-grid{grid-template-columns:1fr;gap:30px}.faq-grid h2 br{display:none}.faq-grid>div>p:not(.eyebrow){margin-top:15px}summary{font-size:13px;padding-block:21px}.contact-grid{grid-template-columns:1fr;gap:45px}.contact h2{font-size:43px}.contact p:not(.eyebrow){font-size:14px}.contact-note{border-left:0;border-top:1px solid #ffffff24;padding:30px 0 0;position:relative}.contact-note img{position:absolute;right:0;top:30px;width:55px}.contact-note h3{font-size:22px;max-width:75%}.contact-note>span{margin-top:25px}.contact-note p{font-size:14px!important}.footer-top{flex-wrap:wrap;gap:20px;padding-bottom:25px}.footer-top p{width:100%;order:3;font-size:11px}.footer-bottom{flex-wrap:wrap;gap:12px;font-size:9px;padding-right:35px}.footer-bottom>span:last-child{width:100%}.floating-wa{width:50px;height:50px;right:16px;bottom:16px}.footer-top>a:last-child{font-size:10px}.phone{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.hero-visual>img{height:auto}.demo-content h3{white-space:pre-line}

/* Identidad visual: proporción basada en la imagen visible, no en márgenes transparentes. */
.header .symbol{width:60px;height:auto}
.header .wordmark{width:164px;height:auto}
.footer-top .symbol{width:49px;height:auto}
.footer-top .wordmark{width:137px;height:auto}
.about-identity{display:flex;align-items:center;gap:19px;margin-bottom:22px}
.about-identity .eyebrow{margin-bottom:0}
.about-symbol{width:78px;height:auto;flex-shrink:0}
.wa-icon{width:20px;height:20px;display:inline-block;object-fit:contain;flex-shrink:0}
.nav-cta{display:inline-flex;align-items:center;gap:9px}
.nav-cta .wa-icon{width:17px;height:17px}
.nav-cta span{margin-left:5px}
.service>a{align-items:center;justify-content:flex-start}
.service>a span{margin-left:auto}
.service>a .wa-icon{width:19px;height:19px}
.floating-wa .wa-icon{width:29px;height:29px}
@media(max-width:1050px){.header .symbol{width:54px}.header .wordmark{width:149px}}
@media(max-width:760px){.header .symbol{width:48px}.header .wordmark{width:135px}.about-symbol{width:65px}.about-identity{gap:13px}}
@media(max-width:390px){.header .symbol{width:44px}.header .wordmark{width:120px}}