:root{--paper:#f9fafb;--ink:#111827;--graphite:#5b6472;--graphite-soft:#94a3b8;--glass-bg:#ffffffb8;--glass-bg-strong:#ffffffeb;--glass-border:#e5e7eb;--line:#e5e7eb;--line-strong:#d5dae1;--teal:#2563eb;--teal-deep:#1d4ed8;--teal-tint:#2563eb1a;--coral:#d6249f;--coral-deep:#a81c7e;--coral-tint:#d6249f1f;--mesh-a:#2563eb29;--mesh-b:#d6249f24;--mesh-c:#0284c71a;--shadow-glass:0 1px 1px #64748b14, 0 12px 32px -14px #64748b59;--shadow-pop:0 2px 4px #64748b1a, 0 26px 60px -18px #64748b73;--r-sm:14px;--r:22px;--r-lg:30px;--r-pill:999px;--font-sans:ui-rounded, "SF Pro Rounded", "Segoe UI Variable", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Roboto Mono", "Cascadia Code", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--paper:#07070c;--ink:#f3f1f8;--graphite:#b6b3c6;--graphite-soft:#6c6a80;--glass-bg:#ffffff0e;--glass-bg-strong:#ffffff17;--glass-border:#ffffff24;--line:#ffffff17;--line-strong:#ffffff2e;--teal:#5b7cff;--teal-deep:#3e5cff;--teal-tint:#5b7cff2e;--coral:#ff4fbe;--coral-deep:#e736a8;--coral-tint:#ff4fbe2e;--mesh-a:#5b7cff66;--mesh-b:#ff4fbe52;--mesh-c:#8c46ff38;--shadow-glass:0 1px 1px #0006, 0 14px 34px -14px #0009;--shadow-pop:0 2px 6px #00000073, 0 30px 70px -18px #000000b3}}:root[data-theme=dark]{color-scheme:dark;--paper:#07070c;--ink:#f3f1f8;--graphite:#b6b3c6;--graphite-soft:#6c6a80;--glass-bg:#ffffff0e;--glass-bg-strong:#ffffff17;--glass-border:#ffffff24;--line:#ffffff17;--line-strong:#ffffff2e;--teal:#5b7cff;--teal-deep:#3e5cff;--teal-tint:#5b7cff2e;--coral:#ff4fbe;--coral-deep:#e736a8;--coral-tint:#ff4fbe2e;--mesh-a:#5b7cff66;--mesh-b:#ff4fbe52;--mesh-c:#8c46ff38;--shadow-glass:0 1px 1px #0006, 0 14px 34px -14px #0009;--shadow-pop:0 2px 6px #00000073, 0 30px 70px -18px #000000b3}:root[data-theme=light]{color-scheme:light;--paper:#f9fafb;--ink:#111827;--graphite:#5b6472;--graphite-soft:#94a3b8;--glass-bg:#ffffffb8;--glass-bg-strong:#ffffffeb;--glass-border:#e5e7eb;--line:#e5e7eb;--line-strong:#d5dae1;--teal:#2563eb;--teal-deep:#1d4ed8;--teal-tint:#2563eb1a;--coral:#d6249f;--coral-deep:#a81c7e;--coral-tint:#d6249f1f;--mesh-a:#2563eb29;--mesh-b:#d6249f24;--mesh-c:#0284c71a;--shadow-glass:0 1px 1px #64748b14, 0 12px 32px -14px #64748b59;--shadow-pop:0 2px 4px #64748b1a, 0 26px 60px -18px #64748b73}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{isolation:isolate;background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;position:relative;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit}.container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:20px}h1,h2,h3{text-wrap:balance;letter-spacing:-.02em;margin:0;font-weight:800}p{margin:0}::selection{background:var(--teal-tint);color:var(--teal-deep)}:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.mesh{z-index:-1;position:fixed;inset:0;overflow:hidden}.mesh:before,.mesh:after,.mesh i{content:"";filter:blur(70px);border-radius:50%;position:absolute}.mesh:before{background:var(--mesh-a);width:60vmax;height:60vmax;animation:26s ease-in-out infinite alternate drift1;top:-20vmax;left:-14vmax}.mesh:after{background:var(--mesh-b);width:50vmax;height:50vmax;animation:30s ease-in-out infinite alternate drift2;bottom:-18vmax;right:-12vmax}.mesh i{background:var(--mesh-c);width:40vmax;height:40vmax;animation:34s ease-in-out infinite alternate drift3;top:30vh;right:10vw}@keyframes drift1{0%{transform:translate(0)scale(1)}to{transform:translate(6vmax,4vmax)scale(1.08)}}@keyframes drift2{0%{transform:translate(0)scale(1)}to{transform:translate(-5vmax,-6vmax)scale(1.06)}}@keyframes drift3{0%{transform:translate(0)scale(1)}to{transform:translate(-4vmax,5vmax)scale(.95)}}.mono{font-family:var(--font-mono)}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(22px)saturate(180%);box-shadow:var(--shadow-glass)}header.site{z-index:40;padding:14px 14px 0;position:sticky;top:0}.nav{border-radius:var(--r-pill);background:var(--glass-bg-strong);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px)saturate(180%);max-width:1120px;box-shadow:var(--shadow-glass);justify-content:space-between;align-items:center;margin-inline:auto;padding:10px 10px 10px 20px;display:flex}.logo{letter-spacing:-.01em;white-space:nowrap;color:var(--teal-deep);align-items:center;gap:10px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.logo-img{flex-shrink:0;width:auto;height:34px}.nav-links{align-items:center;gap:26px;font-size:14.5px;font-weight:600;display:none}.nav-links a{color:var(--graphite);text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--ink)}.nav-right{align-items:center;gap:8px;display:flex}.btn{font-family:var(--font-sans);border-radius:var(--r-pill);cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s,background .16s;display:inline-flex}.btn:active{transform:translateY(1px)scale(.98)}.btn-primary{background:linear-gradient(135deg, var(--teal), var(--teal-deep));color:#fff;box-shadow:0 8px 20px -8px var(--teal-deep)}.btn-primary:hover{box-shadow:0 14px 28px -10px var(--teal-deep);transform:translateY(-2px)}.btn-ghost{background:var(--glass-bg-strong);border-color:var(--glass-border);color:var(--ink);backdrop-filter:blur(10px)}.btn-ghost:hover{border-color:var(--teal);color:var(--teal-deep);transform:translateY(-2px)}.btn-sm{padding:9px 16px;font-size:13.5px}.icon-btn{border:1px solid var(--glass-border);background:var(--glass-bg-strong);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:border-color .18s,color .18s,transform .18s;display:inline-flex}.icon-btn:hover{border-color:var(--teal);color:var(--teal-deep);transform:translateY(-1px)}.menu-toggle{display:inline-flex}@media (width>=860px){.nav-links{display:flex}.menu-toggle{display:none}}@media (width<=420px){.nav{padding:8px 8px 8px 14px}.logo{gap:7px;font-size:14px}.logo-img{height:28px}.nav-right{gap:5px}.btn-sm{padding:8px 12px;font-size:12.5px}.hide-xs{display:none}}@media (width<=340px){.logo{gap:6px;font-size:12.5px}.nav-right{gap:4px}.btn-sm{padding:8px 10px}}#themeIcon{transition:transform .45s cubic-bezier(.2,.8,.2,1)}#themeToggle.spin #themeIcon{transform:rotate(180deg)}#mnav{border-radius:var(--r-lg);max-width:1120px;max-height:0;margin:8px auto 0;transition:max-height .32s;overflow:hidden}#mnav.open{max-height:300px}#mnav .inner{flex-direction:column;gap:2px;padding:8px;display:flex}#mnav a{color:var(--ink);border-radius:var(--r-sm);padding:13px 14px;font-size:15px;font-weight:600;text-decoration:none}#mnav a:active{background:var(--teal-tint)}@media (width>=860px){#mnav{display:none!important}}.hero-grid{gap:36px;padding-block:40px 32px;display:grid}.hero-visual{order:-1}@media (width>=900px){.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;padding-block:70px 50px}.hero-visual{order:0}}.hero-text>*{opacity:0;animation:.7s cubic-bezier(.2,.7,.2,1) forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.hero-text h1{animation-delay:20ms}.hero-text p.lede{animation-delay:.1s}.hero-text .hero-cta{animation-delay:.18s}.hero-visual{opacity:0;animation:.8s cubic-bezier(.2,.7,.2,1) .2s forwards fadeUp}.hero h1{max-width:none;font-size:40px;line-height:1.06}.hero h1 em{background:linear-gradient(100deg, var(--teal-deep), var(--teal) 55%, var(--coral));color:#0000;background-clip:text;font-style:normal}.hero p.lede{color:var(--graphite);max-width:44ch;margin-top:18px;font-size:17px}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-visual{justify-content:center;align-items:center;width:300px;height:300px;margin-inline:auto;display:flex;position:relative}.hero-network{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hero-logo-img{z-index:2;filter:drop-shadow(0 14px 30px #0b0b122e);width:230px;height:auto;position:relative}@media (width>=900px){.hero-visual{width:420px;height:420px}.hero-logo-img{width:300px}}.about-codigo{text-align:center}.about-codigo .section-title{background:linear-gradient(100deg, var(--teal-deep), var(--teal) 55%, var(--coral));color:#0000;background-clip:text;margin-inline:auto;font-size:clamp(24px,3.2vw,34px);font-weight:800}.about-codigo .about-lead{max-width:1040px;color:var(--graphite);text-wrap:balance;margin:16px auto 0;font-size:16.5px}section{padding-block:56px}.section-head{flex-direction:column;gap:14px;margin-bottom:30px;display:flex}.section-head h2{max-width:22ch;font-size:27px}@media (width>=700px){.section-head h2{max-width:none}}.section-head p{color:var(--graphite);max-width:52ch;font-size:15.5px}.section-head--center{text-align:center;align-items:center}.section-head--center h2,.section-head--center p{margin-inline:auto}.reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(20px)}.reveal.is-visible{opacity:1;transform:none}.process{gap:0;display:grid}.step{border-bottom:1px solid var(--line);align-items:flex-start;gap:16px;padding:20px 0;display:flex}.step:last-child{border-bottom:none}.step-num{background:linear-gradient(135deg, var(--teal), var(--teal-deep));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:flex}.step h3{font-size:17px}.step p{color:var(--graphite);margin-top:4px;font-size:14.5px}@media (width>=700px){.process{grid-template-columns:repeat(3,1fr)}.step{border-bottom:none;flex-direction:column;padding:4px 22px 0 0}}.process .step:first-child{transition-delay:40ms}.process .step:nth-child(2){transition-delay:.13s}.process .step:nth-child(3){transition-delay:.22s}#soluciones{padding-block:84px}.grid-solutions{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=640px){.grid-solutions{grid-template-columns:repeat(2,1fr)}}@media (width>=1000px){.grid-solutions{grid-template-columns:repeat(5,1fr)}}.sol-card{border-radius:var(--r);padding:22px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,background .22s}.sol-card:hover{box-shadow:var(--shadow-pop);background:var(--glass-bg-strong);transform:translateY(-5px)}.sol-card .icon-chip{background:var(--teal-tint);width:38px;height:38px;color:var(--teal-deep);font-family:var(--font-mono);border-radius:12px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.sol-card:nth-child(2n) .icon-chip{background:var(--coral-tint);color:var(--coral-deep)}.sol-card h3{margin-top:14px;font-size:17px;font-weight:800}.sol-card p{color:var(--graphite);margin-top:8px;font-size:14px}.grid-solutions .sol-card:first-child{transition-delay:40ms}.grid-solutions .sol-card:nth-child(2){transition-delay:.1s}.grid-solutions .sol-card:nth-child(3){transition-delay:.16s}.grid-solutions .sol-card:nth-child(4){transition-delay:.22s}.grid-solutions .sol-card:nth-child(5){transition-delay:.28s}.section-network{position:relative;overflow:hidden}.section-network>.container{z-index:1;position:relative}.network-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.network-bg svg{width:100%;height:100%}.network-line{stroke-width:1px;fill:none;opacity:.07}.network-node{opacity:.16}.network-dot{r:2;opacity:.5}.projects-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=700px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.portfolio-card{border-radius:var(--r-lg);transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s;position:relative;overflow:hidden}.portfolio-card:hover{box-shadow:var(--shadow-pop);transform:translateY(-5px)}.projects-grid .portfolio-card:nth-child(2){transition-delay:80ms}.pf-media{aspect-ratio:16/9;border-radius:calc(var(--r-lg) - 10px);background:radial-gradient(120% 140% at 15% 15%, var(--mesh-a), transparent 60%), radial-gradient(120% 140% at 85% 85%, var(--mesh-b), transparent 60%);color:var(--graphite-soft);font-family:var(--font-mono);justify-content:center;align-items:center;margin:10px;font-size:12px;display:flex;position:relative;overflow:hidden}.pf-media img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.pf-zoom{z-index:1;border:1px solid var(--glass-border);background:var(--glass-bg-strong);width:38px;height:38px;color:var(--ink);backdrop-filter:blur(10px);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s,color .18s;display:flex;position:absolute;bottom:14px;right:14px}.pf-zoom svg{width:17px;height:17px}.pf-zoom:hover{border-color:var(--teal);color:var(--teal-deep);transform:translateY(-2px)scale(1.05)}.lightbox{z-index:60;backdrop-filter:blur(6px);background:#07070ce0;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:fixed;inset:0}.lightbox[hidden]{display:none}.lightbox-figure{flex-direction:column;align-items:center;gap:12px;max-width:min(100%,1000px);max-height:100%;display:flex}.lightbox-figure img{border-radius:var(--r);object-fit:contain;width:auto;max-width:100%;height:auto;max-height:76vh}.lightbox-figure figcaption{color:#f3f1f8;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.lightbox-figure figcaption #lightboxCount{color:#b6b3c6;font-weight:500}.lightbox-close{z-index:1;color:#f3f1f8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex;position:absolute;top:18px;right:18px}.lightbox-close:hover{background:#ffffff29}.lightbox-close svg{width:18px;height:18px}.lightbox-nav{color:#f3f1f8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background .15s,transform .15s;display:flex}.lightbox-nav:hover{background:#ffffff29;transform:scale(1.06)}.lightbox-nav svg{width:20px;height:20px}.lightbox-nav[hidden]{display:none}@media (width<=640px){.lightbox{gap:6px;padding:16px}.lightbox-nav{width:36px;height:36px}}.pf-badge{z-index:1;background:var(--coral);color:#fff;letter-spacing:.02em;border-radius:var(--r-pill);padding:6px 12px;font-size:11.5px;font-weight:800;position:absolute;top:14px;left:14px}.pf-body{padding:8px 26px 26px}.pf-body .mono-tag{color:var(--teal-deep);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.pf-body h3{margin-top:8px;font-size:23px}.pf-body .subtitle{color:var(--graphite);margin-top:6px;font-size:14.5px;font-weight:600}.pf-body p.desc{color:var(--graphite);max-width:60ch;margin-top:14px;font-size:14.5px}.pf-tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.pf-tags span{font-family:var(--font-mono);color:var(--ink);background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--r-pill);padding:5px 12px;font-size:11.5px;font-weight:600}#contacto{padding-top:96px}.contact-center{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.contact-center h2{max-width:20ch;font-size:clamp(24px,3.4vw,32px)}.contact-center p{color:var(--graphite);max-width:46ch;font-size:16px}.contact-center .btn{margin-top:6px}.modal{z-index:60;backdrop-filter:blur(6px);background:#07070cb8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal[hidden]{display:none}.modal-panel{border-radius:var(--r-lg);background:var(--glass-bg-strong);width:100%;max-width:540px;margin:auto;padding:30px 26px 26px;animation:.24s cubic-bezier(.2,.8,.2,1) modalIn;position:relative}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.modal-panel h3{margin-bottom:18px;padding-right:40px;font-size:21px}.modal-close{border:1px solid var(--glass-border);background:var(--glass-bg);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:border-color .18s,color .18s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{border-color:var(--teal);color:var(--teal-deep)}.modal-close svg{width:17px;height:17px}form.contact-form{gap:14px;display:grid}.field{gap:7px;display:grid}.field label{letter-spacing:.02em;color:var(--graphite);font-size:12px;font-weight:700}.field input,.field textarea{font-family:var(--font-sans);border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--glass-bg-strong);color:var(--ink);padding:13px 16px;font-size:15px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px var(--teal-tint);outline:none}.field textarea{resize:vertical;min-height:100px}form.contact-form .btn-primary{justify-self:start;margin-top:4px}form.contact-form .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.field-honeypot{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.h-captcha{margin-top:4px}.h-captcha iframe{max-width:100%}.form-status{margin-top:2px;font-size:14.5px;font-weight:600}.form-status:empty{display:none}.form-status.is-ok{color:var(--teal-deep)}.form-status.is-error{color:var(--coral-deep)}.divider{align-items:center;gap:16px;max-width:1120px;margin:0 auto;padding-inline:20px;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(90deg, transparent, var(--line-strong));flex:1;height:1px}.divider:after{background:linear-gradient(90deg, var(--line-strong), transparent)}.divider span{background:linear-gradient(135deg, var(--teal), var(--coral));width:7px;height:7px;box-shadow:0 0 0 4px var(--teal-tint);border-radius:50%;flex-shrink:0}.wa-bubble{z-index:50;color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 24px -6px #128c7e8c,0 4px 12px #0b0b122e}.wa-bubble:hover{transform:translateY(-3px)scale(1.04);box-shadow:0 14px 30px -6px #128c7e99,0 6px 16px #0b0b1233}.wa-bubble svg{width:28px;height:28px}footer{padding-block:30px 40px}.footer-inner{border-radius:var(--r-lg);flex-direction:column;gap:18px;padding:22px 26px;display:flex}@media (width>=700px){.footer-inner{flex-direction:row;justify-content:space-between;align-items:center}}.footer-links{color:var(--graphite);flex-wrap:wrap;gap:20px;font-size:13.5px;font-weight:600;display:flex}.footer-links a{text-decoration:none}.footer-links a:hover{color:var(--ink)}.footer-fine{color:var(--graphite-soft);text-align:center;margin-top:16px;font-size:12px}