:root{--cream: #F5F0E8;--black: #0D0D0D;--blue: #1B4F8A;--terra: #B85A2E;--offwhite: #FAFAF7;--ink-soft: rgba(13, 13, 13, .62);--cream-soft: rgba(245, 240, 232, .66);--line: rgba(13, 13, 13, .14);--line-on-dark: rgba(245, 240, 232, .16);--sans: "Archivo", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--maxw: 1240px;--pad: clamp(20px, 5vw, 72px)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}html,body{width:100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--cream);color:var(--black);font-family:var(--sans);font-weight:400;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}::selection{background:var(--blue);color:var(--cream)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad);width:100%}section{position:relative;scroll-margin-top:84px}.sec-pad{padding-top:clamp(72px,11vw,150px);padding-bottom:clamp(72px,11vw,150px)}.bg-cream{background:var(--cream);color:var(--black)}.bg-black{background:var(--black);color:var(--cream)}.kicker{font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px}.kicker .dot{width:7px;height:7px;background:var(--terra);border-radius:50%;display:inline-block}h1,h2,h3{font-family:var(--sans);font-weight:900;line-height:.98;letter-spacing:-.025em;margin:0}.display{font-weight:900;font-size:clamp(44px,8.2vw,108px);line-height:.93;letter-spacing:-.035em}.h2{font-weight:900;font-size:clamp(34px,5.2vw,72px);letter-spacing:-.03em;line-height:.96}.h3{font-weight:800;font-size:clamp(22px,2.6vw,32px);letter-spacing:-.02em;line-height:1.02}.lead{font-size:clamp(18px,2vw,23px);line-height:1.5;font-weight:500}.muted{color:var(--ink-soft)}.muted-d{color:var(--cream-soft)}.mono{font-family:var(--mono)}.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-weight:600;font-size:15px;letter-spacing:.01em;padding:17px 26px;border-radius:2px;transition:transform .18s cubic-bezier(.2,.8,.3,1),background .2s,color .2s,box-shadow .2s;will-change:transform;line-height:1;white-space:nowrap}.btn .arr{transition:transform .25s cubic-bezier(.2,.8,.3,1)}.btn:hover .arr{transform:translate(5px)}.btn-primary{background:var(--blue);color:var(--offwhite)}.btn-primary:hover{transform:translateY(-3px);box-shadow:6px 6px 0 var(--terra)}.btn-dark{background:var(--black);color:var(--cream)}.btn-dark:hover{transform:translateY(-3px);box-shadow:6px 6px 0 var(--terra)}.btn-cream{background:var(--cream);color:var(--black)}.btn-cream:hover{transform:translateY(-3px);box-shadow:6px 6px 0 var(--terra)}.btn-terra{background:var(--terra);color:var(--offwhite)}.btn-terra:hover{transform:translateY(-3px);box-shadow:6px 6px 0 var(--black)}.btn-ghost{border:1.5px solid currentColor}.btn-ghost:hover{transform:translateY(-3px)}.btn-lg{font-size:17px;padding:22px 34px}.badge{font-family:var(--mono);font-size:12.5px;font-weight:500;letter-spacing:.01em;padding:6px 11px;border-radius:2px;white-space:nowrap;line-height:1;display:inline-flex;align-items:center}.badge-line{border:1.2px solid var(--line);color:var(--ink-soft)}.badge-line-d{border:1.2px solid var(--line-on-dark);color:var(--cream-soft)}.tag-pill{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:7px 13px;border-radius:100px;display:inline-flex;align-items:center;gap:7px;line-height:1}.nav{position:fixed;top:0;left:0;right:0;z-index:60;transition:background .3s,box-shadow .3s,border-color .3s;border-bottom:1px solid transparent}.nav.scrolled{background:#f5f0e8db;-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);border-bottom-color:var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:74px}.logo{display:flex;align-items:center;gap:11px;font-weight:900;font-size:23px;letter-spacing:-.04em}.logo-mark{width:42px;height:42px;border-radius:10px;background:var(--offwhite);display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);transition:transform .25s cubic-bezier(.2,.8,.3,1),box-shadow .25s}.logo-mark img{width:32px;height:32px;object-fit:contain;display:block}.logo:hover .logo-mark{transform:rotate(-6deg) scale(1.05);box-shadow:3px 3px #1b4f8a2e}.logo .b{color:var(--blue)}.logo .d{color:#8a93a0}.logo-full{display:flex;align-items:center;gap:14px}.logo-full img{width:74px;height:74px;border-radius:50%;display:block}.nav-links{display:flex;align-items:center;gap:6px}.nav-link{font-family:var(--mono);font-size:13.5px;font-weight:500;letter-spacing:.01em;color:var(--ink-soft);padding:9px 13px;border-radius:2px;position:relative;transition:color .2s;white-space:nowrap}.nav-link:after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:1.5px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.2,.8,.3,1)}.nav-link:hover{color:var(--black)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-link.active{color:var(--black)}.nav-cta{display:flex;align-items:center;gap:14px}.lang-toggle{display:inline-flex;border:1.5px solid var(--line);border-radius:100px;overflow:hidden;font-family:var(--mono);background:var(--cream);flex:none}.lang-toggle button{padding:7px 13px;font-size:12.5px;font-weight:600;letter-spacing:.06em;color:var(--ink-soft);background:transparent;transition:background .2s,color .2s;line-height:1}.lang-toggle button.on{background:var(--black);color:var(--cream)}.lang-toggle button:not(.on):hover{color:var(--black)}.lang-toggle.on-dark{border-color:var(--line-on-dark);background:transparent}.lang-toggle.on-dark button{color:var(--cream-soft)}.lang-toggle.on-dark button.on{background:var(--cream);color:var(--black)}.wa-fab{position:fixed;right:clamp(16px,3vw,28px);bottom:clamp(16px,3vw,28px);z-index:80;width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px #25d3666b;transition:transform .22s cubic-bezier(.2,.8,.3,1),box-shadow .22s;animation:waIn .5s .7s both}.wa-fab:hover{transform:scale(1.08);box-shadow:0 14px 30px #25d3668c}.wa-fab:active{transform:scale(.97)}.wa-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#25d366;z-index:-1;animation:waPulse 2.6s ease-out infinite}.wa-tip{position:absolute;right:72px;top:50%;transform:translateY(-50%) translate(8px);white-space:nowrap;background:var(--black);color:var(--cream);font-family:var(--mono);font-size:12.5px;font-weight:500;padding:9px 13px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.wa-tip:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);border-left:6px solid var(--black);border-top:5px solid transparent;border-bottom:5px solid transparent}.wa-fab:hover .wa-tip{opacity:1;transform:translateY(-50%) translate(0)}@keyframes waPulse{0%{transform:scale(1);opacity:.5}70%{transform:scale(1.55);opacity:0}to{opacity:0}}@keyframes waIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.wa-pulse{display:none}.wa-fab{animation:none}}.btn-wa{background:#25d366;color:#fff}.btn-wa:hover{transform:translateY(-3px);box-shadow:6px 6px 0 var(--black)}.burger{display:none;width:44px;height:44px;border-radius:3px;border:1.5px solid var(--line);align-items:center;justify-content:center;flex-direction:column;gap:5px;background:var(--cream)}.burger span{width:20px;height:2px;background:var(--black);transition:transform .25s,opacity .2s}.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;inset:74px 0 auto 0;z-index:55;background:var(--cream);border-bottom:1px solid var(--line);padding:18px var(--pad) 30px;display:flex;flex-direction:column;gap:4px;transform:translateY(-12px);opacity:0;pointer-events:none;transition:transform .28s,opacity .28s}.mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-menu a{font-family:var(--mono);font-size:18px;font-weight:500;padding:13px 4px;border-bottom:1px solid var(--line)}.mobile-menu .btn{margin-top:18px;justify-content:center}@media (max-width: 1000px){.nav-links,.nav-cta .btn{display:none}.burger{display:flex}}[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}[data-reveal].in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){[data-reveal]{opacity:1!important;transform:none!important}}.sketch{stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.squiggle path{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.1s ease forwards}@keyframes draw{to{stroke-dashoffset:0}}.hero{padding-top:clamp(120px,17vw,180px);padding-bottom:clamp(60px,9vw,110px);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(36px,5vw,72px);align-items:center}.hero-head{position:relative}.hero-line2{color:var(--blue);position:relative;display:inline-block}.underline-svg{position:absolute;left:-2%;right:-2%;bottom:-.16em;width:104%;height:.32em;color:var(--terra);overflow:visible}.hero-arrow{color:var(--terra)}.cta-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.codecard{background:var(--black);color:var(--cream);border-radius:6px;padding:0;overflow:hidden;border:1px solid var(--black);position:relative;box-shadow:14px 14px #1b4f8a29}.codecard-bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid var(--line-on-dark)}.codecard-bar .d{width:11px;height:11px;border-radius:50%}.codecard-bar .label{margin-left:8px;font-family:var(--mono);font-size:12px;color:var(--cream-soft)}.codecard-body{padding:20px 22px 24px;font-family:var(--mono);font-size:14px;line-height:1.9}.cl{display:flex;gap:12px}.cl .ln{color:#f5f0e852;-webkit-user-select:none;user-select:none;width:14px;text-align:right;flex:none}.c-key{color:#7fb0e6}.c-str{color:#e0a06f}.c-com{color:#f5f0e866}.c-ok{color:#7fc9a0}.card{background:var(--offwhite);border:1.4px solid var(--line);border-radius:5px;transition:transform .25s cubic-bezier(.2,.8,.3,1),box-shadow .25s,border-color .25s}.card-d{background:#161616;border:1.4px solid var(--line-on-dark);border-radius:5px;transition:transform .25s cubic-bezier(.2,.8,.3,1),box-shadow .25s,border-color .25s}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.why-card{padding:30px 30px 32px;display:flex;flex-direction:column;gap:14px}.why-card:hover{transform:translateY(-4px);border-color:var(--terra)}.why-num{font-family:var(--mono);font-size:13px;color:var(--cream-soft)}.why-ico{color:var(--terra)}.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.svc-card{padding:34px 30px 36px;display:flex;flex-direction:column;gap:18px;min-height:260px}.svc-card:hover{transform:translateY(-5px);border-color:var(--blue);box-shadow:8px 8px #1b4f8a1f}.svc-idx{font-family:var(--mono);font-size:13px;color:var(--ink-soft);letter-spacing:.1em}.svc-card .ico{color:var(--blue)}.stack-wrap{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}.proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.proj-card{padding:32px 32px 30px;display:flex;flex-direction:column;gap:18px;text-align:left;cursor:pointer;position:relative;overflow:hidden}.proj-card:hover{transform:translateY(-5px);border-color:var(--terra);box-shadow:9px 9px #b85a2e24}.proj-thumb{margin:-32px -32px 4px;height:188px;overflow:hidden;background:#0a0a0a;border-bottom:1.4px solid var(--line-on-dark)}.proj-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s cubic-bezier(.2,.8,.3,1)}.proj-card.has-thumb:hover .proj-thumb img{transform:scale(1.045)}.proj-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.proj-idx{font-family:var(--mono);font-size:13px;color:var(--cream-soft);letter-spacing:.06em}.proj-open{font-family:var(--mono);font-size:12px;color:var(--cream-soft);display:inline-flex;align-items:center;gap:7px;opacity:0;transform:translate(-6px);transition:opacity .25s,transform .25s}.proj-card:hover .proj-open{opacity:1;transform:none}.proj-name{font-weight:900;font-size:clamp(24px,2.6vw,30px);letter-spacing:-.02em;line-height:1;color:var(--cream)}.proj-type{color:var(--cream-soft);font-size:15px;line-height:1.4}.proj-stack{display:flex;flex-wrap:wrap;gap:8px}.proj-bullets{display:flex;flex-direction:column;gap:10px;margin-top:2px}.pb{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;line-height:1.45;color:var(--cream-soft)}.pb .ck{color:var(--terra);flex:none;margin-top:3px}.proc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}.proc-step{padding:0 26px 0 0;position:relative}.proc-step:not(:last-child){border-right:1px solid var(--line-on-dark)}.proc-step{padding-left:26px}.proc-step:first-child{padding-left:0}.proc-num{font-family:var(--sans);font-weight:900;font-size:clamp(56px,7vw,84px);line-height:1;color:var(--terra);letter-spacing:-.04em;margin-bottom:18px;-webkit-text-stroke:0}.proc-title{font-weight:800;font-size:22px;letter-spacing:-.01em;margin-bottom:10px}.proc-desc{color:var(--cream-soft);font-size:15px;line-height:1.5}.cta-final{text-align:center;display:flex;flex-direction:column;align-items:center}.form-card{background:var(--offwhite);border:1.5px solid var(--black);border-radius:6px;padding:clamp(26px,3.5vw,40px);width:100%;max-width:560px;text-align:left;box-shadow:10px 10px 0 var(--blue)}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.field label{font-family:var(--mono);font-size:12.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.field input,.field textarea{font-family:var(--sans);font-size:16px;color:var(--black);background:var(--cream);border:1.5px solid var(--line);border-radius:3px;padding:13px 15px;transition:border-color .2s,box-shadow .2s;resize:vertical}.field input:focus,.field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #1b4f8a21}.field.err input,.field.err textarea{border-color:var(--terra);box-shadow:0 0 0 3px #b85a2e21}.field .msg{font-family:var(--mono);font-size:12px;color:var(--terra);min-height:0}.form-success{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding:14px 0 6px}.ig-link{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-weight:500;font-size:15px;border-bottom:1.5px solid transparent;transition:border-color .2s}.ig-link:hover{border-bottom-color:var(--terra)}.footer{padding:56px 0 40px}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer .logo-mark{width:34px;height:34px;font-size:13px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0d0d0d8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;padding:0;opacity:0;transition:opacity .25s}@media (min-width: 760px){.modal-back{align-items:center;padding:40px}}.modal-back.show{opacity:1}.modal{background:var(--cream);color:var(--black);width:100%;max-width:680px;max-height:92vh;overflow-y:auto;border-radius:8px 8px 0 0;border:1.5px solid var(--black);transform:translateY(40px);transition:transform .3s cubic-bezier(.2,.8,.3,1)}@media (min-width: 760px){.modal{border-radius:8px;transform:scale(.96)}}.modal-back.show .modal{transform:none}.modal-img{height:clamp(200px,32vw,300px);overflow:hidden;background:#0a0a0a;border-bottom:1.5px solid var(--line)}.modal-img img{width:100%;height:100%;object-fit:cover;object-position:top center}.modal-head{padding:30px clamp(24px,4vw,40px) 24px;border-bottom:1.5px solid var(--line);position:relative}.modal-body{padding:28px clamp(24px,4vw,40px) 40px}.modal-close{position:absolute;top:22px;right:22px;width:40px;height:40px;border-radius:3px;border:1.5px solid var(--line);display:grid;place-items:center;background:var(--offwhite);transition:background .2s,transform .2s}.modal-close:hover{background:var(--terra);color:var(--offwhite);transform:rotate(90deg)}.detail-block{margin-top:26px}.detail-label{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--terra);margin-bottom:14px;display:block}@media (max-width: 760px){.hero-grid{grid-template-columns:1fr}.hero-panel{display:none}.why-grid,.svc-grid,.proj-grid{grid-template-columns:1fr}.proc-grid{grid-template-columns:1fr;gap:0}.proc-step{border-right:none!important;border-bottom:1px solid var(--line-on-dark);padding:26px 0}.proc-step:first-child{padding-top:0}.proc-step:last-child{border-bottom:none;padding-bottom:0}.proc-num{margin-bottom:10px}.pw-top{grid-template-columns:1fr!important}section[id=proyectos]{padding-top:0}}@media (max-width: 520px){.cta-row{gap:16px}.btn{width:100%;justify-content:center}.nav-cta .btn{width:auto}}@media (max-width: 760px){.deco-mobile-hide{display:none!important}}@media (max-width: 400px){.logo{gap:7px;font-size:18px}.logo-mark{width:34px;height:34px}.logo-mark img{width:26px;height:26px}.nav-cta{gap:8px}.lang-toggle button{padding:6px 9px;font-size:11px}.burger{width:38px;height:38px}}