@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap";svg[data-astro-cid-r6hzn4r6]{fill:var(--clr-primary)}svg[data-astro-cid-r6hzn4r6]:hover{fill:var(--clr-accent)}:root{color-scheme:light;--surface: #faf8ff;--surface-dim: #d2d9f4;--surface-bright: #faf8ff;--surface-container-lowest: #ffffff;--surface-container-low: #f2f3ff;--surface-container: #eaedff;--surface-container-high: #e2e7ff;--surface-container-highest: #dae2fd;--on-surface: #131b2e;--on-surface-variant: #464555;--inverse-surface: #283044;--inverse-on-surface: #eef0ff;--outline: #777587;--outline-variant: #c7c4d8;--surface-tint: #4d44e3;--primary: #3525cd;--on-primary: #ffffff;--primary-container: #4f46e5;--on-primary-container: #ffffff;--secondary: #006591;--on-secondary: #ffffff;--secondary-container: #39b8fd;--tertiary: #005338;--tertiary-container: #006e4b;--error: #ba1a1a;--font-display: "Geist", sans-serif;--font-code: "JetBrains Mono", monospace;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4.5rem;--space-4xl: 6rem;--container-max: 1200px;--gutter-desktop: 1.5rem;--gutter-mobile: 1rem;--shadow-card: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .02);--shadow-hover: 0 10px 25px -5px rgba(79, 70, 229, .08), 0 8px 10px -6px rgba(15, 23, 42, .04)}html[data-theme=dark]{color-scheme:dark;--surface: #0f131c;--surface-dim: #0f131c;--surface-bright: #353943;--surface-container-lowest: #0a0e17;--surface-container-low: #181b25;--surface-container: #1c1f29;--surface-container-high: #262a34;--surface-container-highest: #31353f;--on-surface: #dfe2ef;--on-surface-variant: #c7c4d7;--outline: #908fa0;--outline-variant: #464554;--primary: #c0c1ff;--on-primary-container: #0d0096;--secondary: #7bd0ff;--tertiary: #bdc2ff;--tertiary-container: #7c87f3;--shadow-card: 0 4px 12px rgba(0, 0, 0, .3);--shadow-hover: 0 0 20px -5px rgba(128, 131, 255, .25), 0 8px 16px -4px rgba(0, 0, 0, .5)}@media(prefers-color-scheme:dark){html[data-theme=system]{color-scheme:dark}html[data-theme=system]{--surface: #0f131c;--surface-container-lowest: #0a0e17;--surface-container-low: #181b25;--surface-container: #1c1f29;--surface-container-high: #262a34;--surface-container-highest: #31353f;--on-surface: #dfe2ef;--on-surface-variant: #c7c4d7;--outline: #908fa0;--primary: #c0c1ff;--secondary: #7bd0ff;--tertiary: #bdc2ff}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{background:var(--surface);color:var(--on-surface);font-family:var(--font-display);font-size:15px;line-height:24px;-webkit-font-smoothing:antialiased}body{overscroll-behavior:none}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--primary-container);color:var(--on-primary-container)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--surface-container-lowest)}::-webkit-scrollbar-thumb{background:var(--surface-container-highest);border:2px solid var(--surface-container-lowest);border-radius:9999px}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;display:inline-block;line-height:1;white-space:nowrap;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.nav-fixed{position:fixed;inset:0 0 auto;z-index:50}.nav-inner,.container{max-width:var(--container-max);margin:0 auto;padding-inline:var(--gutter-desktop)}.nav-inner{padding-top:var(--space-sm)}.nav-pill{min-height:4rem;padding:.5rem var(--space-md);border:1px solid var(--outline-variant);border-radius:9999px;background:color-mix(in srgb,var(--surface-container-lowest) 86%,transparent);backdrop-filter:blur(20px);box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.nav-brand,.nav-links,.nav-status,.nav-theme,.theme-option{display:flex;align-items:center}.nav-brand{gap:var(--space-sm)}.nav-logo{font-family:var(--font-code);color:var(--secondary);background:color-mix(in srgb,var(--secondary) 12%,transparent);border:1px solid color-mix(in srgb,var(--secondary) 28%,transparent);width:2.25rem;height:2.25rem;border-radius:9999px;display:grid;place-items:center}.nav-brand-text{display:flex;flex-direction:column;line-height:1}.nav-name{font-size:18px;line-height:26px;font-weight:600;color:var(--on-surface)}.nav-role,.nav-status-text{font-family:var(--font-code);font-size:11px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--secondary);margin-top:.25rem}.nav-links{display:none;gap:var(--space-2xs);padding:.25rem;border-radius:9999px;background:var(--surface-container-low)}.nav-link{padding:.375rem var(--space-md);font-size:13px;color:var(--on-surface-variant);border-radius:9999px;transition:color .2s,background .2s}.nav-link:hover{color:var(--on-surface)}.nav-link--active{background:var(--primary-container);color:var(--on-primary-container);font-weight:600}.nav-status{display:none;gap:.5rem;padding:.25rem .75rem;border-radius:9999px;background:var(--surface-container);color:var(--secondary)}.nav-status-dot{width:.5rem;height:.5rem;border-radius:9999px;background:var(--tertiary);animation:pulse 2s infinite}.nav-status-text{margin:0;text-transform:none;letter-spacing:0;font-size:12px}.nav-theme{gap:.125rem;padding:.2rem;border:1px solid var(--outline-variant);border-radius:9999px;background:var(--surface-container-low)}.theme-option{border:0;border-radius:9999px;padding:.4rem .5rem;color:var(--on-surface-variant);background:transparent;cursor:pointer}.theme-option:hover,.theme-option[aria-pressed=true]{background:var(--surface-container-highest);color:var(--primary)}.theme-option .material-symbols-outlined{font-size:18px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero,.sobre-mi,.skills,.projects,.contact{padding:var(--space-3xl) 0}.hero{position:relative;padding-top:var(--space-2xl);overflow:hidden}.hero-container{max-width:var(--container-max);margin:0 auto;padding-inline:var(--gutter-desktop);position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl);align-items:center}.hero-ambient{position:absolute;border-radius:9999px;filter:blur(120px);pointer-events:none}.hero-ambient--1{top:-6rem;left:25%;width:24rem;height:24rem;background:color-mix(in srgb,var(--primary) 14%,transparent)}.hero-ambient--2{top:12rem;right:1rem;width:20rem;height:20rem;background:color-mix(in srgb,var(--secondary) 12%,transparent)}.hero-content{display:flex;flex-direction:column;align-items:flex-start}.hero-pill,.skills-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:9999px;background:var(--surface-container-low);border:1px solid var(--outline-variant);margin-bottom:var(--space-md)}.hero-pill-dot{width:.5rem;height:.5rem;border-radius:9999px;background:var(--secondary)}.hero-pill-text{font-family:var(--font-code);font-size:12px;color:var(--secondary)}.hero-title{font-size:36px;line-height:1.08;letter-spacing:-.02em;font-weight:700;color:var(--on-surface);margin-bottom:var(--space-md);text-wrap:balance}.hero-title-grad{background:linear-gradient(90deg,var(--primary),var(--secondary),var(--tertiary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-lead{font-size:18px;line-height:28px;color:var(--on-surface-variant);max-width:36rem;margin-bottom:var(--space-xl);text-wrap:balance}.hl-primary{color:var(--primary);font-weight:600}.hl-secondary{color:var(--secondary);font-weight:600}.hl-tertiary{color:var(--tertiary);font-weight:600}.hero-actions,.hero-socials{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md)}.hero-actions{width:100%;margin-bottom:var(--space-2xl)}.btn-primary,.btn-ghost,.project-btn,.contact-submit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--space-md);transition:all .2s ease}.btn-primary{padding:.75rem var(--space-lg);background:var(--primary-container);color:var(--on-primary-container);font-size:18px;font-weight:600;box-shadow:var(--shadow-card)}.btn-ghost{padding:.75rem var(--space-lg);background:var(--surface-container-high);color:var(--on-surface);font-size:18px}.btn-primary:hover,.contact-submit:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-ghost:hover,.hero-social:hover,.contact-social:hover{color:var(--primary);background:var(--surface-container-highest)}.hero-social,.contact-social{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--space-md);background:var(--surface-container-high);color:var(--on-surface);font-family:var(--font-code);font-size:12px}.hero-social .material-symbols-outlined,.contact-social .material-symbols-outlined{color:var(--secondary)}.code-window,.contact-form-wrap{border:1px solid var(--outline-variant);border-radius:var(--space-lg);background:var(--surface-container-lowest);box-shadow:var(--shadow-hover);overflow:hidden}.code-header,.code-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem var(--space-md);background:var(--surface-container-low);font-family:var(--font-code);font-size:12px;color:var(--on-surface-variant)}.code-dots{display:flex;gap:.5rem}.dot{width:.75rem;height:.75rem;border-radius:9999px}.dot-red{background:#ef4444}.dot-amber{background:#f59e0b}.dot-green{background:#10b981}.code-icon,.code-footer-left .material-symbols-outlined{color:var(--secondary)}.code-body{margin:0;padding:var(--space-lg);font-family:var(--font-code);font-size:14px;line-height:22px;color:var(--on-surface);overflow-x:auto;white-space:pre}.tok-type{color:var(--secondary)}.tok-str{color:var(--tertiary)}.tok-prop{color:var(--outline)}.tok-fn{color:var(--primary);font-weight:600}.tok-bool{color:var(--tertiary-container);font-weight:600}.sobre-mi-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);align-items:start}.sobre-mi-eyebrow,.projects-eyebrow,.contact-eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:var(--space-lg);color:var(--secondary);font-family:var(--font-code);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.sobre-mi-title,.skills-title,.projects-title,.contact-title{color:var(--on-surface);font-weight:700;font-size:28px;line-height:36px}.sobre-mi-body{display:flex;flex-direction:column;gap:var(--space-md)}.sobre-mi-lead{font-size:18px;line-height:28px}.sobre-mi-text,.skills-subtitle,.projects-subtitle,.contact-lead{color:var(--on-surface-variant)}.skills-heading{text-align:center;max-width:36rem;margin:0 auto var(--space-2xl)}.skills-eyebrow{color:var(--primary);margin-bottom:.5rem}.skills-eyebrow span:last-child{font-family:var(--font-code);font-size:11px;letter-spacing:.08em;color:var(--primary)}.skills-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.skill-cat,.contact-card,.project-card{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);box-shadow:var(--shadow-card)}.skill-cat{padding:var(--space-lg);border-radius:var(--space-lg);transition:all .3s ease}.skill-cat:hover,.project-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.skill-icon{width:3rem;height:3rem;border-radius:var(--space-md);display:grid;place-items:center;margin-bottom:var(--space-md)}.skill-icon--primary{background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary)}.skill-icon--secondary{background:color-mix(in srgb,var(--secondary) 14%,transparent);color:var(--secondary)}.skill-icon--tertiary{background:color-mix(in srgb,var(--tertiary) 14%,transparent);color:var(--tertiary)}.skill-icon--accent{background:var(--surface-container);color:var(--primary)}.skill-cat-title{font-size:18px;font-weight:600;color:var(--on-surface)}.skill-cat-lead{color:var(--on-surface-variant);font-size:13px;margin-bottom:var(--space-md)}.skill-chips,.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-chip,.project-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.375rem .625rem;border-radius:var(--space-md);background:var(--surface-container-high);border:1px solid var(--outline-variant);color:var(--on-surface);font-family:var(--font-code);font-size:12px}.projects-header{margin-bottom:var(--space-2xl)}.projects-list{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}.project-card{display:flex;flex-direction:column;border-radius:var(--space-lg);overflow:hidden;transition:all .3s ease;animation:cardIn .6s cubic-bezier(.16,1,.3,1) both}.project-card[data-index="1"]{animation-delay:.05s}.project-card[data-index="2"]{animation-delay:.1s}.project-card[data-index="3"]{animation-delay:.15s}.project-media{position:relative;height:15rem;overflow:hidden;background:var(--surface-container-highest)}.project-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-overlay{position:absolute;inset:0;background:linear-gradient(to top,color-mix(in srgb,var(--surface-container-lowest) 90%,transparent),transparent 65%)}.project-body{padding:var(--space-lg);display:flex;flex-direction:column;flex:1}.project-name{font-size:24px;font-weight:600}.project-desc{color:var(--on-surface-variant);margin:.5rem 0 var(--space-md)}.project-tags{margin-bottom:var(--space-lg)}.project-actions{display:flex;gap:var(--space-md);margin-top:auto}.project-btn{padding:.5rem 1rem;font-size:13px}.project-btn--primary{background:var(--primary-container);color:var(--on-primary-container);font-weight:600}.project-btn--ghost{background:var(--surface-container-high);color:var(--on-surface)}.contact-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl);align-items:start}.contact-cards{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.contact-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--space-md)}.contact-card-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;display:grid;place-items:center;flex-shrink:0}.contact-card-icon--primary{background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary)}.contact-card-icon--secondary{background:color-mix(in srgb,var(--secondary) 14%,transparent);color:var(--secondary)}.contact-card-icon--tertiary{background:color-mix(in srgb,var(--tertiary) 14%,transparent);color:var(--tertiary)}.contact-card-body{display:flex;flex-direction:column}.contact-card-label,.contact-label{font-family:var(--font-code);font-size:11px;color:var(--on-surface-variant)}.contact-card-value{font-weight:600}.contact-socials{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.contact-form-wrap{padding:var(--space-xl)}.contact-form{display:flex;flex-direction:column;gap:var(--space-md)}.contact-fields-row{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.contact-field{display:flex;flex-direction:column;gap:.375rem}.contact-input{width:100%;padding:.75rem 1rem;border:1px solid var(--outline-variant);border-radius:var(--space-md);background:var(--surface-container-lowest);color:var(--on-surface);font:inherit}.contact-input:focus{outline:2px solid color-mix(in srgb,var(--primary) 25%,transparent);border-color:var(--primary)}.contact-submit{border:0;padding:.875rem;background:var(--primary-container);color:var(--on-primary-container);font-size:18px;font-weight:600;cursor:pointer}.contact-meta{color:var(--on-surface-variant);font-family:var(--font-code);font-size:12px}.hidden{display:none}.footer{width:100%;background:var(--surface-container-lowest);margin-top:var(--space-3xl)}.footer .container{padding-block:var(--space-xl)}.footer-inner{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-md)}.footer-brand,.footer-socials{display:flex;align-items:center;gap:var(--space-sm)}.footer-logo{color:var(--primary);font-family:var(--font-code)}.footer-tagline,.footer-social,.footer-copy{color:var(--on-surface-variant);font-size:12px}.footer-social{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--font-code)}.footer-social:hover{color:var(--secondary)}.footer-copy{font-family:var(--font-code);text-transform:uppercase;letter-spacing:.08em}.cursor{position:fixed;inset:0;z-index:9999;pointer-events:none}.cursor__halo,.cursor__cross{position:fixed;pointer-events:none;transform:translate(-50%,-50%)}.cursor__halo{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 35%,transparent),transparent 70%);filter:blur(8px)}.cursor__cross{color:color-mix(in srgb,var(--primary) 90%,transparent)}.page-main{width:100%;padding-top:5rem;background:var(--surface);min-height:calc(100vh - 180px)}@media(pointer:fine){html,body,a,button,input,textarea,select,label{cursor:none!important}}@keyframes cardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.nav-links{display:flex}.sobre-mi-grid{grid-template-columns:5fr 7fr}.skills-grid{grid-template-columns:repeat(2,1fr)}.contact-fields-row{grid-template-columns:1fr 1fr}.sobre-mi-title,.skills-title,.projects-title,.contact-title{font-size:40px;line-height:48px}}@media(min-width:1024px){.nav-status{display:flex}.hero-grid{grid-template-columns:7fr 5fr}.skills-grid{grid-template-columns:repeat(3,1fr)}.projects-list{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:5fr 7fr}}@media(max-width:800px){.hero-content{align-items:center;text-align:center}.hero-lead{text-align:center}.hero-actions,.hero-socials{justify-content:center}}@media(max-width:640px){.nav-inner,.container,.hero-container{padding-inline:var(--gutter-mobile)}.nav-name{font-size:16px}.nav-role{display:none}.nav-pill{gap:.25rem}.theme-option{padding-inline:.35rem}.hero{padding-top:var(--space-xl)}.contact-form-wrap{padding:var(--space-lg)}.footer-inner{text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.cursor{display:none}}