@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap";:root{--primary:#81ecff;--primary-rgb:129, 236, 255;--primary-dim:#00d4ec;--secondary:#b9f61d;--secondary-dim:#ace700;--tertiary:#ffbd5c;--bg:#0e0e0e;--surface:#0e0e0e;--surface-low:#131313;--surface-mid:#1a1a1a;--surface-high:#20201f;--surface-highest:#262626;--surface-bright:#2c2c2c;--on-surface:#fff;--on-surface-dim:#adaaaa;--outline:#767575;--outline-variant:#484847;--border-rgb:72, 72, 71;--header-bg:#090909a6;--footer-bg:#00000080;--bg-glow-1:#131313;--bg-glow-2:#1a1a1a;--fondo-cyan:#00d4ec0f;--fondo-lime:#b9f61d0a;--yellow:#f0c040;--orange:#e06c2a;--blue:#3b82f6;--darkblue:#1d4ed8;--green:#22c55e;--darkgreen:#166534;--cyan:#06b6d4;--darkgray:#1f2937;--font-headline:"Space Grotesk", sans-serif;--font-body:"Manrope", sans-serif;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-xl:12px;--radius-full:12px;--nav-h:68px;--max-w:1120px}:root[data-theme=light]{--primary:#007a8c;--primary-rgb:0, 122, 140;--primary-dim:#006575;--secondary:#4d7c0f;--secondary-dim:#3f6609;--tertiary:#b45309;--bg:#fff;--surface:#fff;--surface-low:#f7f7f7;--surface-mid:#f0f0f0;--surface-high:#ececec;--surface-highest:#e4e4e4;--surface-bright:#dedede;--on-surface:#111;--on-surface-dim:#4a4a4a;--outline:#8a8a8a;--outline-variant:#d0d0d0;--border-rgb:17, 17, 17;--header-bg:#ffffffbf;--footer-bg:#ffffffb3;--bg-glow-1:#f1f1f1;--bg-glow-2:#e9e9e9;--fondo-cyan:#007a8c0d;--fondo-lime:#4d7c0f0d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg);background-image:radial-gradient(circle at 0% 0%, var(--bg-glow-1) 0%, transparent 50%), radial-gradient(circle at 100% 100%, var(--bg-glow-2) 0%, transparent 50%);color:var(--on-surface);background-attachment:fixed;min-height:100vh;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.fondo{pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 40% at 15% 20%, var(--fondo-cyan) 0%, transparent 70%), radial-gradient(ellipse 50% 35% at 85% 75%, var(--fondo-lime) 0%, transparent 70%);position:fixed;inset:0}.skip-link{z-index:200;background:var(--primary);color:var(--bg);font-family:var(--font-headline);border-radius:var(--radius-sm);padding:.6rem 1rem;font-size:.85rem;font-weight:700;transition:top .2s;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.header{z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(var(--border-rgb), .3);height:var(--nav-h);position:fixed;top:0;left:0;right:0}.nav{max-width:var(--max-w);height:100%;font-family:var(--font-headline);letter-spacing:-.02em;align-items:center;gap:2rem;margin:0 auto;padding:0 2rem;font-size:.875rem;font-weight:500;display:flex}.nav a,.nav button{color:var(--on-surface-dim);white-space:nowrap;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;transition:color .2s}.nav a:first-child{color:var(--primary);font-weight:600}.nav a:hover,.nav button:hover{color:var(--on-surface)}.nav a:last-child,.nav .nav-mail-btn{color:var(--primary);margin-left:auto;font-weight:600}.lang-toggle{background:var(--surface-high);border:1px solid rgba(var(--border-rgb), .45);border-radius:999px;flex-shrink:0;align-items:center;gap:2px;margin-left:1rem;padding:2px;transition:border-color .2s,box-shadow .2s;display:inline-flex}.lang-toggle:hover{border-color:rgba(var(--primary-rgb), .5);box-shadow:0 0 10px rgba(var(--primary-rgb), .35)}.lang-option{font-family:var(--font-headline);letter-spacing:.04em;color:var(--on-surface-dim);border-radius:999px;padding:.28rem .6rem;font-size:.7rem;font-weight:700;transition:background .2s,color .2s}.lang-toggle.is-en .lang-option-en,.lang-toggle:not(.is-en) .lang-option-es{background:var(--primary);color:var(--bg)}.theme-toggle{background:var(--surface-high);border:1px solid rgba(var(--border-rgb), .45);width:34px;height:34px;color:var(--on-surface-dim);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-left:.5rem;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.theme-toggle:hover{color:var(--primary);border-color:rgba(var(--primary-rgb), .5);box-shadow:0 0 10px rgba(var(--primary-rgb), .35)}.theme-toggle .icon-sun{display:block}.theme-toggle .icon-moon,:root[data-theme=light] .theme-toggle .icon-sun{display:none}:root[data-theme=light] .theme-toggle .icon-moon{display:block}section,.technologies{z-index:1;max-width:var(--max-w);margin:0 auto;padding:5rem 2rem;position:relative}.section-heading{font-family:var(--font-headline);letter-spacing:-.04em;color:var(--on-surface);align-items:center;gap:.6rem;margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;display:flex}.section-heading:after{content:"";background:var(--secondary);border-radius:2px;flex-shrink:0;width:3rem;height:3px;margin-left:.75rem;display:block}.presentacion{padding-top:calc(var(--nav-h) + 5rem);flex-direction:column;align-items:flex-start;gap:1.5rem;padding-bottom:5rem;display:flex}.my-picture{object-fit:cover;object-position:50% 20%;border:2px solid var(--outline-variant);filter:grayscale(20%)contrast(1.1);border-radius:50%;width:88px;height:88px;transition:filter .3s}.my-picture:hover{filter:grayscale(0%)contrast(1.1)}.badge{font-size:.65rem;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.12em;border-radius:var(--radius-full);background:var(--surface-high);border:1px solid rgba(var(--border-rgb), .4);color:var(--secondary);vertical-align:middle;align-items:center;gap:.4rem;margin-left:.6rem;padding:.25rem .7rem;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.badge:before{content:"";background:var(--secondary);border-radius:50%;width:6px;height:6px;transition:background .2s;animation:2s infinite pulse}.badge:hover{background:var(--secondary);color:var(--surface-high);border-color:var(--secondary)}.badge:hover:before{background:var(--surface-high)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.linkedin-link{text-decoration:none}.titulo{font-family:var(--font-headline);letter-spacing:-.05em;color:var(--on-surface);font-size:clamp(2.25rem,7vw,5.5rem);font-weight:700;line-height:1}.subtitulo{max-width:680px;color:var(--on-surface-dim);font-size:clamp(.95rem,2vw,1.15rem);font-weight:400;line-height:1.75}.texto-destacado{color:var(--on-surface);font-weight:600}.texto-opaco{opacity:.55}.link-botones{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.link-boton{font-family:var(--font-headline);letter-spacing:-.01em;border-radius:var(--radius-sm);background:var(--surface-high);color:var(--on-surface-dim);border:1px solid rgba(var(--border-rgb), .45);white-space:nowrap;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.8rem;font-weight:700;transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .1s;display:inline-flex}.link-boton:hover{background:rgba(var(--primary-rgb), .08);color:var(--primary);border-color:rgba(var(--primary-rgb), .5);box-shadow:0 0 10px rgba(var(--primary-rgb), .35)}.link-boton:active{transform:scale(.97)}#academic-background{padding-bottom:4rem}.timeline{margin-top:2.5rem;padding-left:2rem;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--primary), transparent);opacity:.25;width:1px;position:absolute;top:0;bottom:0;left:0}.timeline-item{background:var(--surface-low);border:1px solid rgba(var(--border-rgb), .35);border-radius:var(--radius-lg);margin-bottom:2.5rem;padding:1.5rem;transition:background .25s,border-color .25s;position:relative}.timeline-item:hover{background:var(--surface-mid);border-color:rgba(var(--primary-rgb), .18)}.timeline-point{background:var(--primary);border:3px solid var(--bg);width:14px;height:14px;box-shadow:0 0 0 1px rgba(var(--primary-rgb), .35);border-radius:50%;position:absolute;top:1.6rem;left:-2.4rem}.timeline-item time{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.1em;color:var(--secondary);margin-bottom:.4rem;font-size:.72rem;font-weight:600;display:block}.timeline-item h3{font-family:var(--font-headline);letter-spacing:-.03em;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.timeline-item p{color:var(--on-surface-dim);margin-bottom:.75rem;font-size:.9rem;line-height:1.7}.timeline-link{font-family:var(--font-headline);letter-spacing:-.01em;color:var(--primary);align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;transition:gap .2s;display:inline-flex}.timeline-link:hover{gap:.65rem}.timeline-link-invertido{color:var(--primary);border:1px solid rgba(var(--primary-rgb), .25);border-radius:var(--radius-sm);padding:.3rem .8rem;transition:gap .2s,background .2s,border-color .2s,box-shadow .2s}.timeline-link-invertido:hover{background:rgba(var(--primary-rgb), .08);border-color:rgba(var(--primary-rgb), .5);box-shadow:0 0 10px rgba(var(--primary-rgb), .35)}.arrow-icon{width:14px;height:10px}.technologies{flex-wrap:wrap;justify-content:center;gap:.6rem;padding:1.5rem 2rem 2.5rem;display:flex}.technologies button{background:var(--surface-high);border:1px solid rgba(var(--border-rgb), .45);border-radius:var(--radius-md);justify-content:center;align-items:center;width:52px;height:52px;padding:10px;transition:background .2s,border-color .2s,transform .15s;display:inline-flex;overflow:hidden}.technologies button img{object-fit:contain;width:28px;height:28px;transition:filter .2s}.technologies button:hover{background:var(--surface-bright);border-color:var(--outline);transform:translateY(-2px)}.technologies button:hover img{filter:grayscale(0%)}.technologies button.active{background:rgba(var(--primary-rgb), .1);border-color:rgba(var(--primary-rgb), .5);box-shadow:0 0 12px rgba(var(--primary-rgb), .12)}.technologies button.active img{filter:grayscale(0%)}.projects{padding-top:1rem}#projects-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.project-card{background:var(--surface-low);border:1px solid rgba(var(--border-rgb), .35);border-radius:var(--radius-lg);flex-direction:column;transition:background .3s,border-color .3s,transform .3s;display:flex;overflow:hidden}.project-card:hover{background:var(--surface-mid);border-color:rgba(var(--primary-rgb), .2);transform:translateY(-3px)}.project-img-col{width:100%}.project-image-wrapper{aspect-ratio:16/9;background:var(--surface-mid);overflow:hidden}.project-image{object-fit:cover;filter:grayscale(30%)contrast(1.05);width:100%;height:100%;transition:filter .4s,transform .4s}.project-card:hover .project-image{filter:grayscale(0%)contrast(1.05);transform:scale(1.04)}.project-info-col{flex-direction:column;flex:1;gap:.75rem;padding:1.5rem;display:flex}.project-info-col h3{font-family:var(--font-headline);letter-spacing:-.03em;color:var(--on-surface);font-size:1.1rem;font-weight:700;transition:color .2s}.project-card:hover .project-info-col h3{color:var(--primary)}.project-description{color:var(--on-surface-dim);flex:1;font-size:.875rem;line-height:1.65}.project-tags{flex-wrap:wrap;gap:.4rem;display:flex}.tag-badge{font-size:.68rem;font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:.3rem;padding:.2rem .55rem;font-weight:700;line-height:1.4;display:inline-flex}.tag-badge .icon,.tag-badge svg{flex-shrink:0;width:14px;height:14px}.bg-yellow{background:#f7e025}.bg-orange{background:#e44b20}.bg-red{background:#e42020}.bg-green{background:#6db33f}.bg-darkgreen{background:#215732}.bg-blue{background:#00589d}.bg-cyan{background-color:#00add8}.text-white{color:#fff}.text-darkgray{color:#111827!important}.project-footer{background:0 0;border-top:none;flex-wrap:wrap;gap:.5rem;margin-top:0;padding-top:0;display:flex}.project-link-btn{font-family:var(--font-headline);letter-spacing:-.01em;color:var(--primary);border:1px solid rgba(var(--primary-rgb), .25);border-radius:var(--radius-sm);align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.75rem;font-weight:700;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.project-link-btn:hover{background:rgba(var(--primary-rgb), .08);border-color:rgba(var(--primary-rgb), .5);box-shadow:0 0 10px rgba(var(--primary-rgb), .35)}#about-me{border-top:1px solid rgba(var(--border-rgb), .25)}.about-me-layout{align-items:flex-start;gap:2rem;display:flex}.about-me-text{flex-direction:column;flex:1;gap:1rem;display:flex}.about-me-img{object-fit:cover;object-position:50% 15%;border-radius:var(--radius-lg);border:1px solid rgba(var(--border-rgb), .4);filter:grayscale(20%)contrast(1.1);flex-shrink:0;width:140px;height:160px;transition:filter .3s}.about-me-img:hover{filter:grayscale(0%)}#about-me p{color:var(--on-surface-dim);font-size:.95rem;line-height:1.8}#about-me strong{color:var(--on-surface);font-weight:600}footer{background:var(--footer-bg);backdrop-filter:blur(12px);border-top:1px solid rgba(var(--border-rgb), .25)}footer .footer-inner{max-width:var(--max-w);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:1.5rem 2rem;display:flex}footer .footer-name,footer .footer-name a{color:var(--on-surface-dim);font-size:.8rem}footer .footer-name a:hover{color:var(--primary)}.footer-links{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.footer-links .link-boton{padding:.4rem .9rem;font-size:.75rem}#toast-mail{border:1px solid rgba(var(--primary-rgb), .25);font-family:var(--font-headline);letter-spacing:-.01em;box-shadow:0 0 30px rgba(var(--primary-rgb), .1);backdrop-filter:blur(16px);padding:.75rem 1.5rem;font-size:.82rem;font-weight:600;background:var(--surface-highest)!important;color:var(--primary)!important;border-radius:var(--radius-lg)!important}.icon{vertical-align:middle;flex-shrink:0;width:18px;height:18px}@media (width<=768px){.nav{gap:1.2rem;font-size:.8rem}.presentacion{padding-top:calc(var(--nav-h) + 3rem)}#projects-list{grid-template-columns:1fr}.about-me-img{width:100px;height:120px}.about-me-layout{flex-direction:column}.timeline{padding-left:1.5rem}.timeline-point{left:-1.9rem}.footer-links{display:none}footer .footer-inner{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (width<=480px){section,.technologies{padding-left:1.25rem;padding-right:1.25rem}.nav{gap:.8rem;padding:0 1.25rem}.nav a:not(:first-child):not(:last-child){display:none}}.technologies button[data-tech=JavaScript]:hover,.technologies button[data-tech=JavaScript].active{border-color:#f7df1e;box-shadow:0 0 10px #f7df1e80}.technologies button[data-tech=NodeJS]:hover,.technologies button[data-tech=NodeJS].active{border-color:#215732;box-shadow:0 0 10px #194226}.technologies button[data-tech=HTML]:hover,.technologies button[data-tech=HTML].active{border-color:#e34c26;box-shadow:0 0 10px #e34c2680}.technologies button[data-tech=C_LANGUAGE]:hover,.technologies button[data-tech=C_LANGUAGE].active{border-color:#007bff;box-shadow:0 0 10px #007bff80}.technologies button[data-tech=Java]:hover,.technologies button[data-tech=Java].active{border-color:#f89820;box-shadow:0 0 10px #f8982080}.technologies button[data-tech=Python]:hover,.technologies button[data-tech=Python].active{border-color:#ffd43b;box-shadow:0 0 10px #ffd43b80}.technologies button[data-tech=Go]:hover,.technologies button[data-tech=Go].active{border-color:#00add8;box-shadow:0 0 10px #00add880}.technologies button[data-tech=POSTGRES]:hover,.technologies button[data-tech=POSTGRES].active{border-color:#336791;box-shadow:0 0 10px #33679180}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}