.navbar{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.navbar-inner{display:flex;align-items:center;gap:2rem;height:60px}.logo{font-weight:600;text-decoration:none;margin-right:auto}.nav-links{display:flex;gap:1.75rem}.nav-links a{position:relative;color:var(--text-muted);text-decoration:none;font-size:.95rem;transition:color .2s ease}.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:-19px;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .25s ease}.nav-links a.active{color:var(--text)}.nav-links a.active:after{transform:scaleX(1)}.nav-links a:hover{color:var(--text)}.nav-actions{display:flex;gap:.5rem}.nav-button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text);font-size:.85rem;cursor:pointer}.nav-button:hover{border-color:var(--text-muted)}.menu-toggle{display:none}@media (max-width: 720px){.menu-toggle{display:grid}.nav-links{display:none;position:absolute;top:60px;left:0;right:0;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--border)}.nav-links.open{display:flex}.nav-links a{padding:.9rem 1.5rem;border-top:1px solid var(--border)}.nav-links a:after{top:0;bottom:0;left:0;right:auto;width:3px;height:auto;transform:scaleY(0)}.nav-links a.active:after{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.nav-links a,.nav-links a:after{transition:none}}.hero{padding:8rem 0 6rem}.hero-status{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted);margin-bottom:1.5rem}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.hero h1{font-size:clamp(2.2rem,5vw,4rem);font-weight:600;line-height:1.15;letter-spacing:-.02em;max-width:28ch}.hero-intro{margin-top:1.5rem;font-size:1.25rem;color:var(--text-muted);max-width:56ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}@media (max-width: 820px){.hero{padding:4rem 0}}.hero{position:relative;overflow:hidden}.hero>.container{position:relative;z-index:1}.status-dot{position:relative}.status-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--accent);animation:latido 2.4s ease-out infinite}@keyframes latido{0%{transform:scale(1);opacity:.6}70%,to{transform:scale(2.8);opacity:0}}.typed-cursor{display:inline-block;width:.55em;height:1.05em;margin-left:2px;vertical-align:-.18em;background:var(--accent);animation:parpadeo 1.05s steps(1) infinite}@keyframes parpadeo{50%{opacity:0}}.hero-word{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}.hero-word>span{display:inline-block;animation:palabra .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * 45ms + .1s)}@keyframes palabra{0%{transform:translateY(105%);opacity:0}}.hero-later{animation:aparecer .6s ease both;animation-delay:var(--d)}@keyframes aparecer{0%{transform:translateY(10px);opacity:0}}@media (prefers-reduced-motion: reduce){.status-dot:after,.typed-cursor,.hero-word>span,.hero-later{animation:none}}.work-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:3rem}.work-tab{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text-muted);font:500 .95rem var(--font-sans);cursor:pointer}.work-tab:hover{color:var(--text)}.work-tab.active{color:var(--text);border-color:var(--accent)}.work-tab-count{font-size:.75rem;color:var(--text-muted)}.work-list{display:flex;flex-direction:column;gap:3.5rem}.work-item{display:grid;grid-template-columns:1.1fr 1fr;gap:2.5rem;align-items:start}.work-media:empty{display:none}.work-item:has(.work-media:empty){grid-template-columns:1fr}.work-media img{width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:left top;border-radius:var(--radius);border:1px solid var(--border)}.work-preview{display:flex;flex-direction:column;gap:.35rem;padding:1.5rem;border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:var(--radius);background:var(--bg-raised);font-size:.9rem;color:var(--text-muted)}.work-preview strong{color:var(--text);font-weight:500;margin-bottom:.35rem}.work-kind{font-size:.8rem;color:var(--text-muted)}.work-body h3{font-size:1.4rem;font-weight:600;margin:.25rem 0 .75rem}.work-text{color:var(--text-muted);max-width:60ch}.work-stack{font-size:.8rem;margin-top:1rem;color:var(--text-muted)}.work-links{display:flex;gap:1.25rem;margin-top:1.25rem}.work-links a{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent);text-decoration:none;font-weight:500}.work-links a:hover{text-decoration:underline}.work-private{font-size:.85rem;color:var(--text-muted)}@media (max-width: 820px){.work-item{grid-template-columns:1fr;gap:1.25rem}}.work-tab{transition:color .2s ease,border-color .2s ease}.work-tab:not(.active):hover{border-color:var(--accent-2)}.work-media img,.work-preview{transition:border-color .3s ease,transform .4s cubic-bezier(.2,.7,.2,1)}.work-item:hover .work-media img{border-color:var(--accent-2);transform:translateY(-3px)}.work-item:hover .work-preview{border-color:var(--accent-2);border-left-color:var(--gold)}.work-links a svg{transition:transform .2s ease}.work-links a:hover svg{transform:translate(2px,-2px)}@media (prefers-reduced-motion: reduce){.work-item:hover .work-media img,.work-links a:hover svg{transform:none}}.work-tabs{gap:.4rem;padding:.35rem;width:fit-content;max-width:100%;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--bg-raised) 60%,transparent)}.work-tab,.work-tab.active,.work-tab:not(.active):hover{position:relative;border:none;border-radius:999px;padding:.5rem 1rem}.work-tab-label,.work-tab-count{position:relative;z-index:1}.work-tab-pill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--bg-raised)),color-mix(in srgb,var(--accent-2) 22%,var(--bg-raised)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.work-tab.active .work-tab-count{color:var(--gold)}.work-item{padding:1.75rem;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:20px;background:linear-gradient(160deg,color-mix(in srgb,var(--bg-raised) 75%,transparent),transparent 70%);transition:border-color .35s ease,box-shadow .35s ease}.work-item:hover{border-color:color-mix(in srgb,var(--accent-2) 40%,var(--border));box-shadow:0 18px 40px -28px color-mix(in srgb,var(--accent-2) 60%,transparent)}.work-list{gap:1.5rem}.work-media img{border-radius:14px;border-color:color-mix(in srgb,var(--border) 80%,transparent)}.work-preview{border-radius:14px;border-color:color-mix(in srgb,var(--border) 80%,transparent);background:linear-gradient(150deg,var(--bg-raised),color-mix(in srgb,var(--bg-raised) 40%,var(--bg)))}@media (max-width: 640px){.work-tabs{border-radius:18px}.work-item{padding:1.1rem;border-radius:16px}}.carrusel-ventana{position:relative;overflow:hidden;border-radius:20px}.carrusel-diapo{touch-action:pan-y;cursor:grab}.carrusel-diapo:active{cursor:grabbing}.carrusel-controles{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.25rem}.carrusel-flecha{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-raised) 70%,transparent);color:var(--text);font-size:1.15rem;cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .2s ease}.carrusel-flecha:hover{border-color:var(--accent-2);color:var(--accent)}.carrusel-flecha:active{transform:scale(.94)}.carrusel-puntos{display:flex;align-items:center;gap:.45rem}.carrusel-punto{position:relative;width:8px;height:8px;padding:0;border:none;border-radius:999px;background:var(--border);overflow:hidden;cursor:pointer;transition:width .35s cubic-bezier(.2,.7,.2,1),background-color .2s ease}.carrusel-punto:hover{background:var(--text-muted)}.carrusel-punto.on{width:34px;background:color-mix(in srgb,var(--accent) 25%,var(--border))}.carrusel-progreso{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform-origin:left;animation:carrusel-llenar linear forwards}@keyframes carrusel-llenar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){.carrusel-punto,.carrusel-flecha{transition:none}.carrusel-punto.on{background:var(--accent)}}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:var(--radius)}.service{padding:1.75rem}.service+.service{border-left:1px solid var(--border)}.service h3{font-size:1.1rem;font-weight:600;margin-bottom:.6rem}.service p{color:var(--text-muted);font-size:.95rem}@media (max-width: 820px){.services-grid{grid-template-columns:1fr}.service+.service{border-left:none;border-top:1px solid var(--border)}}@media (min-width: 821px) and (max-width: 1100px){.services-grid{grid-template-columns:repeat(2,1fr)}.service:nth-child(3){border-left:none}.service:nth-child(n+3){border-top:1px solid var(--border)}}.service{position:relative;transition:background-color .3s ease}.service:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.service:hover{background-color:color-mix(in srgb,var(--bg-raised) 70%,transparent)}.service:hover:before{transform:scaleX(1)}@media (prefers-reduced-motion: reduce){.service:before{transition:none}}.about-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:4rem}.about-text{color:var(--text-muted);max-width:60ch;margin-bottom:1rem}.about-facts{align-self:end;border-top:1px solid var(--border)}.about-facts dt{font-size:.85rem;color:var(--text-muted);margin-top:1.25rem}.about-facts dd{margin-top:.3rem;font-size:.95rem;line-height:1.8}@media (max-width: 820px){.about-inner{grid-template-columns:1fr;gap:1.5rem}}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-text{color:var(--text-muted);max-width:45ch}.contact-links{list-style:none;margin-top:2rem;display:flex;flex-direction:column;gap:.75rem}.contact-links a{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none}.contact-links a:hover{color:var(--accent)}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form label{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;color:var(--text-muted)}.contact-form input,.contact-form textarea{font:inherit;font-size:1rem;color:var(--text);background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;padding:.85rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.contact-form .btn{align-self:stretch;justify-content:center;margin-top:.25rem}.contact-form .btn:disabled{opacity:.6;cursor:wait}.form-status{font-size:.9rem}.form-status.ok{color:#3fb950}.form-status.error{color:#f85149}@media (max-width: 820px){.contact-inner{grid-template-columns:1fr;gap:2.5rem}}.contact-links a{transition:color .2s ease}.contact-links a svg{transition:transform .2s ease}.contact-links a:hover svg{transform:translate(3px)}@media (prefers-reduced-motion: reduce){.contact-links a:hover svg{transform:none}}.footer{border-top:1px solid var(--border);padding:2rem 0;font-size:.8rem;color:var(--text-muted)}.footer-inner{display:flex;justify-content:space-between;gap:1rem}:root{--bg: #0e0b14;--bg-raised: #1a1524;--text: #ece8f2;--text-muted: #a39cb3;--border: #2b2338;--accent: #2fbf71;--accent-ink: #06130c;--accent-2: #8b5cf6;--gold: #d4a94a;--font-sans: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius: 6px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;display:block}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.section{padding:5rem 0;border-top:1px solid var(--border)}.section-label{font-family:var(--font-mono);font-size:.85rem;color:var(--accent-2);margin-bottom:.5rem}.section-title{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:600;letter-spacing:-.01em;margin-bottom:2.5rem}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.7rem;border-radius:14px;font:600 1.05rem var(--font-sans);text-decoration:none;cursor:pointer;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 80%,var(--accent-2)));color:var(--accent-ink);box-shadow:0 6px 18px -12px var(--accent)}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{border-color:var(--border);color:var(--text);background:color-mix(in srgb,var(--bg-raised) 70%,transparent)}.btn-secondary:hover{border-color:var(--text-muted)}.mono{font-family:var(--font-mono)}@media (max-width: 640px){.section{padding:3.5rem 0}}.js-reveal .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i, 0) * 70ms)}.js-reveal .reveal.in{opacity:1;transform:none}.js-reveal .section-title.reveal{transition-delay:70ms}.btn{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-icon{flex:none;font-size:1.1em;transition:transform .25s cubic-bezier(.2,.7,.2,1)}.btn-primary:hover .btn-icon{transform:translate(3px)}.btn-secondary:hover .btn-icon{color:var(--accent-2)}button.btn-primary:hover .btn-icon{transform:translate(3px,-3px)}.btn-primary:hover{box-shadow:0 8px 22px -10px var(--accent)}.btn-secondary:hover{border-color:var(--accent-2)}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (prefers-reduced-motion: reduce){.js-reveal .reveal{opacity:1;transform:none;transition:none}.btn,.btn:hover{transition:none;transform:none}}.dot-grid{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}main,footer{position:relative;z-index:1}@supports (-moz-appearance: none){html{scrollbar-color:var(--accent-2) var(--bg)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),var(--accent-2));border-radius:999px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 85%,white),color-mix(in srgb,var(--accent-2) 85%,white))}