@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(assets/plus-jakarta-sans-400.woff2)format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(assets/plus-jakarta-sans-500.woff2)format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(assets/plus-jakarta-sans-600.woff2)format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:650;font-display:swap;src:url(assets/plus-jakarta-sans-650.woff2)format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(assets/plus-jakarta-sans-700.woff2)format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:750;font-display:swap;src:url(assets/plus-jakarta-sans-750.woff2)format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(assets/plus-jakarta-sans-800.woff2)format("woff2")}:where(html[data-page=como-trabajamos]){--background:#fff;--foreground:#0c1b3b;--navy:#071431;--primary:#0056cf;--primary-bright:#1874ed;--primary-foreground:#fff;--on-dark:#ccd9e9;--gold:#f5b500;--gold-hover:#fbca4b;--secondary:#ebf2fd;--muted:var(--secondary);--muted-foreground:#53617a;--accent:var(--secondary);--border:#c4d2e7;--ring:var(--gold);--destructive:#cc272e;--heading-gradient:linear-gradient(110deg, var(--primary), var(--primary-bright));--rule:#90b0de;--footer-rule:#3b4860;--radius:4px}@supports (color:lab(0% 0 0)){:where(html[data-page=como-trabajamos]){--background:lab(100% 0 0);--foreground:lab(10.079% 3.71198 -22.9732);--navy:lab(6.699% 3.51656 -21.0419);--primary:lab(38.5535% 17.6043 -69.6899);--primary-bright:lab(49.4224% 10.5454 -69.3574);--primary-foreground:lab(100% 0 0);--on-dark:lab(86.0192% -1.9519 -9.4555);--gold:lab(78.0606% 15.2476 80.2303);--gold-hover:lab(84.0472% 9.03243 67.2006);--secondary:lab(95.3145% -.98598 -5.92141);--muted-foreground:lab(40.5995% -.401393 -16.441);--border:lab(83.6542% -1.8149 -12.1045);--destructive:lab(45.7636% 63.3818 40.1799);--rule:lab(70.6976% -3.08642 -26.8598);--footer-rule:lab(30.1421% -.0976622 -16.3492)}}:where(html[data-page=como-trabajamos]) *{box-sizing:border-box;border-color:var(--border);letter-spacing:0}:where(html[data-page=como-trabajamos]){scroll-behavior:smooth}:where(html[data-page=como-trabajamos]) body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;margin:0;font-family:Plus Jakarta Sans,sans-serif}:where(html[data-page=como-trabajamos]) a{color:inherit;text-decoration:none}:where(html[data-page=como-trabajamos]) button{font:inherit}:where(html[data-page=como-trabajamos]) h1,:where(html[data-page=como-trabajamos]) h2,:where(html[data-page=como-trabajamos]) h3,:where(html[data-page=como-trabajamos]) p{margin:0}:where(html[data-page=como-trabajamos]) a:focus-visible,:where(html[data-page=como-trabajamos]) button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}:where(html[data-page=como-trabajamos]) .site-container{width:min(1180px,100% - 96px);margin-inline:auto}:where(html[data-page=como-trabajamos]) .site-header{background:var(--navy);color:var(--primary-foreground)}:where(html[data-page=como-trabajamos]) .header-inner{align-items:center;gap:30px;min-height:94px;display:flex}:where(html[data-page=como-trabajamos]) .brand{flex-shrink:0}:where(html[data-page=como-trabajamos]) .brand img{width:178px;height:auto;display:block}:where(html[data-page=como-trabajamos]) .desktop-nav{align-self:stretch;align-items:center;gap:26px;margin-left:auto;display:flex}:where(html[data-page=como-trabajamos]) .desktop-nav a{white-space:nowrap;color:var(--on-dark);align-items:center;font-size:12px;font-weight:500;display:flex;position:relative}:where(html[data-page=como-trabajamos]) .desktop-nav a[aria-current=page]{color:var(--primary-foreground)}:where(html[data-page=como-trabajamos]) .desktop-nav a[aria-current=page]:after{content:"";background:var(--gold);height:3px;position:absolute;bottom:0;left:0;right:0}:where(html[data-page=como-trabajamos]) .desktop-nav a:hover,:where(html[data-page=como-trabajamos]) .footer-grid a:hover{color:var(--gold)}:where(html[data-page=como-trabajamos]) .site-cta{background:var(--gold);color:var(--navy);cursor:pointer;white-space:nowrap;border:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:14px;min-height:48px;padding:0 24px;font-size:12px;font-weight:750;transition:background .2s,transform .2s;display:inline-flex}:where(html[data-page=como-trabajamos]) .site-cta:hover{background:var(--gold-hover);transform:translateY(-1px)}:where(html[data-page=como-trabajamos]) .site-cta svg{width:16px;height:16px}:where(html[data-page=como-trabajamos]) .header-cta{min-height:42px;padding:0 18px;font-size:11px}:where(html[data-page=como-trabajamos]) .menu-toggle,:where(html[data-page=como-trabajamos]) .mobile-nav{display:none}:where(html[data-page=como-trabajamos]) .skip-link{z-index:50;background:var(--gold);color:var(--navy);padding:14px;position:fixed;top:-100px;left:20px}:where(html[data-page=como-trabajamos]) .skip-link:focus{top:12px}:where(html[data-page=como-trabajamos]) .page-heading{background:var(--heading-gradient);color:var(--primary-foreground);padding:28px 0 54px}:where(html[data-page=como-trabajamos]) .breadcrumb{color:var(--on-dark);gap:13px;margin-bottom:34px;font-size:11px;display:flex}:where(html[data-page=como-trabajamos]) .breadcrumb a:hover{text-decoration:underline}:where(html[data-page=como-trabajamos]) .eyebrow{color:var(--primary);letter-spacing:1.3px;align-items:center;gap:10px;font-size:10px;font-weight:800;line-height:1.5;display:flex}:where(html[data-page=como-trabajamos]) .eyebrow:before{content:"";background:var(--gold);flex-shrink:0;width:24px;height:3px}:where(html[data-page=como-trabajamos]) .light-eyebrow{color:var(--primary-foreground)}:where(html[data-page=como-trabajamos]) h1{max-width:880px;margin:16px 0 20px;font-size:46px;font-weight:750;line-height:1.17}:where(html[data-page=como-trabajamos]) .heading-description{max-width:640px;font-size:15px;line-height:1.8}:where(html[data-page=como-trabajamos]) .process-section{padding:54px 0 62px}:where(html[data-page=como-trabajamos]) .section-intro h2{margin-top:12px;font-size:27px;font-weight:750;line-height:1.3}:where(html[data-page=como-trabajamos]) .steps-grid{grid-template-columns:repeat(3,1fr);gap:48px;margin-top:37px;display:grid}:where(html[data-page=como-trabajamos]) .process-step{border-top:1px solid var(--rule);padding-top:20px}:where(html[data-page=como-trabajamos]) .step-number{color:var(--primary);font-size:40px;font-weight:650;line-height:1.2}:where(html[data-page=como-trabajamos]) .process-step h3{margin:15px 0 12px;font-size:20px;font-weight:750}:where(html[data-page=como-trabajamos]) .process-step p,:where(html[data-page=como-trabajamos]) .stage p{color:var(--muted-foreground);font-size:13px;line-height:1.85}:where(html[data-page=como-trabajamos]) .stages-section{background:var(--secondary);padding:50px 0 55px}:where(html[data-page=como-trabajamos]) .stage-intro{justify-content:space-between;align-items:end;gap:24px;display:flex}:where(html[data-page=como-trabajamos]) .stage-intro>p{color:var(--muted-foreground);font-size:12px;line-height:1.8}:where(html[data-page=como-trabajamos]) .stages-grid{grid-template-columns:repeat(3,1fr);gap:30px 48px;margin-top:36px;display:grid}:where(html[data-page=como-trabajamos]) .stage{border-top:1px solid var(--border);padding-top:20px}:where(html[data-page=como-trabajamos]) .stage-top{color:var(--primary);justify-content:space-between;align-items:center;display:flex}:where(html[data-page=como-trabajamos]) .stage-top span{color:var(--muted-foreground);font-size:11px;font-weight:600}:where(html[data-page=como-trabajamos]) .stage h3{margin:16px 0 8px;font-size:16px;font-weight:750;line-height:1.5}:where(html[data-page=como-trabajamos]) .conversation-band{background:var(--heading-gradient);color:var(--primary-foreground)}:where(html[data-page=como-trabajamos]) .conversation-inner{justify-content:space-between;align-items:center;gap:32px;min-height:130px;padding-block:28px;display:flex}:where(html[data-page=como-trabajamos]) .conversation-inner h2{font-size:25px;font-weight:750;line-height:1.4}:where(html[data-page=como-trabajamos]) .conversation-inner p{margin-top:8px;font-size:12px;line-height:1.7}:where(html[data-page=como-trabajamos]) .site-footer{background:var(--navy);color:var(--on-dark);padding:42px 0 0}:where(html[data-page=como-trabajamos]) .footer-grid{grid-template-columns:1.4fr 1fr .9fr 1.5fr;gap:48px;padding-bottom:35px;display:grid}:where(html[data-page=como-trabajamos]) .footer-brand img{width:166px;height:auto;display:block}:where(html[data-page=como-trabajamos]) .footer-brand p{margin-top:14px;font-size:11px;line-height:1.8}:where(html[data-page=como-trabajamos]) .footer-grid h2{color:var(--primary-foreground);margin:9px 0 19px;font-size:12px;font-weight:700}:where(html[data-page=como-trabajamos]) .footer-grid>div>a{margin:7px 0;font-size:11px;line-height:1.8;display:block}:where(html[data-page=como-trabajamos]) .footer-contact>a{align-items:center;gap:9px;display:flex!important}:where(html[data-page=como-trabajamos]) .footer-contact svg{flex-shrink:0;width:13px;height:13px}:where(html[data-page=como-trabajamos]) .footer-bottom{border-top:1px solid var(--footer-rule);justify-content:space-between;gap:20px;padding:22px 0;font-size:9px;line-height:1.8;display:flex}:where(html[data-page=como-trabajamos]) .other-section{min-height:290px;padding:65px 0}:where(html[data-page=como-trabajamos]) .other-section h2{margin-block:15px;font-size:25px}:where(html[data-page=como-trabajamos]) .text-link{color:var(--primary);align-items:center;gap:10px;margin-top:20px;font-size:14px;display:inline-flex}:where(html[data-page=como-trabajamos]) .text-link svg{width:16px}:where(html[data-page=como-trabajamos]) .product-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}:where(html[data-page=como-trabajamos]) .product{border:1px solid var(--border);border-radius:4px;padding:25px}:where(html[data-page=como-trabajamos]) .product h2{justify-content:space-between;display:flex}:where(html[data-page=como-trabajamos]) .product p{color:var(--muted-foreground);font-size:13px;line-height:1.8}:where(html[data-page=como-trabajamos]) .contact-list{flex-direction:column;gap:25px;display:flex}:where(html[data-page=como-trabajamos]) .contact-list a{align-items:center;gap:15px;display:flex}@media (max-width:1100px){:where(html[data-page=como-trabajamos]) .site-container{width:calc(100% - 64px)}:where(html[data-page=como-trabajamos]) .desktop-nav{gap:16px}:where(html[data-page=como-trabajamos]) .header-inner{gap:20px}:where(html[data-page=como-trabajamos]) .brand img{width:150px}:where(html[data-page=como-trabajamos]) .desktop-nav a{font-size:11px}:where(html[data-page=como-trabajamos]) .header-cta{padding:0 12px}:where(html[data-page=como-trabajamos]) .footer-grid{gap:28px}}@media (max-width:900px){:where(html[data-page=como-trabajamos]) .desktop-nav,:where(html[data-page=como-trabajamos]) .header-cta{display:none}:where(html[data-page=como-trabajamos]) .header-inner{justify-content:space-between;min-height:80px}:where(html[data-page=como-trabajamos]) .menu-toggle{color:var(--primary-foreground);border:1px solid var(--footer-rule);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}:where(html[data-page=como-trabajamos]) .mobile-nav.is-open{flex-direction:column;padding:5px 32px 25px;display:flex}:where(html[data-page=como-trabajamos]) .mobile-nav a{padding:14px 0;font-size:14px}:where(html[data-page=como-trabajamos]) .mobile-nav a[aria-current=page]{color:var(--gold)}:where(html[data-page=como-trabajamos]) .steps-grid,:where(html[data-page=como-trabajamos]) .stages-grid{gap:30px}:where(html[data-page=como-trabajamos]) .footer-grid{grid-template-columns:repeat(2,1fr);row-gap:25px}:where(html[data-page=como-trabajamos]) .conversation-inner h2{font-size:22px}}@media (max-width:600px){:where(html[data-page=como-trabajamos]) .site-container{width:calc(100% - 40px)}:where(html[data-page=como-trabajamos]) .page-heading{padding:23px 0 38px}:where(html[data-page=como-trabajamos]) .breadcrumb{margin-bottom:28px}:where(html[data-page=como-trabajamos]) h1{margin-top:17px;font-size:32px;line-height:1.2}:where(html[data-page=como-trabajamos]) .heading-description{font-size:13px}:where(html[data-page=como-trabajamos]) .eyebrow{letter-spacing:.9px;font-size:9px}:where(html[data-page=como-trabajamos]) .process-section,:where(html[data-page=como-trabajamos]) .stages-section{padding:38px 0}:where(html[data-page=como-trabajamos]) .section-intro h2{font-size:24px}:where(html[data-page=como-trabajamos]) .steps-grid{grid-template-columns:1fr;gap:27px;margin-top:29px}:where(html[data-page=como-trabajamos]) .step-number{font-size:34px}:where(html[data-page=como-trabajamos]) .process-step h3{margin-top:10px}:where(html[data-page=como-trabajamos]) .stages-grid{grid-template-columns:1fr;gap:25px}:where(html[data-page=como-trabajamos]) .stage-intro{display:block}:where(html[data-page=como-trabajamos]) .stage-intro>p{margin-top:16px}:where(html[data-page=como-trabajamos]) .stage-intro>p br{display:none}:where(html[data-page=como-trabajamos]) .conversation-inner{flex-direction:column;align-items:flex-start;gap:22px;padding-block:30px}:where(html[data-page=como-trabajamos]) .conversation-inner h2{font-size:23px}:where(html[data-page=como-trabajamos]) .footer-grid{gap:22px}:where(html[data-page=como-trabajamos]) .footer-brand,:where(html[data-page=como-trabajamos]) .footer-contact{grid-column:1/-1}:where(html[data-page=como-trabajamos]) .footer-bottom{flex-direction:column;gap:8px}:where(html[data-page=como-trabajamos]) .product-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){:where(html[data-page=como-trabajamos]){scroll-behavior:auto}:where(html[data-page=como-trabajamos]) .site-cta{transition:none}:where(html[data-page=como-trabajamos]) .site-cta:hover{transform:none}}
