@font-face{font-family:Manrope;src:url('/assets/manrope-regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/manrope-semibold.ttf');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/manrope-extrabold.ttf');font-weight:800;font-display:swap}
:root{--navy:#071d35;--mint:#2bd3ab;--green:#13ae8d;--muted:#536578;--line:#dfe7ed;--light:#f0f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#fff;color:var(--navy);font:16px/1.65 Manrope,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2{font-weight:800;letter-spacing:-.055em;line-height:1.08}em{font-style:normal}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:calc(100% - 112px);max-width:1328px;margin-inline:auto}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}input:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.skip-link{position:fixed;top:-100px;left:16px;background:var(--mint);z-index:100;padding:10px}.skip-link:focus{top:10px}.header{border-bottom:1px solid #e9edf1;background:#fff}.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{position:relative;width:219px;height:62px;display:block;overflow:hidden;flex-shrink:0;isolation:isolate}.brand img{position:absolute;width:325px;max-width:none;height:auto;left:-52px;top:-57px;mix-blend-mode:multiply}.header nav{display:flex;gap:40px;font-size:14px;font-weight:600}.header nav a:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:13px 23px;border:1px solid var(--navy);border-radius:6px;background:transparent;color:var(--navy);font-size:14px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s,color .2s}.button:hover{background:var(--navy);color:#fff;transform:translateY(-2px)}.button:disabled{opacity:.65;cursor:wait}.header-cta{border-radius:50px;min-height:44px;padding:10px 24px;gap:24px}.header-cta svg{width:20px}.menu-toggle{display:none}.hero{overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding-top:64px;padding-bottom:64px;min-height:740px}.hero-copy{position:relative;isolation:isolate}.hero h1{font-size:clamp(54px,5.85vw,84px);line-height:1.08;position:relative;z-index:1;white-space:nowrap}.hero h1 em{color:var(--green)}.hero-copy>p{font-size:18px;line-height:1.65;max-width:555px;margin-top:22px;position:relative;z-index:1}.discover{display:inline-flex;align-items:center;gap:18px;font-size:14px;font-weight:600;position:relative;z-index:1;margin-top:25px}.discover span{border-bottom:1px solid var(--mint);padding-bottom:7px}.discover svg{width:20px}.hero-art{position:absolute;width:760px;max-width:none;left:-150px;top:367px;z-index:-1;mix-blend-mode:multiply;pointer-events:none}.contact-panel{border-radius:16px;background:var(--navy);padding:42px 38px 24px;color:#fff;position:relative;z-index:2;align-self:start}.contact-panel h2{font-size:34px;letter-spacing:-.045em}.contact-panel h2 em{color:var(--mint)}.contact-panel>p{font-size:14px;line-height:1.6;color:#c8d6e3;margin-top:14px;margin-bottom:29px}.field{margin-bottom:17px}.field label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:600;margin-bottom:7px;color:#d3deea}.field input{background:#102a43;color:#fff;border:1px solid #42596e;border-radius:6px;width:100%;height:49px;font-size:13px;padding:13px 15px}.field input::placeholder{color:#9daec0;opacity:1}.field input:hover{border-color:#8aa2b7}.mint{background:var(--mint);border-color:var(--mint);color:var(--navy)}.mint:hover{background:#5ee0bf;border-color:#5ee0bf;color:var(--navy)}form>.mint{width:100%;margin-top:8px;font-size:13px;gap:12px;min-height:54px}.mint .wa{width:25px;height:25px}form>.mint>svg:last-child{width:20px;margin-left:auto}.consent{display:flex;align-items:flex-start;gap:10px;font-size:10px;line-height:1.7;color:#b3c3d2;margin-top:20px}.consent input{width:15px;height:15px;accent-color:var(--mint);flex-shrink:0;margin:2px 0 0}.consent a{text-decoration:underline;text-underline-offset:2px}.form-status{font-size:12px;line-height:1.6;margin-top:12px}.form-status.success{color:#7be8c8}.form-status.error{color:#ffb8af}.form-status a{text-decoration:underline;text-underline-offset:3px}.about{padding-top:85px;padding-bottom:90px}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.14em;font-weight:600;padding-bottom:22px;border-bottom:1px solid #ced9e1;text-transform:uppercase}.section-label>span:last-child{font-size:9px;letter-spacing:.08em;color:var(--muted)}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:110px;padding-top:48px}.about h2{font-size:clamp(48px,5.5vw,74px)}.about-description{padding-top:8px}.about-description p{font-size:22px;line-height:1.6;letter-spacing:-.025em}.about-description p+p{margin-top:22px;font-size:17px;color:var(--muted)}.about-description strong{font-weight:600}.about-bottom{display:grid;grid-template-columns:.85fr 1.5fr;gap:80px;margin-top:55px;align-items:end}.experience{display:flex;gap:22px;align-items:center}.experience>strong{font-size:100px;letter-spacing:-.09em;line-height:1;font-weight:800}.experience>strong span{font-size:65px;vertical-align:top;color:var(--green)}.experience>span{font-size:12px;line-height:1.7;color:var(--muted)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.principles p{border-top:1px solid var(--line);padding-top:19px;font-size:14px;font-weight:600;line-height:1.55}.dark{background:var(--navy);color:#fff}.light{background:var(--light)}.service{overflow:hidden;padding:65px 0 70px;position:relative}.dark .section-label{border-color:#ffffff28}.dark .section-label>span:last-child{color:#a6b9ca}.service-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center}.service-web .service-layout{margin-top:42px}.service-copy{z-index:2;position:relative}.number{font-size:15px;color:var(--green);font-weight:600;display:block;margin-bottom:20px}.dark .number{color:var(--mint)}.service-category{font-size:10px;font-weight:600;letter-spacing:.12em;line-height:1.6;margin-bottom:17px}.dark .service-category{color:#9cb6c8}.service h2{font-size:clamp(42px,4.4vw,61px);letter-spacing:-.045em}.service h2 em{color:var(--green)}.dark h2 em{color:var(--mint)}.service-description{font-size:15px;line-height:1.9;max-width:480px;margin-top:24px;color:var(--muted)}.dark .service-description{color:#bbcbd9}.benefits{list-style:none;padding:0;margin:25px 0 30px;max-width:450px;display:flex;gap:18px}.benefits li{font-size:11px;line-height:1.7;padding-right:14px;border-right:1px solid #bacdd8;flex:1}.benefits li:last-child{border:0;padding:0}.dark .benefits li{border-color:#ffffff38;color:#d2dee8}.line{border-radius:50px;padding:13px 23px;justify-content:space-between;min-width:265px;border:1px solid var(--green);gap:30px}.line:hover{background:var(--mint);color:var(--navy)}.mint-line{color:var(--mint);border-color:var(--mint)}.service-visual{position:relative;transform:translate3d(0,var(--shift,0px),0);will-change:transform;min-width:0}.service-visual img{width:150%;height:auto;max-width:none;margin-left:-20%;display:block;mix-blend-mode:multiply}.dark .service-visual img{filter:invert(1) hue-rotate(155deg) saturate(1.3);mix-blend-mode:screen}.service-visual>span{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;text-align:center;margin-top:25px;color:var(--muted)}.dark .service-visual>span{color:#9db4c6}.service-systems{padding:90px 0}.reverse .service-copy{grid-column:2;grid-row:1}.reverse .service-visual{grid-column:1;grid-row:1}.service-systems .service-visual img{transform:rotate(-38deg) scale(.95)}.service-ads{padding:90px 0}.service-ads .service-visual img{transform:rotate(42deg) scale(.9)}.closing{background:var(--mint);padding:65px 0}.closing>.wrap{display:flex;align-items:center;justify-content:space-between;gap:60px}.closing h2{font-size:40px;line-height:1.2;letter-spacing:-.04em}.closing .button{border-radius:50px;white-space:nowrap;gap:35px;background:var(--navy);color:#fff}.closing .button:hover{background:#133b5a}footer{padding:60px 0 25px}.footer-main{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:70px;padding-bottom:50px}footer h3{font-size:9px;letter-spacing:.13em;margin:20px 0 20px;font-weight:600;color:var(--muted)}footer p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:12px}address{font-style:normal;font-size:13px;line-height:1.6}address+address{margin-top:18px}address span{color:var(--muted);font-size:12px}.phone-link{display:flex;gap:18px;align-items:center;padding:0;background:none;border:0;font-size:21px;letter-spacing:-.04em;color:var(--navy);font-weight:600}.phone-link svg{width:20px}.phone-link:hover{color:var(--green)}.footer-bottom{border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}#privacidad{margin-top:22px;color:var(--muted);font-size:10px}#privacidad summary{cursor:pointer;width:fit-content}#privacidad p{max-width:900px;font-size:11px}dialog{border:none;border-radius:16px;background:var(--navy);color:#fff;padding:40px;width:min(520px,calc(100% - 32px));max-height:90dvh;overflow:auto;box-shadow:0 25px 100px #0005}dialog::backdrop{background:#031326b5;backdrop-filter:blur(7px)}dialog h2{font-size:33px;max-width:360px}dialog>p:not(.service-category){font-size:13px;color:#aebfcf;margin-top:14px;margin-bottom:25px}dialog .service-category{color:var(--mint);font-size:9px;max-width:90%;margin-bottom:15px}.dialog-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#c7d8e5;font-size:30px;width:35px;height:35px;line-height:1}dialog .consent{margin:20px 0}body:has(dialog[open]){overflow:hidden}
@media(min-width:1500px){.hero-grid{min-height:790px}.hero-art{top:380px;width:820px}.hero h1{font-size:86px}}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.hero-grid{gap:40px;grid-template-columns:1.1fr 1fr;min-height:700px}.hero h1{font-size:5.7vw}.hero-copy>p{font-size:16px}.hero-art{top:330px;width:680px;left:-130px}.contact-panel{padding:32px 26px 20px}.contact-panel h2{font-size:28px}.contact-panel>p{font-size:13px}.about-grid{gap:60px}.about h2{font-size:5.7vw}.about-description p{font-size:19px}.about-bottom{gap:40px}.experience{gap:15px}.experience>strong{font-size:85px}.principles{gap:20px}.principles p{font-size:12px}.service-layout{gap:55px}.service h2{font-size:4.5vw}.service-category{font-size:9px}.closing h2{font-size:32px}.footer-main{gap:30px}.phone-link{font-size:18px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{height:76px}.brand{width:175px;height:51px}.brand img{width:260px;left:-42px;top:-45px}.header-cta{display:none}.menu-toggle{display:flex;background:none;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;flex-direction:column;justify-content:center;align-items:center;gap:6px}.menu-toggle span{display:block;width:18px;height:1px;background:var(--navy)}.header nav{display:none;position:absolute;left:0;top:76px;right:0;background:#fff;z-index:10;border-bottom:1px solid var(--line);padding:25px;gap:25px;font-size:13px;justify-content:center}.header nav.open{display:flex}.hero-grid{display:flex;flex-direction:column;padding-top:40px;padding-bottom:38px;gap:0;min-height:0}.hero-copy{padding-bottom:230px}.hero h1{font-size:clamp(35px,8.7vw,62px);white-space:normal;line-height:1.1}.hero-copy>p{font-size:14px;margin-top:20px;max-width:450px}.discover{font-size:12px;margin-top:18px;gap:12px}.hero-art{width:450px;left:50%;margin-left:-225px;top:auto;bottom:-40px}.contact-panel{padding:30px 25px 20px;border-radius:12px;width:100%}.contact-panel h2{font-size:29px}.contact-panel>p{font-size:13px;margin-bottom:24px}.contact-panel>p br{display:none}.field input{height:49px}.field label{font-size:10px}.consent{font-size:10px}.about{padding-top:40px;padding-bottom:50px}.section-label{font-size:9px;padding-bottom:16px}.section-label>span:last-child{display:none}.about-grid{display:flex;flex-direction:column;gap:26px;padding-top:30px}.about h2{font-size:clamp(39px,10.7vw,60px);line-height:1.08}.about h2 br:nth-child(2){display:none}.about-description{padding:0}.about-description p{font-size:18px}.about-description p+p{font-size:14px;margin-top:15px}.about-bottom{display:flex;flex-direction:column;align-items:stretch;margin-top:35px;gap:30px}.experience>strong{font-size:88px}.experience>strong span{font-size:52px}.experience>span{font-size:12px}.principles{gap:16px}.principles p{font-size:11px;padding-top:12px}.service{padding:48px 0}.service-layout{display:flex;flex-direction:column;gap:30px}.service-web .service-layout{margin-top:30px}.service h2{font-size:clamp(35px,9.7vw,54px)}.service-copy{width:100%}.number{margin-bottom:16px;font-size:13px}.service-category{font-size:9px;max-width:310px}.service-description{font-size:14px;margin-top:20px}.benefits{margin:20px 0;gap:12px}.benefits li{font-size:10px;padding-right:9px}.service .button{font-size:13px;min-width:260px}.service-visual{width:100%;transform:none!important}.service-visual img{width:110%;margin-left:-5%}.service-visual>span{font-size:8px;margin-top:5px}.service-systems .service-visual img{transform:rotate(-20deg) scale(.85)}.service-ads .service-visual img{transform:rotate(15deg) scale(.85)}.closing{padding:48px 0}.closing>.wrap{align-items:flex-start;flex-direction:column;gap:27px}.closing h2{font-size:31px}.closing h2 br{display:none}.closing .button{font-size:13px;gap:35px}footer{padding:35px 0 22px}.footer-main{grid-template-columns:1fr;gap:23px;padding-bottom:35px}.footer-main>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:15px}.footer-main>div:first-child p{font-size:9px;white-space:nowrap;margin:0}.footer-main h3{margin:5px 0 15px}.locations{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.locations h3{grid-column:1/-1}address+address{margin-top:0}address{font-size:12px}.phone-link{font-size:23px}.footer-bottom{font-size:9px;flex-wrap:wrap;gap:12px 20px}.footer-bottom>span:last-child{display:none}dialog{padding:33px 24px 24px}dialog h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.service-visual{transform:none!important;will-change:auto}}
.hero-art{top:300px;mask-image:linear-gradient(to bottom,transparent,black 22%);-webkit-mask-image:linear-gradient(to bottom,transparent,black 22%)}
@media(max-width:760px){.hero-art{top:auto}.about h2 br:nth-child(2){display:initial}.contact-panel>p br{display:initial}}
.hero-art{height:auto}
@media(max-width:760px){.hero-copy{padding-bottom:0}.hero-art{position:relative;display:block;left:auto;top:auto;bottom:auto;width:calc(100% + 40px);height:190px;object-fit:cover;object-position:center;margin:5px -20px -10px;mask-image:linear-gradient(transparent,black 20%,black 85%,transparent);-webkit-mask-image:linear-gradient(transparent,black 20%,black 85%,transparent)}}
.service-visual{mix-blend-mode:multiply}.dark .service-visual{mix-blend-mode:screen}.service-visual img{mask-image:radial-gradient(ellipse at center,#000 40%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse at center,#000 40%,transparent 73%)}
@media(min-width:761px){.hero-art{top:350px}}
:root{--green:#0a8b72}.light .number{color:var(--navy)}
/* Fondo de video: el contenido conserva una capa independiente y legible. */
.hero{position:relative;isolation:isolate;background:#fff}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.38;z-index:-2;pointer-events:none}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.8),rgba(255,255,255,.48) 48%,rgba(255,255,255,.12));z-index:-1;pointer-events:none}.hero-copy{align-self:center;padding-bottom:50px}.hero .contact-panel{box-shadow:0 16px 50px #071d3510}.video-toggle{display:flex;align-items:center;gap:8px;margin-top:35px;padding:8px 0;border:0;background:none;color:#536578;font-size:11px;font-weight:600}.video-toggle[hidden]{display:none}.video-toggle svg{width:16px;height:16px;stroke-width:1.8}.video-toggle:hover{color:var(--navy)}
@media(max-width:760px){.hero-copy{padding-bottom:34px}.hero-video{object-position:58% center;opacity:.25}.hero:after{background:linear-gradient(90deg,rgba(255,255,255,.82),rgba(255,255,255,.4))}.video-toggle{margin-top:18px;font-size:10px}.hero-grid{padding-top:40px;padding-bottom:38px}}
/* Ilustraciones de servicio animadas con HTML/CSS, sin descargas de GIF. */
.service-demo{height:440px;mix-blend-mode:normal!important;font-size:12px;isolation:isolate}.service-demo svg{width:20px;height:20px}.demo-browser{position:absolute;left:0;top:38px;width:98%;border:1px solid #476176;border-radius:12px;overflow:hidden;background:#f6fafc;box-shadow:0 28px 60px #0003;transform:perspective(1100px) rotateY(-7deg) rotateZ(-3deg);animation:browser-float 8s ease-in-out infinite}.browser-bar{height:35px;display:flex;gap:5px;align-items:center;padding:0 13px;background:#163249;border-bottom:1px solid #28475b}.browser-bar>i{width:5px;height:5px;background:#6b8394;border-radius:50%}.browser-bar>i:first-child{background:#2bd3ab}.browser-bar>span{font-size:8px;letter-spacing:.05em;flex:1;text-align:center;color:#a7becf}.browser-bar>svg{width:12px;height:12px;color:#a7becf}.browser-content{padding:19px 22px 22px}.demo-nav{display:flex;justify-content:space-between;align-items:center;color:var(--navy)}.demo-nav>strong{font-size:14px;letter-spacing:-.06em}.demo-nav>strong span,.demo-mobile>span>span{color:#0a8b72}.demo-nav>div{display:flex;gap:10px}.demo-nav i{height:3px;width:26px;background:#c3cfd6;border-radius:4px}.demo-site-hero{display:flex;align-items:center;gap:15px;margin-top:20px;background:#e0f4ee;padding:23px 20px;border-radius:4px;color:var(--navy)}.demo-site-hero small{font-size:6px;letter-spacing:.15em;display:block;margin-bottom:10px;font-weight:600}.demo-site-hero strong{display:block;font-size:25px;line-height:1.2;letter-spacing:-.05em}.demo-site-button{display:flex;align-items:center;gap:15px;width:fit-content;font-size:6px;background:var(--navy);color:white;padding:8px;margin-top:15px;border-radius:3px}.demo-site-button svg{width:10px;height:10px}.site-orbit{position:relative;margin-left:auto;width:95px;height:95px;flex-shrink:0;display:grid;place-items:center}.orbit-center{font-size:28px;font-weight:800;color:#0a8b72;letter-spacing:-.05em}.site-orbit i{position:absolute;inset:0;border:1px solid #14ab8866;border-radius:50%;transform:rotateX(50deg) rotateZ(20deg);animation:orbit-spin 9s linear infinite}.site-orbit i:nth-child(3){transform:rotateY(50deg) rotateZ(70deg);animation-direction:reverse}.site-orbit i:nth-child(4){inset:12px;animation-duration:12s}.demo-site-content{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px}.demo-site-content>div{animation:build-reveal 5s ease-in-out infinite}.demo-site-content>div:nth-child(2){animation-delay:.25s}.demo-site-content>div:nth-child(3){animation-delay:.5s}.demo-site-content i{height:26px;background:#d9e7ed;display:block;border-radius:3px;margin-bottom:8px}.demo-site-content b{display:block;height:4px;background:#bdcdd5;border-radius:3px;margin-top:5px}.demo-site-content b:last-child{width:65%;opacity:.6}.demo-mobile{position:absolute;right:-12px;bottom:15px;width:114px;height:216px;border:4px solid #27455c;border-radius:19px;background:#fff;box-shadow:0 18px 35px #0003;padding:15px 10px;color:var(--navy);transform:rotate(5deg);animation:phone-float 7s ease-in-out infinite}.phone-speaker{width:28px;height:3px;background:#c8d7de;margin:-7px auto 12px;border-radius:3px}.demo-mobile>span{font-size:9px;font-weight:800;letter-spacing:-.05em}.phone-cover{height:47px;margin:9px 0 8px;background:repeating-linear-gradient(130deg,#d4f3e9 0px,#d4f3e9 12px,#b3e8d8 12px,#b3e8d8 24px);border-radius:4px}.demo-mobile>b{font-size:18px;line-height:1.15;letter-spacing:-.04em;display:block}.demo-mobile>i{height:3px;display:block;background:#cddae1;margin-top:7px;width:90%}.demo-mobile>i+i{width:70%;margin-top:4px}.demo-mobile>em{display:block;width:54px;height:12px;background:#0a8b72;border-radius:2px;margin-top:9px}.build-indicator{position:absolute;bottom:-12px;left:16px;display:flex;gap:9px;align-items:center;font-size:9px;color:#a6bece;letter-spacing:.03em}.build-indicator>span,.process-caption>span,.signal-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #2bd3ab18;animation:signal-pulse 2.5s ease-in-out infinite}
.process-demo{height:430px;background:#e7f0f3;border:1px solid #d4e2e8;border-radius:14px;box-shadow:0 22px 60px #071d3509}.process-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 23px;border-bottom:1px solid #d2e0e5;font-size:8px;letter-spacing:.1em;color:#536578}.process-heading>i{width:7px;height:7px;background:#0a8b72;border-radius:50%}.process-workspace{position:relative;height:250px;margin:10px 15px 0;display:flex;align-items:center;justify-content:space-between}.task-stack{display:flex;flex-direction:column;gap:23px;z-index:1}.task-stack>div{display:flex;align-items:center;gap:8px;background:white;border:1px solid #cddde4;padding:11px 9px;border-radius:5px;font-size:9px;color:#304c5d;width:118px;box-shadow:0 5px 10px #102c3d05;animation:task-process 6s ease-in-out infinite}.task-stack>div:nth-child(2){animation-delay:2s}.task-stack>div:nth-child(3){animation-delay:4s}.task-stack i{width:6px;height:6px;border:1px solid #0a8b72;border-radius:2px}.task-stack span{width:12px;height:2px;background:#cedfe5;margin-left:auto}.process-paths{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;stroke:#0a8b72;stroke-width:1.2;stroke-dasharray:6 7;animation:flow-line 4s linear infinite;opacity:.65}.ai-node{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:73px;height:73px;background:var(--navy);display:grid;place-items:center;border-radius:17px;color:var(--mint);box-shadow:0 0 0 8px #d9ede7,0 0 0 9px #9dc9bd;z-index:2}.ai-node>span{font-size:30px;font-weight:800;letter-spacing:-.04em}.ai-node>i{position:absolute;inset:-14px;border:1px solid #0a8b7240;border-radius:24px;animation:node-pulse 3s ease-out infinite}.ai-node>b{position:absolute;top:99px;white-space:nowrap;font-size:6px;letter-spacing:.1em;color:#536578;font-weight:600}.system-node{background:#fff;border:1px solid #b5d5c9;border-radius:9px;padding:16px 12px;text-align:center;width:115px;z-index:1;box-shadow:0 8px 18px #0a8b720a}.system-node>svg{width:32px;height:32px;stroke:#0a8b72;margin-bottom:9px}.system-node>strong{display:block;font-size:11px;line-height:1.5;color:var(--navy)}.process-steps{display:flex;justify-content:space-around;gap:12px;padding:4px 20px 19px;border-bottom:1px solid #d2e0e5}.process-steps>span{font-size:9px;display:flex;align-items:center;gap:5px;color:#536578}.process-steps i{font-style:normal;font-size:7px;color:#0a8b72}.process-caption{display:flex;align-items:center;gap:9px;padding:18px 23px;font-size:8px;color:#536578}.process-caption>span{background:#0a8b72}
.ads-demo{height:490px}.audience-track{position:absolute;left:8%;right:2%;top:6px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9bb6c8;font-size:7px;letter-spacing:.08em}.audience-track>i{flex:1;height:1px;background:#3d596d;position:relative;overflow:hidden}.audience-track>i:after{content:'';position:absolute;inset:0;background:var(--mint);transform:translateX(-100%);animation:track-scan 3s ease-in-out infinite}.ad-card{position:absolute;overflow:hidden;background:#fff;color:var(--navy);border-radius:9px;border:1px solid #476176;box-shadow:0 22px 50px #0003;width:240px}.ad-back{left:0;top:70px;transform:rotate(-9deg);animation:ad-back-float 8s ease-in-out infinite}.ad-front{right:3%;top:61px;transform:rotate(6deg);animation:ad-front-float 8s ease-in-out infinite}.ad-account{display:flex;align-items:center;gap:8px;padding:12px;font-size:9px}.ad-account>i{width:17px;height:17px;background:#d4eee7;border-radius:50%;border:4px solid #0a8b72}.ad-account>span{font-weight:600}.ad-account>b{font-size:13px;margin-left:auto;color:#738a98}.ad-art{position:relative;height:188px;overflow:hidden;padding:22px;background:#2bd3ab}.ad-art>small{display:block;font-size:6px;letter-spacing:.15em;position:relative;z-index:1}.ad-art>strong,.ad-art>span{font-size:30px;letter-spacing:-.055em;font-weight:800;line-height:1.1;display:block;position:relative;z-index:1;margin-top:12px}.ad-back .ad-art{background:#173c54;color:#f3fbff}.ad-back .ad-art>span{font-size:28px}.ad-back .ad-art>i{position:absolute;width:150px;height:150px;border:1px solid #37d9b1;border-radius:50%;right:-40px;bottom:-60px;animation:ad-circle-pulse 5s ease-in-out infinite}.ad-back .ad-art>i:nth-of-type(2){width:190px;height:190px;right:-60px;bottom:-80px;animation-delay:.4s}.ad-back .ad-art>i:nth-of-type(3){width:230px;height:230px;right:-80px;bottom:-100px;animation-delay:.8s}.ad-rings{position:absolute;width:160px;height:160px;right:-30px;bottom:-70px}.ad-rings>i{position:absolute;inset:0;border:18px solid #0a8b7240;border-radius:50%;animation:ad-circle-pulse 4s ease-in-out infinite}.ad-rings>i:nth-child(2){inset:28px;border-width:13px}.ad-rings>i:nth-child(3){inset:55px;border-width:10px}.ad-copy{padding:13px 12px 14px}.ad-copy>b{display:block;font-size:8px;font-weight:600}.ad-copy>span{display:block;font-size:7px;color:#607787;margin-top:5px}.ad-copy>em{display:flex;justify-content:space-between;align-items:center;font-size:7px;background:#eaf2f5;padding:8px;margin-top:12px;border-radius:3px}.ad-copy>em>svg{width:12px;height:12px}.campaign-signal{position:absolute;bottom:10px;left:10%;right:3%;border-top:1px solid #3c576c;padding-top:15px;display:flex;align-items:center;gap:10px;color:#b6cbd9;font-size:9px}.campaign-signal>svg{width:70px;height:26px;margin-left:auto;stroke:var(--mint);stroke-dasharray:100;animation:chart-draw 5s ease-in-out infinite}
@keyframes browser-float{0%,100%{transform:perspective(1100px) rotateY(-7deg) rotateZ(-3deg) translateY(0)}50%{transform:perspective(1100px) rotateY(-4deg) rotateZ(-2deg) translateY(-9px)}}@keyframes phone-float{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(3deg) translateY(-12px)}}@keyframes build-reveal{0%,15%,100%{opacity:.45;transform:translateY(4px)}35%,85%{opacity:1;transform:translateY(0)}}@keyframes orbit-spin{to{transform:rotateX(50deg) rotateZ(380deg)}}@keyframes signal-pulse{50%{box-shadow:0 0 0 6px #2bd3ab08;opacity:.65}}@keyframes flow-line{to{stroke-dashoffset:-52}}@keyframes task-process{0%,70%,100%{border-color:#cddde4;transform:translateX(0)}30%{border-color:#0a8b72;transform:translateX(5px)}}@keyframes node-pulse{to{transform:scale(1.3);opacity:0}}@keyframes track-scan{to{transform:translateX(100%)}}@keyframes ad-back-float{0%,100%{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(-7deg) translateY(-10px)}}@keyframes ad-front-float{0%,100%{transform:rotate(6deg) translateY(0)}50%{transform:rotate(4deg) translateY(8px)}}@keyframes ad-circle-pulse{50%{transform:scale(1.15);opacity:.7}}@keyframes chart-draw{0%,10%{stroke-dashoffset:100}65%,100%{stroke-dashoffset:0}}
@media(max-width:1150px) and (min-width:761px){.service-demo{transform:translate3d(0,var(--shift,0px),0) scale(.87);transform-origin:center}.demo-site-hero{padding:20px 12px}.demo-site-hero strong{font-size:21px}.site-orbit{width:70px;height:70px}.ad-card{width:205px}.task-stack>div{width:95px;font-size:8px}.system-node{width:95px}.ai-node{width:60px;height:60px}}
@media(max-width:760px){.service-demo{margin-top:10px;width:100%;max-width:470px;align-self:center}.web-demo{height:365px}.demo-browser{width:94%;top:20px}.browser-content{padding:15px}.demo-site-hero{padding:19px 12px;gap:7px}.demo-site-hero strong{font-size:22px}.site-orbit{width:70px;height:70px}.orbit-center{font-size:23px}.demo-mobile{width:95px;height:188px;right:0;bottom:20px;padding:14px 8px}.demo-mobile>span{font-size:8px}.phone-cover{height:35px}.demo-mobile>b{font-size:17px}.build-indicator{font-size:8px;left:2px;bottom:0}.process-demo{height:390px}.process-heading{padding:19px 15px;font-size:7px}.process-workspace{height:225px;margin:3px 12px 0}.task-stack>div{width:92px;padding:10px 7px;gap:5px;font-size:8px}.task-stack{gap:22px}.ai-node{width:58px;height:58px;border-radius:13px}.ai-node>span{font-size:25px}.ai-node>b{font-size:5px;top:82px}.system-node{width:86px;padding:13px 8px}.system-node>strong{font-size:9px}.system-node>svg{width:27px;height:27px}.process-steps{padding:8px 12px 17px;gap:8px}.process-steps>span{font-size:8px}.process-caption{padding:18px 15px;font-size:8px}.ads-demo{height:425px}.ad-card{width:195px}.ad-back{top:66px;left:3px}.ad-front{top:65px;right:1%}.ad-art{height:165px;padding:18px}.ad-art>strong,.ad-art>span{font-size:26px}.ad-back .ad-art>span{font-size:25px}.ad-account{padding:10px}.ad-copy{padding:11px 10px}.ad-copy>b{font-size:7px}.ad-copy>span{font-size:6px}.audience-track{left:1%;right:1%;font-size:6px;gap:7px}.campaign-signal{left:3%;right:2%;font-size:8px;bottom:0}}
@media(max-width:360px){.site-orbit{width:55px;height:55px}.demo-site-hero strong{font-size:20px}.task-stack>div{width:82px;font-size:7px}.system-node{width:78px}.ai-node{width:50px;height:50px}.ad-card{width:175px}}
@media(prefers-reduced-motion:reduce){.service-demo *{animation:none!important}.service-demo{transform:none!important}}
.process-steps i{color:#086853}.ad-account>b{color:#506979}
/* Marca ia web factory: símbolo original y nuevo nombre vectorial. */
.brand{width:280px;height:64px}.brand img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:left center;mix-blend-mode:multiply}
@media(max-width:760px){.brand{width:225px;height:51px}.brand img{width:100%;height:100%}.footer-main>div:first-child{flex-wrap:wrap}.footer-main>div:first-child p{white-space:normal}}
@media(max-width:360px){.brand{width:210px}}
/* Oferta industrial: nueva identidad, menú fijo y recorridos de tres pasos. */
html{scroll-padding-top:112px}.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 3px 18px #071d3504}.header nav{font-size:12px;gap:25px}.header-cta{font-size:12px;gap:18px}.brand{width:267px;height:64px}.hero-grid{grid-template-columns:1.15fr 1fr;gap:78px;min-height:695px;padding-top:48px;padding-bottom:45px}.hero-copy{padding-bottom:0}.hero h1{font-size:59px;line-height:1.12;letter-spacing:-.055em;white-space:normal}.hero h1 em{display:block;font-size:55px;letter-spacing:-.06em;margin-top:4px}.hero-promise{display:block;font-size:33px;line-height:1.35;letter-spacing:-.035em;margin-top:16px;font-weight:600}.hero-promise strong{font-weight:800;color:var(--navy)}.hero-copy>p{font-size:15px;line-height:1.85;max-width:530px;margin-top:23px}.hero-offer{margin-top:22px}.hero-offer>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.hero-offer span{font-size:13px;color:#536578}.hero-offer strong{font-size:39px;font-weight:800;letter-spacing:-.06em;line-height:1.15}.hero-offer .tax{font-size:11px;color:var(--navy)}.hero-offer>p{font-size:11px;line-height:1.7;margin-top:6px;color:#536578}.hero .discover{margin-top:19px;font-size:12px}.hero .video-toggle{margin-top:16px}.contact-panel{padding-top:35px}.contact-panel h2{font-size:35px;line-height:1.13}.contact-panel>p{font-size:13px;max-width:345px}.contact-panel .form-note{font-size:9px;color:#9db5c9;margin-top:10px;line-height:1.5}.powered-row{display:flex;gap:35px;align-items:center;padding:24px 0 27px;border-top:1px solid #d9e4eb;position:relative;z-index:1}.powered-label{font-size:11px;color:#536578;white-space:nowrap}.powered-brands{display:flex;gap:38px;align-items:center}.powered-brands>span{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;letter-spacing:-.02em}.powered-brands img{width:25px;height:25px;object-fit:contain}.powered-human{margin-left:auto;font-size:10px;color:#536578}.service h2{font-size:51px;line-height:1.12}.service-offer{display:flex;gap:15px;align-items:baseline;margin:26px 0 20px}.service-offer>span{font-size:12px;color:#b8cddc}.service-offer strong{font-size:39px;color:#fff;letter-spacing:-.05em;margin-left:7px}.service-offer>span+span{font-size:10px}.steps-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:46px;padding:0;margin:65px 0 0;border-top:1px solid #ffffff35}.steps-grid>li{padding-top:27px;min-width:0}.step-index{font-size:10px;letter-spacing:.14em;color:var(--mint);font-weight:600}.steps-grid h3{font-size:20px;line-height:1.4;letter-spacing:-.025em;margin:14px 0 13px;font-weight:800}.steps-grid p{font-size:13px;line-height:1.85;color:#b9cddd}.delivery-note{font-size:10px;color:#a1b8ca;line-height:1.8;border-top:1px solid #ffffff20;margin-top:30px;padding-top:17px;max-width:950px}.crm-steps{border-color:#cadce5;margin-top:58px}.crm-steps .step-index{color:#087b65}.crm-steps p{color:#536578}.service-systems .service-copy h2{font-size:45px}.faq-section{padding-top:85px;padding-bottom:90px}.faq-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;padding-top:44px}.faq-layout h2{font-size:52px;line-height:1.12}.faq-layout h2 em{color:var(--green)}.faq-layout>div>p{font-size:14px;line-height:1.8;margin-top:20px;max-width:320px;color:#536578}.faq-layout .button{margin-top:22px;font-size:13px;min-width:235px}.faq-list{border-top:1px solid #ccdbe3}.faq-list details{border-bottom:1px solid #ccdbe3}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;font-size:14px;font-weight:600;line-height:1.65;padding:22px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{position:relative;width:20px;height:20px;flex-shrink:0}.faq-plus:before,.faq-plus:after{content:'';position:absolute;top:9px;left:3px;width:14px;height:1.5px;background:#0a8b72}.faq-plus:after{transform:rotate(90deg);transition:transform .2s}.faq-list details[open] .faq-plus:after{transform:rotate(0)}.faq-list details>p{font-size:13px;line-height:1.9;color:#536578;padding:0 35px 24px 0}.faq-list details>p strong{color:var(--navy);font-weight:600}
@media(min-width:1500px){.hero-grid{min-height:715px}.hero h1{font-size:62px}.hero h1 em{font-size:58px}}
@media(max-width:1150px) and (min-width:761px){.header nav{gap:16px;font-size:11px}.brand{width:230px}.header-cta{font-size:11px;padding:10px 16px}.hero-grid{gap:40px;min-height:680px}.hero h1{font-size:48px}.hero h1 em{font-size:43px}.hero-promise{font-size:27px}.hero-copy>p{font-size:14px}.contact-panel h2{font-size:30px}.powered-brands{gap:22px}.powered-brands>span{font-size:12px}.powered-human{display:none}.service h2{font-size:42px}.service-systems .service-copy h2{font-size:38px}.steps-grid{gap:30px}.steps-grid h3{font-size:18px}.steps-grid p{font-size:12px}.faq-layout{gap:60px}.faq-layout h2{font-size:44px}}
@media(max-width:760px){html{scroll-padding-top:94px}.brand{width:230px;height:51px}.header nav{gap:18px;flex-wrap:wrap;justify-content:flex-start;padding:20px;font-size:12px}.hero-grid{min-height:0;gap:30px;padding-top:34px;padding-bottom:30px}.hero-copy{padding-bottom:0}.hero h1{font-size:43px}.hero h1 em{font-size:clamp(31px,8.3vw,48px);letter-spacing:-.055em;line-height:1.13}.hero-promise{font-size:25px;line-height:1.35;margin-top:13px}.hero-copy>p{font-size:13px;line-height:1.85;margin-top:17px}.hero-offer{margin-top:18px}.hero-offer strong{font-size:34px}.hero-offer span{font-size:12px}.hero .discover{font-size:11px;margin-top:15px;gap:12px}.hero .video-toggle{margin-top:12px}.hero .contact-panel{padding:27px 24px 20px}.contact-panel h2{font-size:30px}.powered-row{padding-top:21px;padding-bottom:23px;gap:16px;flex-wrap:wrap}.powered-label{font-size:10px;width:100%}.powered-brands{gap:22px;flex-wrap:wrap;row-gap:13px}.powered-brands>span{font-size:11px;gap:7px}.powered-brands img{width:21px;height:21px}.powered-human{display:none}.service h2{font-size:36px}.service-systems .service-copy h2{font-size:34px}.service-offer{margin:20px 0 17px}.service-offer strong{font-size:34px}.steps-grid{grid-template-columns:1fr;gap:0;margin-top:40px;border:0}.steps-grid>li{border-top:1px solid #ffffff35;padding:24px 0}.steps-grid>li:last-child{padding-bottom:0}.steps-grid h3{font-size:20px;margin:10px 0}.steps-grid h3 br{display:none}.steps-grid p{font-size:13px}.crm-steps{margin-top:38px}.crm-steps>li{border-color:#cadce5}.delivery-note{margin-top:25px;padding-top:16px}.faq-section{padding:48px 0}.faq-layout{grid-template-columns:1fr;gap:30px;padding-top:30px}.faq-layout h2{font-size:39px}.faq-layout>div>p{font-size:13px;margin-top:17px}.faq-layout .button{margin-top:17px}.faq-list summary{font-size:13px;gap:17px;padding:20px 0}.faq-list details>p{font-size:12px;padding-right:10px}}
@media(max-width:360px){.brand{width:210px}.hero h1{font-size:39px}.hero-promise{font-size:23px}.powered-brands{gap:15px}.powered-brands>span{font-size:10px}}
/* Más aire, equipo humano y una jerarquía centrada en los servicios. */
.header{background:rgba(255,255,255,.74);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);border-bottom-color:rgba(213,225,233,.65)}
.powered-row{padding-top:31px;padding-bottom:33px;gap:39px}.powered-label{font-size:12px}.powered-brands{gap:44px}.powered-brands>span{font-size:16px;gap:12px}.powered-brands img{width:34px;height:34px}.powered-human{font-size:11px}
.about{padding-top:78px;padding-bottom:78px}.about-grid{grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;padding-top:40px}.about .about-headline{font-size:clamp(40px,4vw,58px);line-height:1.15;letter-spacing:-.05em}.about-headline>span{display:block;white-space:nowrap}.about .about-headline em{color:var(--green)}.about-description{padding-top:0}.about-description p{font-size:20px;line-height:1.7}.about-description p+p{font-size:16px;margin-top:17px}.people-area{border-top:1px solid var(--line);margin-top:43px;padding-top:37px;display:grid;grid-template-columns:230px 1fr;gap:55px;align-items:center}.people-area .experience{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.people-area .experience>strong{font-size:92px}.people-area .experience>strong span{font-size:60px}.people-area .experience>span{font-size:13px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.team-member{text-align:center;min-width:0}.team-portrait{width:144px;height:144px;border-radius:50%;position:relative;overflow:hidden;background:#e5ecee;margin:0 auto 18px;border:1px solid #dce5e9;isolation:isolate}.team-portrait img{position:absolute;max-width:none;height:auto;display:block;filter:grayscale(1) contrast(1.04)}.portrait-executive img{width:190%;left:-45%;top:-14%}.portrait-guillermo img{width:125%;left:-12.5%;top:0}.portrait-diego img{width:190%;left:-45%;top:-7%}.team-member h3{font-size:14px;line-height:1.5;font-weight:800;letter-spacing:-.02em}.team-member p{font-size:11px;color:#536578;margin-top:4px;line-height:1.6}.service-web .service-layout{margin-top:0}.service .service-title{font-size:49px;line-height:1.15;letter-spacing:-.04em}.service-systems .service-copy .service-title{font-size:48px}.service-tagline{font-size:20px;line-height:1.55;letter-spacing:-.02em;margin-top:23px;font-weight:600;color:#c8d9e5}.light .service-tagline{color:#345469}.service .service-description{margin-top:17px}.service-title br{display:none}.service-title em:before{content:' '}
/* Una conexión continua enlaza los tres pasos; cada nodo mantiene su número. */
.steps-grid{border-top:0}.steps-grid>li{position:relative;padding-top:30px}.step-connection{position:absolute;top:0;left:0;width:calc(100% + 46px);height:12px;color:var(--mint);pointer-events:none}.step-connection:before{content:'';position:absolute;left:0;right:0;top:5px;height:1px;background:rgba(149,182,203,.35)}.step-connection:after{content:'';position:absolute;left:0;top:4px;width:55px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,currentColor);box-shadow:7px 0 13px -4px currentColor;animation:step-travel 4.8s linear infinite}.step-connection>i{position:absolute;left:0;top:0;width:11px;height:11px;border-radius:50%;background:var(--navy);border:2px solid currentColor;z-index:1;animation:step-node-pulse 4.8s ease-in-out infinite}.steps-grid>li:nth-child(2) .step-connection:after,.steps-grid>li:nth-child(2) .step-connection>i{animation-delay:1.6s}.steps-grid>li:nth-child(3) .step-connection>i{animation-delay:3.2s}.steps-grid>li:last-child .step-connection:before,.steps-grid>li:last-child .step-connection:after{display:none}.crm-steps .step-connection{color:#0a8b72}.crm-steps .step-connection>i{background:var(--light)}.crm-steps .step-connection:before{background:#b6cdd8}
@keyframes step-travel{from{left:0;opacity:0}10%{opacity:1}85%{opacity:1}to{left:calc(100% - 55px);opacity:0}}@keyframes step-node-pulse{0%,100%{box-shadow:0 0 0 0 transparent}35%{box-shadow:0 0 0 5px #2bd3ab18}}
@media(max-width:1150px) and (min-width:761px){.powered-row{gap:28px}.powered-brands{gap:30px}.powered-brands>span{font-size:14px}.powered-brands img{width:31px;height:31px}.people-area{grid-template-columns:160px 1fr;gap:35px}.team-grid{gap:18px}.team-portrait{width:124px;height:124px}.team-member h3{font-size:13px}.team-member p{font-size:10px}.service .service-title,.service-systems .service-copy .service-title{font-size:40px}.service-tagline{font-size:18px}.step-connection{width:calc(100% + 30px)}}
@media(max-width:1000px) and (min-width:761px){.about-grid{grid-template-columns:1fr;gap:28px}.about .about-headline{font-size:53px}.about-description{max-width:710px}.about-description p{font-size:19px}.about-description p+p{font-size:15px}.people-area{grid-template-columns:140px 1fr;gap:24px}.people-area .experience>strong{font-size:80px}.people-area .experience>span{font-size:11px}}
@media(max-width:760px){.header nav{background:rgba(255,255,255,.94);backdrop-filter:blur(18px)}.powered-row{padding-top:25px;padding-bottom:27px;gap:17px}.powered-label{font-size:11px}.powered-brands{gap:24px;row-gap:15px}.powered-brands>span{font-size:13px;gap:8px}.powered-brands img{width:29px;height:29px}.about{padding-top:45px;padding-bottom:48px}.about-grid{display:grid;grid-template-columns:1fr;gap:26px;padding-top:28px}.about .about-headline{font-size:34px;line-height:1.17}.about-headline>span{white-space:normal}.about-description p{font-size:17px}.about-description p+p{font-size:14px}.people-area{grid-template-columns:1fr;gap:27px;margin-top:30px;padding-top:28px}.people-area .experience{flex-direction:row;align-items:center;gap:23px}.people-area .experience>strong{font-size:73px}.people-area .experience>strong span{font-size:47px}.people-area .experience>span{font-size:12px}.team-grid{gap:13px}.team-portrait{width:94px;height:94px;margin-bottom:13px}.team-member h3{font-size:12px;line-height:1.4}.team-member p{font-size:10px;line-height:1.5}.service .service-title,.service-systems .service-copy .service-title{font-size:35px;line-height:1.17}.service-tagline{font-size:18px;margin-top:19px}.steps-grid>li{border-top:0;border-left:1px solid rgba(149,182,203,.35);padding:2px 0 29px 25px;margin-left:5px}.steps-grid>li:last-child{border-left-color:transparent;padding-bottom:0}.step-connection{left:-6px;top:0;bottom:0;width:11px;height:100%}.step-connection:before{display:none}.step-connection:after{left:4px;top:0;width:3px;height:38px;background:linear-gradient(180deg,transparent,currentColor);animation:step-travel-mobile 4.8s linear infinite}.step-connection>i{left:0;top:5px}.crm-steps>li{border-left-color:#b6cdd8}.crm-steps>li:last-child{border-left-color:transparent}.steps-grid .step-index{font-size:9px}.steps-grid h3{font-size:19px}.steps-grid p{font-size:12px}.steps-grid>li:last-child .step-connection{height:11px}.steps-grid>li:last-child .step-connection>i{top:5px}}
@keyframes step-travel-mobile{from{top:0;opacity:0}10%{opacity:1}85%{opacity:1}to{top:calc(100% - 38px);opacity:0}}
@media(max-width:360px){.powered-brands{gap:18px}.powered-brands>span{font-size:12px}.team-grid{gap:10px}.team-portrait{width:80px;height:80px}.team-member h3{font-size:11px}.team-member p{font-size:9px}.about .about-headline{font-size:31px}.service .service-title,.service-systems .service-copy .service-title{font-size:32px}}
@media(prefers-reduced-motion:reduce){.step-connection:after{display:none}.step-connection>i{animation:none!important}}
.service-title em:before{content:none}
.portrait-executive img{width:215%;left:-57.5%;top:-20%}
@media(max-width:760px){.powered-brands{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:14px}.powered-brands>span{flex-direction:column;gap:7px;font-size:12px;text-align:center}.powered-brands img{width:30px;height:30px}}
/* GIFs pequeños y referenciales en cada paso; versión estática para movimiento reducido. */
.step-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:73px;margin-top:-6px}.step-mini{display:block;width:120px;height:77px;flex-shrink:0}.step-mini img{display:block;width:100%;height:100%;object-fit:contain}.steps-grid .step-heading+h3{margin-top:9px}.contact-panel form>.mint{margin-top:9px}.contact-panel .form-note{margin-top:16px}
.whatsapp-float{position:fixed;right:25px;bottom:25px;z-index:90;width:59px;height:59px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#0a9b72;color:#fff;box-shadow:0 8px 28px #06765145;transition:transform .2s,background .2s,box-shadow .2s}.whatsapp-float>svg{width:33px;height:33px;stroke-width:1.7}.whatsapp-float:hover{background:#07815f;transform:translateY(-3px);box-shadow:0 10px 32px #06765155}.whatsapp-float-label{position:absolute;right:73px;white-space:nowrap;background:#fff;color:var(--navy);border:1px solid #dae5eb;box-shadow:0 5px 20px #071d3510;border-radius:7px;padding:10px 14px;font-size:12px;font-weight:600;opacity:0;pointer-events:none;transform:translateX(5px);transition:opacity .2s,transform .2s}.whatsapp-float:hover .whatsapp-float-label,.whatsapp-float:focus-visible .whatsapp-float-label{opacity:1;transform:translateX(0)}
@media(max-width:760px){.step-heading{min-height:62px;gap:12px;margin-top:0}.step-mini{width:94px;height:60px}.steps-grid .step-heading+h3{margin-top:5px}.whatsapp-float{right:18px;bottom:calc(18px + env(safe-area-inset-bottom));width:55px;height:55px}.whatsapp-float>svg{width:31px;height:31px}.whatsapp-float-label{display:none}}

/* Retratos con un tratamiento monocromático común y exposición ajustada por foto. */
.people-area{grid-template-columns:180px minmax(0,1fr);gap:40px}
.team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.team-portrait{width:136px;height:136px;background:#e5e7e8}
.portrait-executive img{filter:grayscale(1) brightness(1.2) contrast(.92)}
.portrait-guillermo img{filter:grayscale(1) brightness(1.06) contrast(.94)}
.portrait-diego img{filter:grayscale(1) brightness(1.16) contrast(.92)}
.portrait-andy img{width:125%;left:-12.5%;top:-1%;filter:grayscale(1) brightness(.98) contrast(.94)}
/* Cada animación acompaña a la izquierda el contenido completo de su paso. */
.steps-grid>li{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:17px;align-items:start}
.steps-grid .step-mini{width:88px;height:auto;aspect-ratio:200/128;margin-top:2px}
.step-copy{min-width:0}.steps-grid .step-copy h3{margin-top:12px}.steps-grid .step-copy h3 br{display:none}
@media(max-width:1150px) and (min-width:761px){.people-area{grid-template-columns:125px minmax(0,1fr);gap:28px}.team-grid{gap:14px}.team-portrait{width:112px;height:112px}.steps-grid>li{grid-template-columns:64px minmax(0,1fr);column-gap:12px}.steps-grid .step-mini{width:64px}.steps-grid .step-copy h3{font-size:17px}}
@media(max-width:900px) and (min-width:761px){.people-area{grid-template-columns:1fr;gap:28px}.people-area .experience{flex-direction:row;align-items:center;gap:23px}.team-portrait{width:124px;height:124px}}
@media(max-width:760px){.people-area{grid-template-columns:1fr;gap:27px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.team-portrait{width:124px;height:124px;margin-bottom:13px}.team-member h3{font-size:13px}.team-member p{font-size:11px}.steps-grid>li{grid-template-columns:78px minmax(0,1fr);column-gap:14px;padding-left:20px}.steps-grid .step-mini{width:78px;margin-top:0}.steps-grid .step-copy h3{margin-top:8px;font-size:19px}}
@media(max-width:360px){.team-portrait{width:110px;height:110px}.team-member h3{font-size:12px}.team-member p{font-size:10px}.steps-grid>li{grid-template-columns:62px minmax(0,1fr);column-gap:12px;padding-left:18px}.steps-grid .step-mini{width:62px}.steps-grid .step-copy h3{font-size:18px}}

/* Destello suave en las llamadas a la acción de los tres servicios. */
.service .service-copy>.button[data-contact]{animation:service-cta-blink 2.8s ease-in-out infinite}
@keyframes service-cta-blink{0%,100%{opacity:1;box-shadow:0 0 0 0 transparent}50%{opacity:.76;box-shadow:0 0 0 5px rgba(43,211,171,.14),0 0 24px rgba(43,211,171,.17)}}
.service .service-copy>.button[data-contact]:hover,.service .service-copy>.button[data-contact]:focus-visible{animation:none;opacity:1}
.footer-company{display:flex;align-items:center;flex-wrap:wrap;gap:0 4px}.footer-company a{font-weight:800;color:var(--navy);text-decoration:underline;text-underline-offset:3px}.footer-company a:hover{color:#087b65}.footer-ruc{margin-left:15px}
@media(max-width:760px){.footer-company{row-gap:7px}.footer-ruc{width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){.service .service-copy>.button[data-contact]{animation:none}}

/* Invitación compacta y directa en el formulario del hero. */
.contact-panel h2{font-size:clamp(20px,1.55vw,23px);line-height:1.3;letter-spacing:-.04em;text-wrap:balance}
.contact-panel>p{line-height:1.75;margin-top:13px}
@media(min-width:1200px){.contact-panel h2{white-space:nowrap}}
@media(max-width:760px){.contact-panel h2{font-size:25px;white-space:normal;text-wrap:balance}.contact-panel>p{font-size:13px}}
/* Más presencia en el título y subtítulo alineado con los campos. */
.contact-panel h2{font-size:clamp(22px,1.75vw,26px)}
.contact-panel>h2+p{max-width:none;width:100%;text-wrap:wrap}
@media(max-width:760px){.contact-panel h2{font-size:27px}}
.contact-panel h2{white-space:normal;text-wrap:balance;font-size:28px;line-height:1.25}
.testimonials{background:#f0f6f8;padding:65px 0 70px;overflow:hidden}
.testimonials-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin:32px 0}
.testimonials-heading h2{font-size:42px;line-height:1.2}.testimonials-heading h2 em{color:#078c73}
.testimonials-heading p{font-size:12px;color:#536578;margin-top:13px;line-height:1.7}
.testimonials-toggle{display:flex;align-items:center;gap:15px;border:1px solid #bacdd6;background:transparent;color:var(--navy);border-radius:30px;padding:10px 18px;font-size:12px;flex-shrink:0}.testimonials-toggle:hover{background:#fff}
.testimonials-window{overflow:hidden}.testimonials-track{display:flex;width:max-content;animation:testimonials-loop 65s linear infinite;will-change:transform}.testimonials-group{display:flex;gap:22px;padding-right:22px}
.testimonial-card{width:370px;min-height:314px;padding:26px 28px;background:#fff;border:1px solid #dce6eb;border-radius:12px;display:flex;flex-direction:column;position:relative}
.testimonial-topic{color:#087b65;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding-right:20px}
.testimonial-quote{font-size:56px;font-weight:800;line-height:1;color:#c0e8df;position:absolute;right:23px;top:18px}
.testimonial-card blockquote{margin:26px 0 25px;font-size:15px;line-height:1.85;letter-spacing:-.02em;color:#18364d}
.testimonial-client{display:flex;gap:12px;align-items:center;margin-top:auto;border-top:1px solid #e8eef1;padding-top:19px}.testimonial-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e9f4f1;color:#087b65;font-size:11px;font-weight:800;flex-shrink:0}
.testimonial-client h3{font-size:11px;font-weight:800;line-height:1.5}.testimonial-client p{font-size:10px;color:#536578;margin-top:3px;line-height:1.5}
.testimonials-window:hover .testimonials-track,.testimonials:focus-within .testimonials-track,.testimonials.is-paused .testimonials-track{animation-play-state:paused}
@keyframes testimonials-loop{to{transform:translateX(-50%)}}
@media(max-width:760px){.contact-panel h2{font-size:28px}.testimonials{padding:44px 0 48px}.testimonials-heading{align-items:flex-start;flex-direction:column;gap:19px;margin:25px 0}.testimonials-heading h2{font-size:32px}.testimonial-card{width:300px;min-height:330px;padding:24px}.testimonials-group{gap:16px;padding-right:16px}.testimonial-card blockquote{font-size:14px}.testimonials-track{animation-duration:75s}}
@media(prefers-reduced-motion:reduce){.testimonials-window{overflow-x:auto}.testimonials-track{animation:none;will-change:auto}.testimonials-clone{display:none}.testimonials-toggle{display:none}}

/* Tarjetas inspiradas en la lectura de reseñas, identificadas como ejemplos. */
.testimonial-card{border-radius:9px;border-color:#dadce0;box-shadow:0 1px 3px #2021240a;padding:24px;min-height:318px;font-family:Arial,sans-serif}
.testimonial-client{border:0;padding:0;margin:0 0 17px;gap:11px}.testimonial-avatar{width:40px;height:40px;background:#1a73e8;color:#fff;font-size:14px;font-weight:500}.testimonial-card:nth-child(3n+2) .testimonial-avatar{background:#0d8061}.testimonial-card:nth-child(3n) .testimonial-avatar{background:#a44629}
.testimonial-client h3{font-size:13px;color:#202124;line-height:1.4;font-weight:600}.testimonial-client p{font-size:12px;color:#70757a;margin-top:4px}
.review-rating{display:flex;align-items:center;gap:9px}.review-rating>span{font-size:20px;letter-spacing:1px;line-height:1;color:#fbbc04}.review-rating small{font-size:11px;color:#70757a}
.testimonial-card blockquote{font-size:14px;line-height:1.7;color:#3c4043;letter-spacing:0;margin:15px 0 22px}.testimonial-topic{margin-top:auto;color:#5f6368;letter-spacing:0;text-transform:none;font-size:11px;font-weight:400;border-top:1px solid #f1f3f4;padding-top:12px}
.ad-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:25px 0 27px;max-width:405px}.ad-platforms>span{display:flex;align-items:center;gap:10px;min-height:56px;border:1px solid #294459;border-radius:7px;padding:11px 13px;font-size:13px;color:#e2ecf3;font-weight:600}.ad-platforms img{display:block;object-fit:contain;flex-shrink:0}.ad-platforms>span:nth-child(3) img,.ad-platforms>span:nth-child(4) img{filter:brightness(0) invert(1)}
@media(max-width:360px){.ad-platforms{gap:8px}.ad-platforms>span{font-size:11px;padding:10px;gap:8px}}

.testimonial-avatar{overflow:hidden}.testimonial-avatar img{display:block;width:100%;height:100%;object-fit:cover}
/* Luz que recorre el perímetro del formulario sin cubrir su contenido. */
@property --contact-light-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.contact-panel{--contact-light-angle:0deg;isolation:isolate}
.contact-panel::before{content:'';position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--contact-light-angle),transparent 0deg,transparent 245deg,rgba(25,112,211,.3) 275deg,#20baca 304deg,#70ffe0 327deg,transparent 350deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;animation:contact-chasing-light 5s linear infinite}
@keyframes contact-chasing-light{to{--contact-light-angle:360deg}}
@media(prefers-reduced-motion:reduce){.contact-panel::before{animation:none;--contact-light-angle:35deg;opacity:.6}}
/* Borde más luminoso, con halo exterior y un recorrido más rápido. */
.contact-panel{box-shadow:0 16px 50px #071d3525,0 0 20px #2bd3ab20}
.contact-panel::before,.contact-panel::after{background:conic-gradient(from var(--contact-light-angle),rgba(43,211,171,.18) 0deg,rgba(43,211,171,.18) 195deg,#197be6 245deg,#22d9ca 285deg,#c4fff1 318deg,#2bd3ab 333deg,rgba(43,211,171,.18) 355deg);animation:contact-chasing-light 3.6s linear infinite}
.contact-panel::before{inset:-3px;padding:3px}
.contact-panel::after{content:'';position:absolute;inset:-4px;padding:4px;border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;filter:blur(5px);opacity:.85;pointer-events:none}
/* Los botones alternan su contorno con un destello turquesa visible. */
.service .service-copy>.button[data-contact]{--cta-rest-color:var(--navy);animation:service-cta-blink 2.4s ease-in-out infinite}
.service.dark .service-copy>.button[data-contact]{--cta-rest-color:var(--mint)}
@keyframes service-cta-blink{0%,100%{background:transparent;color:var(--cta-rest-color);border-color:var(--cta-rest-color);box-shadow:0 0 0 0 #2bd3ab00;opacity:1}45%,60%{background:#2bd3ab;color:#071d35;border-color:#72ffe0;box-shadow:0 0 0 4px #2bd3ab20,0 0 24px #2bd3ab55;opacity:1}}
.service .service-copy>.button[data-contact]:hover,.service .service-copy>.button[data-contact]:focus-visible{animation:none;background:#2bd3ab;color:#071d35;border-color:#2bd3ab}
@media(prefers-reduced-motion:reduce){.contact-panel::before,.contact-panel::after{animation:none;--contact-light-angle:35deg}.contact-panel::after{opacity:.4}.service .service-copy>.button[data-contact]{animation:none}}
/* Parpadeo consistente: fondo oscuro constante y pulso en el contorno. */
.service .service-copy>.button[data-contact]{background:#071d35;color:#6ff3d0;border-color:#2bd3ab;animation:service-cta-dark-blink 2.4s ease-in-out infinite}
@keyframes service-cta-dark-blink{0%,100%{border-color:#238c7c;box-shadow:0 0 0 0 #2bd3ab00,0 0 5px #2bd3ab0d}45%,60%{border-color:#6ff3d0;box-shadow:0 0 0 3px #2bd3ab16,0 0 20px #2bd3ab45}}
.service .service-copy>.button[data-contact]:hover,.service .service-copy>.button[data-contact]:focus-visible{animation:none;background:#071d35;color:#a3ffe6;border-color:#6ff3d0;box-shadow:0 0 18px #2bd3ab38}
@media(prefers-reduced-motion:reduce){.service .service-copy>.button[data-contact]{animation:none}}
