nav{display:flex;justify-content:center;animation:fadeInDown .8s ease;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.nav-background{width:100%;padding:50px 0;display:flex;justify-content:center}.nav-pill{background:var(--card-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:12px 20px;padding-left:30px!important;border-radius:50px;display:flex;gap:30px;align-items:center;width:fit-content;box-shadow:0 8px 32px var(--glass-shadow),inset 0 1px 1px #ffffff4d;border:1px solid var(--glass-border);position:relative;overflow:hidden}.nav-pill a{color:var(--text-primary);text-decoration:none;font-weight:500;font-size:14px;transition:color .3s ease;position:relative;cursor:pointer}.nav-pill a:hover{color:var(--accent)}.nav-pill a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s ease}.nav-pill a:hover:after{width:100%}.toggle{background-color:var(--bg-secondary);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 50px 20px #0000001a;line-height:1;transition:all .3s ease}.toggle:hover{background:var(--accent);box-shadow:0 8px 20px var(--glass-shadow),inset 0 1px 1px #ffffff4d}.input{display:none}.icon{grid-column:1 / 1;grid-row:1 / 1;transition:transform .5s;line-height:.1}.toggle:hover svg{fill:#fff}.icon--moon{transition-delay:.2s}.icon--sun{transform:scale(0)}#switch:checked+.icon--moon{transform:rotate(360deg) scale(0)}#switch:checked~.icon--sun{transition-delay:.2s;transform:scale(1) rotate(360deg)}.hamburger{display:none;flex-direction:column;gap:5px;background:var(--card-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px var(--glass-shadow),inset 0 1px 1px #fff3;z-index:1001}.nav-backdrop{display:none}.hamburger:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px var(--glass-shadow),inset 0 1px 1px #ffffff4d}.hamburger span{width:25px;height:3px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.hamburger:hover span{background:#fff}.hamburger span.open:nth-child(1){transform:translateY(265%) rotate(-135deg)}.hamburger span.open:nth-child(2){opacity:0}.hamburger span.open:nth-child(3){top:50%;transform:translateY(-265%) rotate(135deg)}.language-switcher{display:contents}@media(max-width:750px){.hamburger{display:flex}.nav-backdrop{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-background{padding:20px;position:relative}.nav-pill{position:fixed;top:80px;left:50%;transform:translate(-50%) translateY(-120%);flex-direction:column;padding:20px;gap:15px;width:calc(100% - 40px);max-width:300px;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);z-index:1000}.nav-pill.mobile-open{transform:translate(-50%) translateY(0);opacity:1;pointer-events:all}.nav-pill a{padding:5px;border-radius:10px;text-align:center;width:100%;transition:all .3s ease}.language-switcher{display:flex;flex-direction:row;gap:10px;width:100%}.language-switcher a{flex:1}.toggle{margin:10px auto 0}}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:20px;margin-bottom:120px;animation:fadeInUp .8s ease .2s both}.hero-content h1{font-size:72px;font-weight:800;line-height:1.1;margin-bottom:20px;letter-spacing:-2px}.hero-content h2{font-size:32px;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.hero-content p{font-size:16px;color:var(--text-secondary);line-height:1.8;max-width:500px}.hero-image{position:relative;display:flex;justify-content:center;align-items:center}.hero-illustration{position:relative;animation:float 6s ease-in-out infinite}.hero-illustration svg{width:400px;height:400px;filter:drop-shadow(0 20px 60px var(--shadow))}.perfil{aspect-ratio:1/1;width:200px;position:relative}.social-links{display:flex;gap:15px;margin-top:30px}.social-link{width:50px;height:50px;background:var(--card-bg);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid var(--glass-border);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 16px var(--glass-shadow),inset 0 1px 1px #fff3;position:relative;overflow:hidden;text-decoration:none}.mail-link{fill:none!important;stroke:var(--text-primary);stroke-width:2}.social-link:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 24px var(--glass-shadow),inset 0 1px 1px #ffffff4d}.social-link svg{width:20px;height:20px;fill:var(--text-primary);transition:fill .3s ease}.social-link:hover svg{fill:#fff}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media(max-width:970px){.hero{grid-template-columns:1fr;gap:40px;text-align:center;margin-bottom:0}.hero-content h1{font-size:48px}.hero-content p{margin:0 auto}.hero-illustration svg{width:300px;height:300px}.social-links{justify-content:center}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}:root{--bg-primary: #f5f5f7;--bg-secondary: rgba(255, 255, 255, .7);--text-primary: #000000;--text-secondary: #666666;--accent: #a855f7;--accent-light: #c084fc;--border: rgba(255, 255, 255, .3);--shadow: rgba(0, 0, 0, .1);--card-bg: rgba(255, 255, 255, .4);--nav-bg: rgba(255, 255, 255, .4);--gradient-start: rgba(168, 85, 247, .15);--gradient-end: rgba(236, 72, 153, .15);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: rgba(31, 38, 135, .15);--glass-shadow-hover: rgba(31, 38, 135, .8)}[data-theme=dark]{--bg-primary: #0a0a0f;--bg-secondary: rgba(21, 21, 32, .6);--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent: #a855f7;--accent-light: #c084fc;--border: rgba(255, 255, 255, .15);--shadow: rgba(168, 85, 247, .3);--card-bg: rgba(26, 26, 46, .4);--gradient-start: rgba(168, 85, 247, .25);--gradient-end: rgba(236, 72, 153, .25);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: rgba(168, 85, 247, .2);--glass-shadow-hover: rgba(168, 85, 247, .8)}body{font-family:Outfit,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background .3s ease,color .3s ease;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 40px;position:relative;z-index:1}section{margin-bottom:100px;animation:fadeInUp .8s ease}.section-header{display:flex;align-items:center;gap:20px;margin-bottom:50px}.section-header:before{content:"";width:6px;height:50px;background:linear-gradient(to bottom,var(--accent),var(--accent-light));border-radius:3px}.section-header h2{font-size:42px;font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.container{padding:0 20px}.section-header h2{font-size:32px}}