*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--bg-dark:#060606;--bg-card:#111;--bg-card-hover:#161616;--border:#1e1e1e;--border-light:#2a2a2a;--text:#e8e8e8;--text-muted:#888;--text-dim:#555;--accent:#4fffb0;--accent-dim:#4fffb01f;--accent-glow:#4fffb040;--white:#fff;--font-serif:"DM Serif Display", Georgia, serif;--font-mono:"DM Mono", "Courier New", monospace;--font-sans:"DM Sans", system-ui, -apple-system, sans-serif;--section-py:clamp(5rem, 10vw, 9rem);--container:1200px;--gap:2rem;--ease:cubic-bezier(.25, .46, .45, .94);--t-fast:.15s var(--ease);--t-med:.3s var(--ease);--t-slow:.55s var(--ease);--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:999px}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.7;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}.text-accent{color:var(--accent)}.navbar{z-index:100;transition:background var(--t-med), padding var(--t-med), border-color var(--t-med);border-bottom:1px solid #0000;padding:1.25rem 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);border-color:var(--border);background:#0a0a0ae0;padding:.875rem 0}.nav-container{max-width:var(--container);justify-content:space-between;align-items:center;gap:2rem;margin:0 auto;padding:0 clamp(1.25rem,5vw,2.5rem);display:flex}.nav-logo{font-family:var(--font-mono);color:var(--text);letter-spacing:.05em;transition:color var(--t-fast);align-items:center;gap:.6rem;font-size:.95rem;font-weight:500;display:flex}.nav-logo:hover{color:var(--accent)}.nav-logo img{filter:brightness(0)invert();opacity:.9}.nav-links{align-items:center;gap:.25rem;display:flex}.nav-link{color:var(--text-muted);border-radius:var(--radius-full);transition:color var(--t-fast), background var(--t-fast);padding:.4rem .85rem;font-size:.875rem;font-weight:400}.nav-link:hover{color:var(--text);background:var(--border)}.nav-link.nav-cta{color:var(--accent);border:1px solid var(--accent);margin-left:.5rem}.nav-link.nav-cta:hover{background:var(--accent);color:var(--bg)}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-toggle span{background:var(--text);width:22px;height:2px;transition:transform var(--t-med), opacity var(--t-fast);border-radius:2px;display:block}.nav-toggle.active span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.section{padding:var(--section-py) 0;position:relative}.section-dark{background:var(--bg-dark)}.section-container{max-width:var(--container);margin:0 auto;padding:0 clamp(1.25rem,5vw,2.5rem)}.section-header{margin-bottom:clamp(3rem,6vw,5rem)}.section-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:.78rem;display:block}.section-title{font-family:var(--font-serif);color:var(--white);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:400;line-height:1.15}.section-wip{font-size:.78rem;font-family:var(--font-mono);color:var(--text-dim);align-items:center;gap:.4rem;margin-top:.75rem;display:inline-flex}.btn{border-radius:var(--radius-full);font-size:.9rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:background var(--t-fast), color var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);border:none;align-items:center;gap:.5rem;padding:.7rem 1.5rem;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{box-shadow:0 0 28px var(--accent-glow);background:#6fffc0}.btn-ghost{color:var(--text);border:1px solid var(--border-light);background:0 0}.btn-ghost:hover{background:var(--border);color:var(--white);border-color:var(--border-light)}.btn-large{padding:1rem 2.2rem;font-size:1rem}.hero{min-height:100svh;max-width:var(--container);padding:calc(5rem + 80px) clamp(1.25rem, 5vw, 2.5rem) var(--section-py);grid-template-columns:1fr 1fr;align-items:center;gap:4rem;margin:0 auto;display:grid}.hero-content{max-width:560px}.hero-badge{font-family:var(--font-mono);color:var(--accent);background:var(--accent-dim);border-radius:var(--radius-full);letter-spacing:.03em;border:1px solid #4fffb033;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.35rem .9rem;font-size:.8rem;display:inline-flex}.badge-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.hero-title{font-family:var(--font-serif);color:var(--white);margin-bottom:1.25rem;font-size:clamp(2.8rem,6vw,4.8rem);font-weight:400;line-height:1.08}.hero-title em{color:var(--accent);font-style:italic}.hero-subtitle{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;margin-bottom:1.5rem;font-size:.9rem}.hero-description{color:var(--text-muted);max-width:480px;margin-bottom:2.5rem;font-size:1.05rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:.85rem;margin-bottom:3rem;display:flex}.hero-social{gap:1.25rem;display:flex}.hero-social a{color:var(--text-dim);transition:color var(--t-fast), transform var(--t-fast);font-size:1.25rem}.hero-social a:hover{color:var(--accent);transform:translateY(-2px)}.hero-visual{flex-direction:column;align-items:center;gap:2rem;display:flex;position:relative}.hero-img-wrapper{width:clamp(200px,35vw,280px);position:relative}.hero-img-wrapper:before{content:"";background:conic-gradient(from 180deg, var(--accent), transparent, var(--accent));z-index:0;border-radius:50%;animation:6s linear infinite spin;position:absolute;inset:-3px}@keyframes spin{to{transform:rotate(360deg)}}.hero-photo{z-index:1;aspect-ratio:1;object-fit:cover;background:var(--bg-card);border-radius:50%;width:calc(100% - 6px);margin:3px;display:block;position:relative}.hero-device-img{opacity:.55;filter:saturate(.3)brightness(1.2);max-width:320px;transition:opacity var(--t-med)}.hero-device-img:hover{opacity:.8}.sobre-mi-grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(2.5rem,6vw,5rem);display:grid}.sobre-mi-text .lead{color:var(--text);margin-bottom:1.25rem;font-size:1.15rem;line-height:1.7}.sobre-mi-text p{color:var(--text-muted);margin-bottom:1rem}.sobre-mi-text strong{color:var(--text);font-weight:500}.sobre-mi-text a{color:var(--accent);transition:border-color var(--t-fast);border-bottom:1px solid #4fffb04d}.sobre-mi-text a:hover{border-color:var(--accent)}.sobre-mi-stats{border-top:1px solid var(--border);gap:2.5rem;margin-top:2.5rem;padding-top:2rem;display:flex}.stat{flex-direction:column;gap:.2rem;display:flex}.stat-number{font-family:var(--font-serif);color:var(--accent);font-size:2.2rem;line-height:1}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.sobre-mi-education-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin-bottom:1.75rem;font-size:.78rem}.timeline{flex-direction:column;gap:0;display:flex}.timeline-item{border-bottom:1px solid var(--border);transition:background var(--t-fast);align-items:flex-start;gap:1.25rem;padding:1.25rem 0;display:flex}.timeline-item:first-child{border-top:1px solid var(--border)}.timeline-year{font-family:var(--font-mono);color:var(--accent);letter-spacing:.05em;min-width:60px;padding-top:.1rem;font-size:.75rem}.timeline-item strong{color:var(--text);margin-bottom:.2rem;font-size:.9rem;font-weight:500;display:block}.timeline-org{color:var(--text-dim);font-size:.8rem}.skills-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.skill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:background var(--t-med), border-color var(--t-med), transform var(--t-med);padding:2rem}.skill-card:hover{background:var(--bg-card-hover);border-color:var(--border-light);transform:translateY(-4px)}.skill-card-icon{border-radius:var(--radius-md);background:var(--accent-dim);width:44px;height:44px;color:var(--accent);border:1px solid #4fffb026;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.3rem;display:flex}.skill-card h3{font-family:var(--font-sans);color:var(--white);margin-bottom:.6rem;font-size:1rem;font-weight:500}.skill-card p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.875rem;line-height:1.65}.skill-tags{flex-wrap:wrap;gap:.45rem;display:flex}.skill-tags li{font-family:var(--font-mono);color:var(--text-muted);background:var(--border);border-radius:var(--radius-full);border:1px solid var(--border-light);transition:color var(--t-fast), background var(--t-fast);padding:.3rem .7rem;font-size:.75rem}.skill-card:hover .skill-tags li{color:var(--accent);background:var(--accent-dim);border-color:#4fffb033}.proyectos-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.proyecto-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--t-med), transform var(--t-med);overflow:hidden}.proyecto-card:hover{border-color:var(--border-light);transform:translateY(-5px)}.proyecto-img-wrap{aspect-ratio:16/10;background:var(--border);position:relative;overflow:hidden}.proyecto-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform var(--t-slow), filter var(--t-slow);filter:saturate(.7)brightness(.85)}.proyecto-card:hover .proyecto-img-wrap img{filter:saturate()brightness(.6);transform:scale(1.06)}.proyecto-overlay{opacity:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity var(--t-med);background:#0a0a0a99;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.proyecto-card:hover .proyecto-overlay{opacity:1}.proyecto-links{gap:1rem;display:flex}.proyecto-links a{background:var(--bg);border:1px solid var(--border-light);width:46px;height:46px;color:var(--text);transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast), transform var(--t-fast);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.proyecto-links a:hover{background:var(--accent);color:var(--bg);border-color:var(--accent);transform:scale(1.1)}.proyecto-info{padding:1.5rem}.proyecto-info h3{color:var(--white);margin-bottom:.5rem;font-size:.95rem;font-weight:500}.proyecto-info p{color:var(--text-muted);margin-bottom:1.1rem;font-size:.83rem;line-height:1.6}.proyecto-tags{flex-wrap:wrap;gap:.35rem;display:flex}.proyecto-tags span{font-family:var(--font-mono);color:var(--accent);background:var(--accent-dim);border-radius:var(--radius-full);border:1px solid #4fffb026;padding:.2rem .6rem;font-size:.7rem}.proyectos-footer{text-align:center;margin-top:3rem}.articulos-list{border-top:1px solid var(--border)}.articulo-item a{border-bottom:1px solid var(--border);color:var(--text-muted);transition:color var(--t-fast), padding var(--t-fast);align-items:center;gap:1.5rem;padding:1.5rem 0;display:flex}.articulo-item a:hover{color:var(--white);padding-left:.5rem}.articulo-item a:hover .articulo-titulo{color:var(--white)}.articulo-item a:hover .bi-arrow-up-right{color:var(--accent)}.articulo-num{font-family:var(--font-mono);color:var(--text-dim);min-width:2rem;font-size:.75rem}.articulo-titulo{color:var(--text-muted);transition:color var(--t-fast);flex:1;font-size:.95rem}.articulo-item .bi-arrow-up-right{color:var(--text-dim);transition:color var(--t-fast), transform var(--t-fast);font-size:1rem}.articulo-item a:hover .bi-arrow-up-right{transform:translate(2px,-2px)}.articulos-footer{margin-top:2.5rem}.contacto{text-align:center;background:var(--bg);position:relative;overflow:hidden}.contacto:before{content:"";pointer-events:none;background:radial-gradient(circle,#4fffb00a 0%,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contacto-inner{z-index:1;flex-direction:column;align-items:center;gap:1.5rem;max-width:620px;margin:0 auto;display:flex;position:relative}.contacto-title{font-family:var(--font-serif);color:var(--white);font-size:clamp(2.5rem,6vw,4rem);font-weight:400;line-height:1.15}.contacto-title em{color:var(--accent);font-style:italic}.contacto-desc{color:var(--text-muted);max-width:460px;font-size:1rem}.footer{background:var(--bg-dark);border-top:1px solid var(--border);padding:3rem 0 1.5rem}.footer-container{max-width:var(--container);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;margin:0 auto 2.5rem;padding:0 clamp(1.25rem,5vw,2.5rem);display:flex}.footer-brand{flex-direction:column;gap:.5rem;display:flex}.footer-brand img{filter:brightness(0)invert();opacity:.5}.footer-brand p{color:var(--text-dim);font-size:.85rem}.footer-nav{gap:2rem;display:flex}.footer-nav a{color:var(--text-dim);transition:color var(--t-fast);font-size:.85rem}.footer-nav a:hover{color:var(--text)}.footer-social{gap:1rem;display:flex}.footer-social a{color:var(--text-dim);transition:color var(--t-fast), transform var(--t-fast);font-size:1.1rem}.footer-social a:hover{color:var(--accent);transform:translateY(-2px)}.footer-bottom{max-width:var(--container);border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-dim);margin:0 auto;padding:1.5rem clamp(1.25rem,5vw,2.5rem) 0;font-size:.75rem}.fade-in{opacity:0;transition:opacity var(--t-slow), transform var(--t-slow);transform:translateY(24px)}.fade-in.visible{opacity:1;transform:translateY(0)}.proyecto-card.fade-in:nth-child(2){transition-delay:80ms}.proyecto-card.fade-in:nth-child(3){transition-delay:.16s}.proyecto-card.fade-in:nth-child(4){transition-delay:80ms}.proyecto-card.fade-in:nth-child(5){transition-delay:.16s}.proyecto-card.fade-in:nth-child(6){transition-delay:.24s}.skill-card.fade-in:nth-child(2){transition-delay:.1s}.skill-card.fade-in:nth-child(3){transition-delay:.2s}.articulo-item.fade-in:nth-child(2){transition-delay:60ms}.articulo-item.fade-in:nth-child(3){transition-delay:.12s}.articulo-item.fade-in:nth-child(4){transition-delay:.18s}.articulo-item.fade-in:nth-child(5){transition-delay:.24s}@media (width<=900px){.hero{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-content{max-width:100%}.hero-actions,.hero-social{justify-content:center}.hero-description{margin-left:auto;margin-right:auto}.hero-visual{order:-1}.hero-img-wrapper{width:clamp(140px,35vw,200px)}.sobre-mi-grid{grid-template-columns:1fr;gap:3rem}.skills-grid,.proyectos-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.nav-toggle{display:flex}.nav-links{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;transition:transform var(--t-med), opacity var(--t-med);background:#0a0a0af7;flex-direction:column;align-items:stretch;gap:0;padding:1rem;position:fixed;top:64px;left:0;right:0;transform:translateY(-110%)}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link{border-radius:var(--radius-md);padding:.85rem 1rem;font-size:1rem}.nav-link.nav-cta{text-align:center;margin-top:.5rem;margin-left:0}.skills-grid,.proyectos-grid{grid-template-columns:1fr}.sobre-mi-stats{flex-direction:column;gap:1.25rem}.footer-container{text-align:center;flex-direction:column;align-items:center}.footer-nav{flex-direction:column;align-items:center;gap:1rem}.articulo-item a{gap:1rem}.articulo-num{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}