*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}@media (width>=640px){html{font-size:15.5px}}@media (width>=1024px){html{font-size:16px}}@media (width>=1440px){html{font-size:17px}}@media (width>=1920px){html{font-size:18px}}img,picture,svg{max-width:100%;display:block}button,input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul{list-style:none}:root{--brand-base:#04050c;--surface-1:#0a0c16;--surface-2:#10121e;--heading:#eef0f6;--body-muted:#b9becf;--body-dim:#7d8296;--accent-start:#6366f1;--accent-end:#22d3ee;--accent-gradient:linear-gradient(135deg, var(--accent-start), var(--accent-end));--on-media:#fff;--action-inverse:#fff;--action-inverse-fg:#2f2f33;--glass-fill:#ffffff14;--glass-border:#ffffff29;--scrim:#04050c75;--scrim-strong:#04050cad;--scrim-soft:#04050c1f;--duration-fast:.15s;--duration-base:.32s;--duration-slow:.7s;--duration-reveal:1.3s;--ease-entrance:cubic-bezier(.2, 0, 0, 1);--nav-height:4.5rem;--container-width:78rem;--container-pad:1.5rem}@media (width>=640px){:root{--container-pad:2rem}}@media (width>=1024px){:root{--container-pad:3rem}}html,body{background:var(--brand-base);color:var(--body-muted)}body{min-height:100svh;font-family:Onest,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:400;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4{color:var(--heading);letter-spacing:-.02em;font-weight:500;line-height:1.1}#root{isolation:isolate}.container{width:100%;max-width:var(--container-width);padding-inline:var(--container-pad);margin-inline:auto}.gradient-text{background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.glass{background:var(--glass-fill);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px)}.btn{cursor:pointer;transition:transform var(--duration-fast) var(--ease-entrance), background var(--duration-fast) var(--ease-entrance), border-color var(--duration-fast) var(--ease-entrance), opacity var(--duration-fast) var(--ease-entrance);white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.6rem;font-size:.95rem;font-weight:500;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--action-inverse);color:var(--action-inverse-fg)}.btn-primary:hover{opacity:.88}.btn-ghost{border-color:var(--glass-border);color:var(--heading);background:0 0}.btn-ghost:hover{background:var(--glass-fill)}.btn-pill-accent{background:var(--accent-gradient);color:var(--on-media)}.btn-pill-accent:hover{opacity:.9}.reveal{opacity:0;transition:opacity var(--duration-reveal) var(--ease-entrance), transform var(--duration-reveal) var(--ease-entrance);transform:translateY(1.5rem)}.reveal.is-visible{opacity:1;transform:translateY(0)}::selection{background:var(--accent-start);color:var(--on-media)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--brand-base)}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:999px}.nav{z-index:50;height:var(--nav-height);transition:background var(--duration-base) var(--ease-entrance), border-color var(--duration-base) var(--ease-entrance), backdrop-filter var(--duration-base) var(--ease-entrance);background:0 0;border-bottom:1px solid #0000;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav-scrolled{border-bottom-color:var(--glass-border);-webkit-backdrop-filter:blur(14px);background:#04050c8c}.nav-inner{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.nav-brand{color:var(--heading);align-items:center;gap:.6rem;font-weight:500;display:flex}.nav-mark{font-size:1.15rem;font-weight:500}.nav-wordmark{white-space:nowrap;font-size:1rem}@media (width<=640px){.nav-wordmark{display:none}}.nav-links{align-items:center;gap:2rem;font-size:.92rem;font-weight:500;display:flex}.nav-links a{color:var(--body-muted);transition:color var(--duration-fast) var(--ease-entrance)}.nav-links a:hover{color:var(--heading)}.nav-actions{align-items:center;gap:1rem;display:flex}.nav-cta{padding:.6rem 1.3rem;font-size:.88rem}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:.4rem;display:none}.nav-toggle span{background:var(--heading);border-radius:2px;width:22px;height:2px}.nav-lang{letter-spacing:.04em;color:var(--heading);border:1px solid var(--glass-border);cursor:pointer;transition:background var(--duration-fast) var(--ease-entrance), border-color var(--duration-fast) var(--ease-entrance);background:0 0;border-radius:999px;padding:.4rem .75rem;font-family:inherit;font-size:.8rem;font-weight:500}.nav-lang:hover{background:var(--glass-fill);border-color:var(--accent-end)}@media (width<=768px){.nav-links{top:var(--nav-height);padding:1.5rem var(--container-pad) 2rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--glass-border);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-entrance), transform var(--duration-base) var(--ease-entrance);background:#04050ceb;flex-direction:column;align-items:flex-start;gap:1.25rem;position:fixed;left:0;right:0;transform:translateY(-8px)}.nav-links-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-cta{display:none}.nav-toggle{display:flex}}.hero{background:var(--brand-base);align-items:center;min-height:100lvh;display:flex;position:relative;overflow:hidden}.hero-canvas{z-index:0}.hero-scrim{z-index:1;background:linear-gradient(180deg, var(--scrim-soft) 0%, var(--scrim) 55%, var(--scrim-strong) 100%);pointer-events:none;position:absolute;inset:0}.hero-content{z-index:2;padding-top:var(--nav-height);flex-direction:column;align-items:flex-start;gap:1.5rem;display:flex;position:relative}.hero-badge{color:var(--heading);opacity:0;transition:opacity var(--duration-slow) var(--ease-entrance), transform var(--duration-slow) var(--ease-entrance);border-radius:999px;align-items:center;gap:.55rem;padding:.5rem 1rem;font-size:.85rem;display:inline-flex;transform:translateY(.6rem)}.hero-badge.is-visible{opacity:1;transform:translateY(0)}.hero-badge-dot{background:var(--accent-gradient);border-radius:999px;width:8px;height:8px}.hero-heading{max-width:18ch;color:var(--heading);font-size:clamp(2.4rem,6vw,4.6rem)}.hero-subline{max-width:42ch;color:var(--body-muted);font-size:clamp(1rem,2vw,1.25rem)}.word-mask{vertical-align:top;display:inline-block;overflow:hidden}.word-inner{white-space:pre;transition:transform var(--duration-slow) var(--ease-entrance), opacity var(--duration-slow) var(--ease-entrance);display:inline-block}.hero-ctas{opacity:0;transition:opacity var(--duration-slow) var(--ease-entrance), transform var(--duration-slow) var(--ease-entrance);flex-wrap:wrap;gap:1rem;margin-top:.5rem;display:flex;transform:translateY(.6rem)}.hero-ctas.is-visible{opacity:1;transform:translateY(0)}.section{padding-block:clamp(4rem,9vw,7rem)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-end);margin-bottom:.75rem;font-size:.85rem;font-weight:500}.section-heading{max-width:24ch;margin-bottom:2.5rem;font-size:clamp(1.8rem,3.6vw,2.75rem)}.about-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}@media (width<=900px){.about-grid{grid-template-columns:1fr}}.about-paragraph{max-width:62ch;margin-bottom:1.1rem;line-height:1.7}.about-stats{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=900px){.about-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=520px){.about-stats{grid-template-columns:1fr}}.stat-card{transition:border-color var(--duration-fast) var(--ease-entrance), transform var(--duration-fast) var(--ease-entrance);border-radius:1rem;flex-direction:column;gap:.6rem;padding:1.5rem 1.25rem;display:flex}.stat-card:hover{border-color:var(--accent-end);transform:translateY(-3px)}.stat-icon{background:var(--accent-gradient);width:2.25rem;height:2.25rem;color:var(--on-media);border-radius:999px;justify-content:center;align-items:center;display:flex}.stat-icon svg{width:1.05rem;height:1.05rem}.stat-value{font-size:1.9rem;font-weight:500}.stat-label{color:var(--body-dim);font-size:.85rem}.projects-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.projects-grid{grid-template-columns:1fr}}.project-card{height:100%;transition:border-color var(--duration-fast) var(--ease-entrance), transform var(--duration-fast) var(--ease-entrance);border-radius:1.1rem;flex-direction:column;display:flex;overflow:hidden}.project-card:hover{border-color:var(--accent-end);transform:translateY(-4px)}.project-featured{border-radius:1.25rem;grid-template-columns:1fr 1.1fr;display:grid;overflow:hidden}@media (width<=800px){.project-featured{grid-template-columns:1fr}}.project-featured .project-thumb{aspect-ratio:auto;height:100%;min-height:280px}.project-featured .project-body{justify-content:center;gap:1rem;padding:clamp(1.75rem,3vw,2.5rem)}.project-featured .project-title{font-size:clamp(1.35rem,2.5vw,1.75rem)}.project-featured .project-description{font-size:1rem}.project-thumb{aspect-ratio:16/10;background:radial-gradient(circle at 30% 20%, #6366f159, transparent 60%), radial-gradient(circle at 80% 80%, #22d3ee4d, transparent 55%), var(--surface-2);width:100%;font:inherit;color:inherit;cursor:pointer;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.project-thumb:disabled{cursor:default}.project-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-entrance);position:absolute;inset:0}.project-card:hover .project-thumb img,.project-featured:hover .project-thumb img{transform:scale(1.05)}.project-thumb-fallback{text-transform:uppercase;font-size:2.5rem;font-weight:500}.project-thumb-overlay{z-index:1;background:var(--scrim-strong);color:var(--heading);opacity:0;transition:opacity var(--duration-fast) var(--ease-entrance);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:flex;position:absolute;inset:0}.project-thumb-overlay svg{width:1.5rem;height:1.5rem}.project-thumb:hover .project-thumb-overlay,.project-thumb:focus-visible .project-thumb-overlay{opacity:1}.project-body{flex-direction:column;flex:1;gap:.75rem;padding:1.5rem;display:flex}.project-title{font-size:1.15rem}.project-description{font-size:.92rem;line-height:1.6}.project-stack{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.project-stack li{background:var(--glass-fill);border:1px solid var(--glass-border);color:var(--heading);border-radius:999px;padding:.3rem .7rem;font-size:.75rem}.project-links{align-items:center;gap:1.25rem;margin-top:auto;padding-top:.5rem;font-size:.88rem;font-weight:500;display:flex}.project-links a:not(.btn){color:var(--accent-end);transition:opacity var(--duration-fast) var(--ease-entrance)}.project-links a:not(.btn):hover{opacity:.75}.skills-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (width<=900px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.skills-grid{grid-template-columns:1fr}}.skill-card-wrap{height:100%}.skill-card{height:100%;transition:border-color var(--duration-fast) var(--ease-entrance), transform var(--duration-fast) var(--ease-entrance);border-radius:1rem;padding:1.5rem}.skill-card:hover{border-color:var(--accent-end);transform:translateY(-3px)}.skill-card-header{align-items:center;gap:.75rem;margin-bottom:1.1rem;display:flex}.skill-icon{background:var(--accent-gradient);width:2.5rem;height:2.5rem;color:var(--on-media);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.skill-icon svg{width:1.15rem;height:1.15rem}.skill-category{color:var(--heading);font-size:1rem}.skill-items{flex-wrap:wrap;gap:.5rem;display:flex}.skill-items li{background:var(--glass-fill);border:1px solid var(--glass-border);color:var(--body-muted);border-radius:999px;padding:.35rem .75rem;font-size:.78rem;font-weight:500}.contact-grid{grid-template-columns:1fr 1.1fr;align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}@media (width<=900px){.contact-grid{grid-template-columns:1fr}}.contact-text{max-width:46ch;margin-bottom:1.5rem;line-height:1.7}.contact-methods{flex-direction:column;gap:.75rem;display:flex}.contact-method{background:var(--glass-fill);border:1px solid var(--glass-border);transition:border-color var(--duration-fast) var(--ease-entrance), background var(--duration-fast) var(--ease-entrance), transform var(--duration-fast) var(--ease-entrance);border-radius:1rem;align-items:center;gap:1rem;padding:.9rem 1.1rem;display:flex}.contact-method:hover{border-color:var(--accent-end);transform:translate(2px)}.contact-method-icon{background:var(--accent-gradient);width:2.5rem;height:2.5rem;color:var(--on-media);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-method-icon svg{width:1.15rem;height:1.15rem}.contact-method-body{flex-direction:column;gap:.15rem;min-width:0;display:flex}.contact-method-label{letter-spacing:.04em;text-transform:uppercase;color:var(--body-dim);font-size:.75rem;font-weight:500}.contact-method-value{color:var(--heading);overflow-wrap:anywhere;font-size:1rem;font-weight:500}.contact-method-whatsapp{background:#25d3661a;border-color:#25d3664d}.contact-method-whatsapp:hover{border-color:#25d366}.contact-method-whatsapp .contact-method-icon{background:#25d366}.contact-form{border-radius:1.25rem;flex-direction:column;gap:1.1rem;padding:clamp(1.5rem,3vw,2.25rem);display:flex}.contact-form label{color:var(--body-muted);flex-direction:column;gap:.5rem;font-size:.88rem;display:flex}.contact-form input,.contact-form textarea{border:1px solid var(--glass-border);color:var(--heading);resize:vertical;transition:border-color var(--duration-fast) var(--ease-entrance);background:#ffffff0d;border-radius:.6rem;padding:.75rem .9rem}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent-end);outline:none}.contact-submit{width:100%;margin-top:.5rem}.contact-submit:disabled{opacity:.6;cursor:not-allowed}.contact-status{font-size:.88rem}.contact-status-ok{color:var(--accent-end)}.contact-status-error{color:#f87171}.footer{border-top:1px solid var(--glass-border);padding-block:2rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-copy{color:var(--body-dim);font-size:.85rem}.footer-socials{gap:1.5rem;font-size:.85rem;font-weight:500;display:flex}.footer-socials a{color:var(--body-muted)}.footer-socials a:hover{color:var(--heading)}@keyframes preview-fade-in{0%{opacity:0}to{opacity:1}}@keyframes preview-pop-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes preview-spin{to{transform:rotate(360deg)}}.preview-overlay{z-index:200;-webkit-backdrop-filter:blur(10px);animation:preview-fade-in var(--duration-base) var(--ease-entrance);background:#04050cc7;justify-content:center;align-items:center;padding:clamp(.75rem,3vw,2.5rem);display:flex;position:fixed;inset:0}.preview-panel{background:var(--surface-1);border:1px solid var(--glass-border);width:min(1240px,100%);height:100%;max-height:90vh;animation:preview-pop-in var(--duration-base) var(--ease-entrance);border-radius:1.25rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 30px 80px #0000008c}.preview-bar{background:var(--surface-2);border-bottom:1px solid var(--glass-border);flex-shrink:0;align-items:center;gap:.85rem;padding:.7rem .9rem;display:flex}.preview-bar-dots{flex-shrink:0;gap:.4rem;display:flex}.preview-bar-dot{background:#ffffff2e;border-radius:999px;width:.6rem;height:.6rem}.preview-bar-dot:first-child{opacity:.85;background:#ff5f57}.preview-bar-dot:nth-child(2){opacity:.85;background:#febc2e}.preview-bar-dot:nth-child(3){opacity:.85;background:#28c840}.preview-url{text-align:center;min-width:0;color:var(--body-muted);border:1px solid var(--glass-border);text-overflow:ellipsis;white-space:nowrap;background:#ffffff0d;border-radius:999px;flex:1;padding:.35rem 1rem;font-size:.8rem;overflow:hidden}.preview-actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.preview-action{width:2rem;height:2rem;color:var(--body-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-entrance), color var(--duration-fast) var(--ease-entrance);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:flex}.preview-action:hover{background:var(--glass-fill);color:var(--heading)}.preview-action svg{width:1.05rem;height:1.05rem}.preview-body{background:var(--surface-1);flex:1;position:relative}.preview-iframe{width:100%;height:100%;transition:opacity var(--duration-base) var(--ease-entrance);border:none}.preview-loading{z-index:1;color:var(--body-dim);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:.85rem;display:flex;position:absolute;inset:0}.preview-spinner{border:2px solid var(--glass-border);border-top-color:var(--accent-end);border-radius:999px;width:1.75rem;height:1.75rem;animation:.8s linear infinite preview-spin}