:root{--bg-primary:#0d1321;--bg-secondary:#1d2d44;--text-main:#3e5c76;--text-muted:#748cab;--accent-color:#f0ebd8;--font-base:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--line-height-base:1.5;--max-width-container:1200px;--header-height:80px;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2.5rem;--spacing-xl:5rem;--radius-sm:8px;--radius-md:12px;--transition-fast:.2s ease;--transition-normal:.4s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-base)}body{background-color:var(--bg-primary);min-width:320px;min-height:100vh;color:var(--text-main);line-height:var(--line-height-base)}#root{width:100%;min-height:100vh}.App{background:#08283d;min-height:100vh}.section{opacity:0;flex-direction:column;justify-content:center;align-items:center;max-width:1200px;min-height:100vh;margin:0 auto;padding:100px 20px 40px;animation:.6s forwards fadeIn;display:flex}.section:first-child{animation-delay:.1s}.section:nth-child(2){animation-delay:.2s}.section:nth-child(3){animation-delay:.3s}.section:nth-child(4){animation-delay:.4s}.section:nth-child(5){animation-delay:.5s}.section h1{letter-spacing:-1px;color:#2d3748;margin-bottom:.5rem;font-size:2.5rem;font-weight:300}.section h2{letter-spacing:-.5px;color:#2d3748;margin-bottom:1rem;font-size:2rem;font-weight:300}.section p{color:#4a5568;text-align:center;max-width:600px;font-size:1.1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width>=768px){.section{padding:120px 40px 60px}.section h1{font-size:4rem}.section h2{font-size:3rem}.section p{font-size:1.25rem}}@media (width>=1024px){.section{padding:140px 60px 80px}}:root{--color-dark:#0d1321;--color-navy:#1d2d44;--color-blue:#3e5c76;--color-light-blue:#748cab;--color-cream:#f0ebd8;--color-neon:#8bb8d4;--color-glow:#748cab26;--color-border:#748cab14;--header-height:4rem;--transition:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box}.header{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(180%);transition:all var(--transition);max-width:100vw;height:var(--header-height);background:#0d1321bf;border:1px solid #748cab1a;border-radius:20px;padding:10px 20px;position:fixed;top:12px;left:12px;right:12px;box-shadow:0 8px 32px #00000040}.header:before{content:"";-webkit-mask-composite:xor;pointer-events:none;transition:opacity var(--transition);background:linear-gradient(135deg,#748cab33,#748cab0d,#748cab33);border-radius:21px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.header.scrolled{background:#0d1321f2;border-radius:0;padding:8px 24px;top:0;left:0;right:0}.header.scrolled:before{opacity:0}.nav-container{flex-direction:column;width:100%;max-width:1200px;margin:0 auto;display:flex}.nav-header{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{color:var(--color-cream);letter-spacing:2px;text-transform:uppercase;transition:transform var(--transition);align-items:center;gap:10px;font-size:1rem;font-weight:300;text-decoration:none;display:flex}.logo-icon{background:linear-gradient(135deg, var(--color-light-blue), var(--color-neon));width:30px;height:30px;color:var(--color-dark);border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.logo-text{letter-spacing:2px;white-space:nowrap;font-weight:300}.logo-text strong{background:linear-gradient(135deg, var(--color-cream), var(--color-neon));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:600}.logo-text .dot{color:var(--color-neon);-webkit-text-fill-color:initial}.hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;padding:0;display:flex}.hamburger .bar{background:var(--color-cream);width:100%;height:2px;transition:transform var(--transition), opacity var(--transition);border-radius:2px;display:block}.hamburger.active .bar:first-child{background:var(--color-neon);transform:translateY(8px)rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){background:var(--color-neon);transform:translateY(-8px)rotate(-45deg)}.nav-menu{transition:grid-template-rows var(--transition-slow), opacity var(--transition);opacity:0;grid-template-rows:0fr;width:100%;display:grid;overflow:hidden}.nav-menu.active{opacity:1;grid-template-rows:1fr;padding-top:16px;padding-bottom:8px}.nav-links{min-height:0;max-height:calc(80vh - var(--header-height));flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.nav-link{color:#f0ebd8b3;letter-spacing:1px;text-transform:uppercase;width:100%;transition:background var(--transition), color var(--transition);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:.85rem;font-weight:400;text-decoration:none;display:flex}.nav-link .nav-number{color:var(--color-neon);opacity:.6;font-size:.7rem}.nav-link .nav-arrow{opacity:0;transition:all var(--transition);color:var(--color-neon);margin-left:auto;font-size:.8rem;transform:translate(-6px)}.nav-link:hover,.nav-link.active{color:var(--color-cream);background:#748cab1f}.nav-link:hover .nav-arrow,.nav-link.active .nav-arrow{opacity:1;transform:translate(0)}.nav-actions{border-top:1px solid #748cab1a;margin-top:8px;padding-top:12px;display:flex}.cv-button{width:100%;color:var(--color-cream);letter-spacing:1.5px;text-transform:uppercase;transition:all var(--transition);background:#748cab26;border:1px solid #748cab33;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.8rem;text-decoration:none;display:flex}.cv-button .cv-icon{width:16px;height:16px}@media (width>=900px){.header{border-radius:20px;padding:10px 28px;top:16px;left:20px;right:20px}.nav-container{flex-direction:row;justify-content:space-between;align-items:center}.nav-header{width:auto}.hamburger{display:none}.nav-menu{grid-template-rows:none;align-items:center;gap:24px;width:auto;overflow:visible;opacity:1!important;padding:0!important;display:flex!important}.nav-links{flex-direction:row;align-items:center;gap:4px;max-height:none;overflow:visible}.nav-link{width:auto;padding:8px 14px;font-size:.75rem}.nav-link .nav-arrow{display:none}.nav-actions{border-top:none;width:auto;margin-top:0;padding-top:0}.cv-button{border-radius:50px;width:auto;padding:8px 18px}}.hero{background-image:url(/assets/Fondo1-8MwwTrQc.jpg);background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;color:#fff;text-align:left;justify-content:left}.about{border:5px solid #fff;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.tools{border:5px solid #fff;justify-content:center;align-items:center;width:100%;height:50vh;display:flex}.certifications{border:5px solid #fff;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.contact-section{border:5px solid #ccc;width:100%;height:50vh;padding:50px}.footer{border:5px solid #fff;width:100%;height:20vh;padding:50px}.projects{border:5px solid #fff;width:100%;height:100vh;padding:50px}