:root{--bg-dark: #0a1020;--bg-card: #141c2e;--bg-elevated: #1c273b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent: #3b82f6;--accent-hover: #2563eb;--accent-soft: rgba(59, 130, 246, .15);--border: rgba(148, 163, 184, .16);--whatsapp: #25d366;--whatsapp-hover: #1ebe5d;--danger: #f87171;--accent-ink: #93c5fd;--header-bg: rgba(8, 12, 24, .88);--footer-bg: #070c16;--menu-bg: #070c16;--cta-bg: #10182c;--cta-border: rgba(59, 130, 246, .35);--outline-border: rgba(148, 163, 184, .45);--font-heading: "Manrope", sans-serif;--font-body: "Manrope", sans-serif;--radius: 12px;--radius-lg: 20px;--header-height: 84px;--shadow: 0 18px 40px -24px rgba(0, 0, 0, .65);--ease: cubic-bezier(.33, 1, .68, 1);color-scheme:dark}html[data-theme=light]{--bg-dark: #f4f7fb;--bg-card: #ffffff;--bg-elevated: #e7eef8;--text-primary: #0e1526;--text-secondary: #3a4860;--accent: #1d4ed8;--accent-hover: #1e40af;--accent-soft: rgba(29, 78, 216, .1);--accent-ink: #1d4ed8;--border: rgba(15, 23, 42, .14);--danger: #b42318;--shadow: 0 16px 36px -28px rgba(15, 23, 42, .5);--header-bg: rgba(255, 255, 255, .94);--footer-bg: #eef3f9;--menu-bg: #f8fafc;--cta-bg: #ffffff;--cta-border: rgba(29, 78, 216, .28);--outline-border: rgba(15, 23, 42, .28);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 12px);overflow-x:clip}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--text-primary);background:var(--bg-dark);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600;line-height:1.15;margin:0}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:#3b82f659}.skip-link{position:absolute;left:1rem;top:0;z-index:200;transform:translateY(-120%);background:var(--accent);color:#fff;padding:.75rem 1rem;border-radius:var(--radius)}.skip-link:focus{transform:translateY(.75rem)}.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}.container{width:min(1120px,100%);margin-inline:auto;padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right))}.section{padding:5.5rem 0}.section-alt{background:var(--bg-card);border-block:1px solid var(--border)}.eyebrow{margin:0 0 .75rem;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.section-heading{max-width:680px;margin-bottom:2.5rem}.section-heading h2,.cta-copy h2{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:.75rem}.section-lead{color:var(--text-secondary);font-size:1.05rem}.section-heading.is-center{margin-inline:auto;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.35rem;border-radius:var(--radius);border:2px solid transparent;font-weight:600;line-height:1.2;text-align:center;transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--outline-border)}.btn-outline:hover{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}.btn-whatsapp{background:var(--whatsapp);color:#052e16}.btn-whatsapp:hover{background:var(--whatsapp-hover);color:#052e16}.btn-sm{min-height:44px;padding:.55rem 1rem;font-size:.95rem}.grid-services{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.grid-reasons,.grid-process{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.grid-process{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none}.grid-projects,.contact-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:1.5rem;align-items:start}.about-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:2.5rem;align-items:center}@media(max-width:1020px){.grid-services,.grid-process{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){:root{--header-height: 72px}.section{padding:3.75rem 0}.about-layout,.about-principles,.grid-reasons,.grid-projects,.contact-layout{grid-template-columns:1fr}}@media(max-width:640px){.grid-services,.grid-process{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.header{position:fixed;inset:0 0 auto;z-index:100;height:var(--header-height);display:flex;align-items:center;justify-content:center;background:var(--header-bg);border-bottom:1px solid transparent;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header.is-scrolled{border-bottom-color:var(--border);box-shadow:0 10px 30px -24px #000c}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{display:flex;align-items:center;flex:0 0 auto}.logo img{height:52px;width:auto}.nav{display:flex;align-items:center;gap:.25rem}.nav a,.mobile-nav a{padding:.55rem .75rem;border-radius:999px;color:var(--text-secondary);font-weight:500}.nav a:hover,.nav a[aria-current=true],.mobile-nav a:hover,.mobile-nav a[aria-current=true]{color:var(--text-primary);background:var(--accent-soft)}.menu-toggle,.theme-toggle{display:none;width:48px;height:48px;border:1px solid var(--border);border-radius:12px;background:transparent;color:var(--text-primary);align-items:center;justify-content:center}.theme-toggle{display:inline-flex;width:42px;height:42px;flex:0 0 auto}.mobile-layer{display:none}.mobile-layer:not(.is-open){visibility:hidden}.hero{position:relative;padding:calc(var(--header-height) + 3.5rem) 0 4.5rem;overflow:hidden;background:var(--bg-dark)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}.hero-badge{display:inline-flex;margin-bottom:1rem;padding:.35rem .8rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hero h1{font-size:clamp(2.1rem,4.4vw,3.45rem);max-width:16ch;margin-bottom:1rem}.hero-text{max-width:38rem;color:var(--text-secondary);font-size:1.08rem;margin-bottom:1.75rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.mockup{position:relative;min-height:420px;--text-primary: #f8fafc;--text-secondary: #94a3b8;--bg-elevated: #1c273b;--border: rgba(148, 163, 184, .16);--accent-soft: rgba(59, 130, 246, .15);color:#f8fafc}.mockup-window{border:1px solid var(--border);border-radius:18px;background:#080c18d1;box-shadow:var(--shadow);overflow:hidden}.mockup-bar{display:flex;align-items:center;gap:.4rem;padding:.75rem 1rem;background:#10182a;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.8rem}.mockup-bar span{width:8px;height:8px;border-radius:50%;background:#334155}.mockup-bar span:first-child{background:#f87171}.mockup-bar span:nth-child(2){background:#fbbf24}.mockup-bar span:nth-child(3){background:#34d399}.mockup-bar em{margin-left:.4rem;font-style:normal}.mockup-body{display:grid;grid-template-columns:148px 1fr;min-height:320px}.mockup-side{padding:.9rem .75rem;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:.35rem}.mockup-side strong,.mockup-side span{display:block;padding:.4rem .55rem;border-radius:8px;color:var(--text-secondary);font-size:.75rem;font-style:normal;font-weight:500}.mockup-side strong{color:#fff;background:var(--accent-soft)}.mockup-main{padding:1rem;display:grid;gap:.8rem}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.kpi,.chart,.table-card,.float-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px}.kpi{padding:.7rem}.kpi small{display:block;color:var(--text-secondary);font-size:.72rem;margin-bottom:.35rem}.kpi strong{display:block;font-family:var(--font-heading);font-size:.95rem}.chart{padding:.9rem;display:flex;align-items:end;gap:.45rem;height:110px}.chart-row{flex:1;height:var(--h);border-radius:8px 8px 3px 3px;background:var(--accent)}.table-card{padding:.7rem;display:grid;gap:.45rem}.table-row{display:grid;grid-template-columns:1.4fr .6fr .5fr;gap:.5rem}.table-row span{height:auto;border-radius:0;background:transparent;color:var(--text-secondary);font-size:.75rem}.table-row:first-child span{color:#e2e8f0;font-weight:600}.float-card{position:absolute;right:-8px;bottom:18px;width:180px;padding:.85rem}.float-card strong,.float-card span{display:block}.float-card strong{font-family:var(--font-heading);font-size:.95rem;margin-bottom:.2rem}.float-card span{color:var(--text-secondary);font-size:.8rem}.service-card,.reason-card,.step-card,.project-card,.contact-card,.contact-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.section-alt .service-card,.section-alt .reason-card,.section-alt .project-card,.section-alt .step-card,.section-alt .contact-card{background:var(--bg-dark)}.service-card,.reason-card,.step-card{padding:1.35rem;height:100%;display:flex;flex-direction:column;scroll-margin-top:calc(var(--header-height) + 12px)}.service-card:hover,.reason-card:hover,.project-card:hover,.step-card:hover{border-color:#3b82f673}.icon-badge{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--accent-ink);margin-bottom:1rem}.service-card h3,.reason-card h3,.step-card h3,.project-copy h3{font-size:1.15rem;margin-bottom:.45rem}.service-card p,.reason-card p,.step-card p,.project-copy p,.about-copy p,.contact-panel p{color:var(--text-secondary)}.service-card .btn{margin-top:1.1rem;align-self:flex-start}.about-copy,.about-intro,.about-purpose{display:grid;gap:1rem}.about-intro{width:100%;margin-bottom:2.5rem}.about-intro>p:not(.eyebrow):not(.section-lead),.about-principle p,.about-purpose p:not(.about-signature){text-align:justify;text-align-last:left;-webkit-hyphens:auto;hyphens:auto}.about-intro strong,.about-purpose strong{color:var(--text-primary);font-weight:700}.about-principles{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:2.5rem}.about-principle,.about-purpose{padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-dark)}.about-principle h3,.about-values h3,.about-purpose h3{font-size:1.35rem;margin-bottom:.65rem}.about-principle p,.about-purpose p,.about-values p{color:var(--text-secondary)}.about-values{margin-bottom:2.5rem}.about-values h3{margin-bottom:1.25rem}.about-values h4{font-family:var(--font-heading);font-size:1.05rem;font-weight:600;margin-bottom:.4rem}.about-signature{color:var(--text-primary);font-family:var(--font-heading);font-size:1.05rem;line-height:1.45}.about-panel{padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-dark)}.about-panel ul{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.75rem}.about-panel li{display:flex;gap:.65rem;color:var(--text-secondary)}.about-panel svg{flex:0 0 auto;color:var(--accent-ink);margin-top:.15rem}.step-index{font-family:var(--font-heading);color:var(--accent);font-weight:700;margin-bottom:.8rem}.project-card{overflow:hidden;display:flex;flex-direction:column;height:100%}.project-visual{position:relative;min-height:210px;padding:1.25rem;background:#0c1424;border-bottom:1px solid var(--border)}.visual-note{position:absolute;top:.9rem;left:.9rem;z-index:1;padding:.25rem .55rem;border-radius:999px;background:#080c18d9;border:1px solid rgba(148,163,184,.2);color:#e2e8f0;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mini-ui{margin-top:1.8rem;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#10182a}.mini-top,.mini-row{display:flex;gap:.4rem;align-items:center}.mini-top{padding:.55rem .7rem;border-bottom:1px solid var(--border)}.mini-top b,.mini-row i{height:8px;border-radius:99px;background:#334155}.mini-top b:first-child{width:34%;background:#60a5fa}.mini-top b:last-child{width:18%;margin-left:auto}.mini-grid{display:grid;grid-template-columns:72px 1fr}.mini-menu{display:grid;gap:.4rem;padding:.7rem;border-right:1px solid var(--border)}.mini-menu span{height:8px;border-radius:99px;background:#334155}.mini-menu span:first-child{background:#3b82f6}.mini-content{padding:.7rem;display:grid;gap:.45rem}.mini-row i:nth-child(1){width:46%}.mini-row i:nth-child(2){width:22%}.mini-row i:nth-child(3){width:16%;margin-left:auto;background:#60a5fa}.mockup-sob-medida .mini-top b:first-child,.mockup-sob-medida .mini-menu span:first-child,.mockup-sob-medida .mini-row i:nth-child(3){background:#38bdf8}.project-copy{padding:1.35rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.project-category{color:var(--accent-ink);font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.feature-list,.tech-list{display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none}.feature-list li,.tech-list li{padding:.3rem .6rem;border-radius:999px;background:#080c188c;border:1px solid var(--border);color:var(--text-secondary);font-size:.85rem}.project-copy .btn{margin-top:auto;align-self:flex-start}.project-shot{width:100%;height:auto;object-fit:contain;background:#07111f}.project-copy.is-action{flex:0;padding-top:0}.cta-band{padding:0 0 5.5rem}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2.2rem;border-radius:24px;background:var(--cta-bg);border:1px solid var(--cta-border)}.cta-copy{max-width:640px}.cta-copy p{color:var(--text-secondary)}.contact-panel,.contact-card{padding:1.5rem}.contact-list{display:grid;gap:.9rem;margin:1.25rem 0;padding:0;list-style:none}.contact-list a,.contact-list li{display:flex;gap:.7rem;align-items:flex-start;color:var(--text-secondary)}.contact-list a:hover{color:var(--text-primary)}.contact-list svg{color:var(--accent-ink);flex:0 0 auto;margin-top:.15rem}.contact-note{padding-top:.25rem;color:var(--text-secondary);font-size:.95rem}.form-grid{display:grid;gap:.9rem}.form-row label{display:block;margin-bottom:.35rem;font-weight:600;font-size:.92rem}.form-row input,.form-row select,.form-row textarea{width:100%;min-height:48px;padding:.75rem .85rem;border-radius:12px;border:1px solid var(--border);background:var(--bg-dark);color:var(--text-primary);font-size:16px}.form-row textarea{min-height:140px;resize:vertical}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--accent);outline:2px solid rgba(59,130,246,.35);outline-offset:1px}.form-row.has-error input,.form-row.has-error select,.form-row.has-error textarea{border-color:var(--danger)}.field-error{display:block;margin-top:.35rem;color:var(--danger);font-size:.85rem}.form-actions{display:flex;flex-wrap:wrap;gap:.7rem}.form-status{margin:0;color:var(--text-primary);font-size:.95rem}.form-help{color:var(--text-secondary);font-size:.9rem}.footer{background:var(--footer-bg);border-top:1px solid var(--border);padding:3rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr 1.1fr;gap:2rem}.footer-logo{height:64px;width:auto;margin-bottom:.8rem}.footer h2{font-size:.95rem;margin-bottom:.8rem}.footer p,.footer a,.footer li{color:var(--text-secondary);font-size:.95rem}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.footer a:hover{color:var(--text-primary)}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.9rem}html[data-theme=light] .header{border-bottom-color:var(--border)}.logo-for-light,html[data-theme=light] .logo-for-dark{display:none}html[data-theme=light] .logo-for-light{display:block}html[data-theme=light] .footer h2{color:var(--text-primary)}.social-list{display:flex;flex-wrap:wrap;gap:.65rem;margin:.85rem 0 .15rem}.social-list a{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;color:var(--text-primary)}.social-list a:hover{border-color:var(--accent);color:var(--accent-ink)}.social-list .is-whatsapp{color:#1aa34a}.social-list .is-whatsapp:hover{color:#128c3e;border-color:#1aa34a}@media(max-width:980px){.nav,.header-cta{display:none}.menu-toggle{display:inline-flex}.mobile-layer{display:block;position:fixed;z-index:90;top:var(--header-height);left:0;right:0;height:calc(100dvh - var(--header-height));background:var(--menu-bg);opacity:0;pointer-events:none;overflow:auto}.mobile-layer.is-open{opacity:1;pointer-events:auto}.mobile-nav{width:100%;min-height:100%;padding:.75rem 1.25rem 2rem;background:var(--menu-bg);display:flex;flex-direction:column;gap:.25rem}.mobile-nav a{display:flex;align-items:center;min-height:48px;font-size:1.12rem}.mobile-nav .btn{margin-top:.6rem}.hero-grid,.cta-inner,.footer-grid{grid-template-columns:1fr}.hero h1{max-width:none}.float-card{position:static;width:auto;margin-top:.8rem}.footer-bottom{flex-direction:column}}@media(max-width:640px){.logo img{height:42px}.hero{padding-top:calc(var(--header-height) + 2rem)}.hero-actions .btn,.cta-inner .btn,.form-actions .btn{width:100%}.mockup-body,.kpis{grid-template-columns:1fr}.mockup-side{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--border)}.mockup{min-height:0}}
