@font-face{font-family:Fraunces;src:url(/fonts/fraunces.woff2) format("woff2");font-weight:500 700;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/plus-jakarta-sans.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{--bg: #080910;--bg-soft: #10131c;--bg-panel: #151924;--navy: #000123;--accent: #ff0f7b;--accent-hover: #ff3d92;--text: #f4f1ea;--muted: #b4b0c0;--line: rgba(244, 241, 234, .12);--ink: #140018;--error: #ffb3cf;--success: #9ed9bf;--font: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--display: "Fraunces", "Iowan Old Style", Georgia, serif;--header-h: 4.35rem;--max: 72rem;--gutter: clamp(1.1rem, 4vw, 2.35rem);--radius: 1.15rem;--shadow: 0 22px 50px rgba(0, 0, 18, .38);--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + .75rem);color-scheme:dark;overflow-x:clip}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.55;letter-spacing:-.011em;overflow-wrap:break-word;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}img{height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}h1,h2,h3,p,ul,ol,blockquote,figure{margin:0}ul,ol{list-style:none;padding:0}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--gutter);top:-4rem;z-index:80;padding:.7rem 1rem;background:var(--text);color:var(--ink);font-weight:700;border-radius:999px}.skip-link:focus{top:.75rem}.site-header{position:sticky;top:0;z-index:40;height:var(--header-h);background:color-mix(in srgb,var(--bg) 92%,transparent);border-bottom:1px solid transparent;transition:border-color .2s var(--ease),background .2s var(--ease)}@media(min-width:960px){.site-header{background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}.site-header.is-scrolled{border-bottom-color:var(--line);background:color-mix(in srgb,var(--bg) 94%,transparent)}.header-inner,.hero,.promise,.services,.process,.capabilities,.experience,.principles,.clients,.contact,.footer-inner{width:min(var(--max),100%);margin-inline:auto;padding-inline:var(--gutter)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.brand{display:inline-flex;align-items:center;gap:.65rem;min-width:0}.brand-mark{width:2rem;height:2rem;color:var(--text);flex:none}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-name{font-family:var(--display);font-size:1.02rem;font-weight:600;letter-spacing:-.03em}.brand-suffix{margin-top:.16rem;color:var(--accent);font-size:.66rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.nav{display:none;align-items:center;gap:1.35rem}.nav-list{display:flex;gap:1.15rem}.nav-list a{font-size:.9rem;font-weight:500;color:var(--muted)}.nav-list a:hover{color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.85rem;padding:.7rem 1.15rem;border-radius:999px;font-size:.9rem;font-weight:700;letter-spacing:-.01em;border:1px solid transparent;transition:transform .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease)}.btn:hover{transform:translateY(-1px)}.btn:disabled{cursor:wait;opacity:.72;transform:none}.btn-primary{background:var(--accent);color:var(--ink)}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{border-color:var(--line);background:transparent;color:var(--text)}.btn-ghost:hover{border-color:color-mix(in srgb,var(--text) 40%,transparent)}.header-actions{display:flex;align-items:center;gap:.4rem;flex:none;margin-left:auto}.header-whatsapp{min-height:2.6rem;min-width:2.6rem;padding-inline:.8rem;font-size:.84rem}.whatsapp-icon{width:1.05rem;height:1.05rem;flex:none}@media(max-width:520px){.header-whatsapp{width:2.7rem;padding:0}.header-whatsapp-text{display:none}.brand-name{font-size:.94rem}.brand-suffix{letter-spacing:.12em}}.menu-toggle{width:2.7rem;height:2.7rem;display:grid;place-items:center;flex:none;border-radius:999px;border:1px solid color-mix(in srgb,var(--text) 28%,transparent);background:color-mix(in srgb,var(--text) 5%,transparent)}.menu-bars,.menu-bars:before,.menu-bars:after{display:block;width:1rem;height:1.5px;background:var(--text);position:relative;transition:transform .18s var(--ease),opacity .18s var(--ease)}.menu-bars:before,.menu-bars:after{content:"";position:absolute;left:0}.menu-bars:before{top:-5px}.menu-bars:after{top:5px}.menu-toggle[aria-expanded=true] .menu-bars{background:transparent}.menu-toggle[aria-expanded=true] .menu-bars:before{top:0;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-bars:after{top:0;transform:rotate(-45deg)}.nav-drawer{position:sticky;top:var(--header-h);z-index:35;padding:.35rem var(--gutter) 1.15rem;background:color-mix(in srgb,var(--bg) 96%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-drawer[hidden]{display:none}.nav-drawer ul{display:grid;gap:.2rem;margin-bottom:1rem}.nav-drawer a:not(.btn){display:block;padding:.78rem 0;font-size:1.12rem;font-weight:600}.nav-drawer .btn{width:100%}.drawer-whatsapp{margin-top:.55rem}body.is-menu-open{overflow:hidden}.eyebrow{color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.035em;line-height:1.08}h1{margin-top:.7rem;font-size:clamp(2.05rem,7.4vw,4.45rem);max-width:13ch}h2{font-size:clamp(1.85rem,4.6vw,3.1rem);max-width:18ch}h3{font-size:1.28rem}.section-head{display:grid;gap:.7rem;margin-bottom:clamp(1.6rem,4vw,2.6rem)}.section-lead,.lede,.promise-intro p,.service-card p,.contact-copy>p,.step p,.project-card p,.principle-list p{color:var(--muted);font-size:1.02rem;max-width:min(40rem,100%)}.hero{display:grid;gap:1.8rem;padding-block:clamp(1.6rem,5vw,3.8rem) 2.8rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;right:-10%;top:-18%;width:min(28rem,78vw);height:min(28rem,78vw);background:radial-gradient(circle,rgba(255,15,123,.14),transparent 68%);pointer-events:none;z-index:-1}.hero-copy{min-width:0}.lede{margin-top:1.05rem}.hero-actions,.form-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.45rem}.hero-visual{display:grid;gap:.8rem;min-width:0}.hero-frame{position:relative;overflow:hidden;border-radius:calc(var(--radius) + .2rem);max-height:16.75rem;box-shadow:var(--shadow)}.hero-frame img{width:100%;height:16.75rem;object-fit:cover;object-position:50% 42%;filter:saturate(.9) contrast(1.04)}.hero-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 46%,rgba(8,9,16,.86)),linear-gradient(90deg,rgba(255,15,123,.08),transparent 50%);pointer-events:none}.hero-frame figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:1;color:var(--text);font-size:.9rem;font-weight:600}.hero-panel{display:none;padding:.95rem 1rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft)}.hero-diagram{width:100%;height:auto;color:var(--muted)}.hero-diagram line{stroke:color-mix(in srgb,var(--accent) 42%,transparent);stroke-width:1.1}.hero-diagram .node rect{fill:var(--bg-panel);stroke:var(--line);stroke-width:1}.hero-diagram .node-core rect{fill:var(--accent);stroke:none}.hero-diagram text{fill:var(--text);font-size:9px;font-family:var(--font);font-weight:700}.hero-diagram .node-core text{fill:var(--ink)}.hero-panel p{margin-top:.55rem;color:var(--muted);font-size:.88rem}.promise,.services,.process,.capabilities,.experience,.principles,.clients,.contact{padding-block:clamp(2.8rem,7vw,5.2rem);scroll-margin-top:calc(var(--header-h) + .75rem)}.promise{display:grid;gap:1.6rem;border-block:1px solid var(--line)}.promise-list{display:grid;gap:.15rem}.promise-list li{display:flex;align-items:baseline;gap:1rem;padding:.95rem 0;border-top:1px solid var(--line);font-size:1.12rem;font-weight:600}.help-index,.service-index,.step-num,.project-kicker{color:var(--accent);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.bento,.cap-grid,.project-grid,.quotes{display:grid;gap:.9rem}.service-card,.cap-card,.project-card,.quote-card,.step,.principle-list li{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft)}.service-card{display:grid;gap:.75rem;padding:1.25rem 1.15rem 1.3rem;transition:border-color .18s var(--ease),transform .18s var(--ease)}.service-card:hover,.project-card:hover,.principle-list li:hover,.cap-card:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--line))}.service-featured{background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 46%),var(--bg-soft);align-content:start}.service-icon{width:2.5rem;height:2.5rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:.8rem;color:var(--accent)}.service-icon svg{width:1.35rem;height:1.35rem}.service-card h3,.step h3,.project-card h3,.principle-list h3,.cap-card h3{max-width:16ch}.service-card .service-result{color:var(--text);font-size:.95rem;font-weight:600}.service-hardware{padding:0;overflow:hidden}.service-media{aspect-ratio:16 / 9;overflow:hidden;background:var(--navy)}.service-media img{width:100%;height:100%;object-fit:cover}.service-body{display:grid;gap:.75rem;padding:1.2rem 1.15rem 1.3rem}.text-link{display:inline-flex;align-items:center;gap:.4rem;width:fit-content;margin-top:.2rem;color:var(--text);font-weight:700;border-bottom:1px solid var(--accent);padding-bottom:.12rem}.text-link svg{width:1rem;height:1rem}.text-link:hover{color:var(--accent)}.steps{display:grid;gap:.8rem;counter-reset:none}.step{padding:1.2rem 1.15rem 1.25rem;display:grid;gap:.55rem}.cap-card{padding:1.15rem 1.1rem 1.2rem;display:grid;gap:.45rem}.cap-card p{color:var(--muted);font-size:.95rem}.project-card{display:grid;gap:.7rem;padding:1.25rem 1.15rem 1.3rem}.principle-list{display:grid;gap:.8rem}.principle-list li{padding:1.2rem 1.15rem 1.25rem;display:grid;gap:.55rem}.quote-card{padding:1.3rem 1.2rem 1.25rem;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 48%),var(--bg-soft)}.quote-label{margin-bottom:.8rem}blockquote p{font-family:var(--display);font-size:1.22rem;line-height:1.35}blockquote footer{margin-top:.95rem;color:var(--muted);font-size:.92rem;font-weight:600}.contact{display:grid;gap:1.8rem;padding-bottom:4.2rem}.contact-details{display:grid;gap:.95rem;margin-top:1.45rem}.contact-details li{display:grid;gap:.18rem;padding-bottom:.9rem;border-bottom:1px solid var(--line)}.contact-details span{color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.contact-details a,.contact-details strong{font-size:1.02rem;font-weight:600;overflow-wrap:anywhere}.contact-details a{width:fit-content;border-bottom:1px solid transparent}.contact-details a:hover{border-bottom-color:var(--accent)}.contact-form{display:grid;gap:.9rem;padding:1.2rem;border:1px solid var(--line);border-radius:calc(var(--radius) + .1rem);background:var(--bg-soft)}.field,.field-row{display:grid;gap:.38rem}label{font-size:.88rem;font-weight:600}input,select,textarea{width:100%;min-height:2.9rem;padding:.7rem .85rem;border:1px solid var(--line);border-radius:.8rem;background:color-mix(in srgb,var(--bg) 78%,white 4%);color:var(--text);transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}select option{background:#151924;color:#f4f1ea}textarea{min-height:8.4rem;resize:vertical}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--text) 28%,transparent)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 26%,transparent)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--error)}.form-note,.form-error,.form-success,.field-error{font-size:.86rem}.form-note{color:var(--muted)}.form-error,.field-error{color:var(--error)}.form-success{padding:.75rem .85rem;border-radius:.75rem;background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.form-actions .btn{flex:1 1 12rem}.site-footer{border-top:1px solid var(--line);padding-block:2rem 2.4rem}.footer-inner{display:grid;gap:1.1rem}.footer-brand p,.footer-meta,.footer-nav a,.footer-contact a{color:var(--muted);font-size:.92rem}.footer-nav,.footer-contact{display:flex;flex-wrap:wrap;gap:.75rem 1.1rem}.footer-nav a:hover,.footer-contact a:hover{color:var(--text)}[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .56s var(--ease),transform .56s var(--ease)}[data-reveal].is-visible{opacity:1;transform:none}@media(min-width:640px){.hero-panel{display:block}.hero-frame,.hero-frame img{max-height:22rem;height:22rem}.field-row{grid-template-columns:1fr 1fr;gap:.8rem}.cap-grid,.project-grid,.quotes{grid-template-columns:1fr 1fr}.quotes li:last-child{grid-column:1 / -1}.principle-list{grid-template-columns:1fr 1fr}}@media(min-width:768px){.hero-frame,.hero-frame img{max-height:26rem;height:26rem}.bento{grid-template-columns:1fr 1fr}.service-featured,.service-hardware{grid-column:1 / -1}.steps{grid-template-columns:1fr 1fr}.steps .step:last-child{grid-column:1 / -1}}@media(min-width:960px){.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:2.3rem;min-height:0;padding-block:2.2rem 3.2rem}.hero-frame,.hero-frame img{max-height:28rem;height:28rem}.promise{grid-template-columns:.95fr 1.05fr;align-items:end}.bento{grid-template-columns:1.2fr 1fr 1fr;grid-template-areas:"dev consult infra" "dev automate hardware"}.service-featured{grid-area:dev}#consultoria{grid-area:consult}#infraestructura{grid-area:infra}#automatizacion{grid-area:automate}.service-hardware{grid-area:hardware}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.steps .step:last-child{grid-column:auto}.step h3{font-size:1.12rem}.cap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.step p,.cap-card p{font-size:.92rem}.quotes{grid-template-columns:repeat(3,1fr)}.quotes li:last-child{grid-column:auto}.contact{grid-template-columns:.92fr 1.08fr;align-items:start;gap:2.8rem}.footer-inner{grid-template-columns:1.4fr 1fr 1fr;column-gap:2rem}.footer-meta{grid-column:1 / -1}}@media(min-width:1024px){.menu-toggle,.nav-drawer,.header-actions{display:none}.nav{display:flex}.header-inner{gap:1.25rem}.nav-list{gap:.85rem}.nav-list a{font-size:.86rem}.nav-cta{padding-inline:.95rem;font-size:.84rem;min-height:2.65rem}}@media(min-width:1120px){.hero-copy{padding-bottom:1.2rem}.nav-list{gap:1.15rem}.nav-list a{font-size:.9rem}.nav-cta{padding-inline:1.15rem;font-size:.9rem;min-height:2.85rem}.service-card:not(.service-hardware){padding:1.4rem 1.3rem 1.45rem}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cap-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.cap-card h3{font-size:1.08rem}}@media(min-width:1280px){.steps{grid-template-columns:repeat(5,minmax(0,1fr))}.step h3{font-size:1.16rem}}@media(max-width:480px){h1{font-size:clamp(1.85rem,9vw,2.35rem)}.hero-actions .btn,.form-actions .btn,.nav-drawer .btn{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}.btn:hover{transform:none}}