.header{position:fixed;top:0;left:0;width:100%;padding:1.4rem 0;background:transparent;transition:all .35s ease;z-index:1000}.header.scrolled{padding:.9rem 0;background:#0a1223d1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.header-inner{display:flex;align-items:center;justify-content:space-between}.header-logo{font-family:var(--font-code);font-size:1.3rem;font-weight:700;-webkit-text-fill-color:transparent;background-clip:text;background:linear-gradient(135deg,#64ffda,#a855f7);-webkit-background-clip:text;border:none;cursor:pointer;padding:0}.header-nav{display:flex;gap:2rem}.header-nav button{background:none;border:none;color:var(--text-secondary);font-family:var(--font-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:color .2s ease;position:relative;padding:.3rem 0}.header-nav button:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#64ffda,#a855f7);border-radius:2px;transition:width .3s ease}.header-nav button:hover{color:var(--text-primary)}.header-nav button:hover:after{width:100%}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.hamburger span{display:block;width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 700px){.hamburger{display:flex}.header-nav{position:fixed;top:0;right:-100%;width:65%;max-width:280px;height:100vh;flex-direction:column;background:#0a1223f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:6rem 2rem 2rem;gap:1rem;transition:right .35s ease;border-left:1px solid rgba(255,255,255,.08)}.header-nav.open{right:0}.header-nav button{font-size:1.1rem;padding:.6rem 0}}.hero-moderno{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding-top:80px;overflow:hidden}.hero-moderno-container{display:flex;align-items:center;gap:4.5rem;position:relative;z-index:2;max-width:1000px;margin:0 auto;padding:0 1.8rem}.hero-photo-wrapper{flex-shrink:0;animation:fadeInLeft .8s ease-out}.hero-photo-border{width:300px;height:300px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#4fd1c5,#60a5fa,#a78bfa);animation:none}.hero-photo{width:100%;height:100%;border-radius:50%;object-fit:cover;border:5px solid #0a1220;display:block}.hero-moderno-content{flex:1;animation:fadeInRight .8s ease-out .2s both}.hero-badge{display:inline-block;padding:.45rem 1.1rem;background:#64ffda14;border:1px solid rgba(100,255,218,.25);border-radius:50px;margin-bottom:1.2rem;font-size:.88rem;color:var(--accent-primary);font-weight:500}.hero-name{font-size:3.6rem;font-weight:700;line-height:1.1;margin-bottom:.6rem;color:var(--text-primary)}.hero-surname{display:inline-block;background:linear-gradient(135deg,#64ffda,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-role{font-size:1.4rem;font-weight:500;color:var(--text-secondary);margin-bottom:1rem}.hero-bio{font-size:1rem;line-height:1.75;color:var(--text-secondary);margin-bottom:2rem;max-width:480px}.hero-buttons-moderno{display:flex;gap:.85rem;flex-wrap:wrap}.btn-moderno{padding:.85rem 1.7rem;border-radius:12px;font-weight:600;font-size:.92rem;transition:all .25s ease;display:inline-flex;align-items:center;gap:.55rem;cursor:pointer;border:2px solid transparent;font-family:var(--font-primary);text-decoration:none}.btn-primary-moderno{background:linear-gradient(135deg,#64ffda,#5ce1e6);color:#0a1220;box-shadow:0 6px 20px #64ffda59}.btn-primary-moderno:hover{transform:translateY(-2px);box-shadow:0 10px 28px #64ffda73}.btn-secondary-moderno{background:#64ffda12;color:var(--accent-primary);border:2px solid rgba(100,255,218,.25)}.btn-secondary-moderno:hover{background:#64ffda1f;border-color:#64ffda80;transform:translateY(-2px)}.btn-moderno svg{width:18px;height:18px}.particles-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.particles-bg:before,.particles-bg:after{content:"";position:absolute;border-radius:50%;background:var(--accent-primary);animation:twinkle 3s ease-in-out infinite}.particles-bg:before{width:4px;height:4px;top:22%;left:12%}.particles-bg:after{width:3px;height:3px;top:68%;right:18%;animation-delay:1.5s}@keyframes twinkle{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.55;transform:scale(1.3)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media (max-width: 850px){.hero-moderno-container{flex-direction:column;gap:2.2rem;text-align:center}.hero-photo-border{width:240px;height:240px}.hero-name{font-size:2.8rem}.hero-role{font-size:1.2rem}.hero-bio{margin-left:auto;margin-right:auto}.hero-buttons-moderno{justify-content:center}}@media (max-width: 480px){.hero-photo-border{width:200px;height:200px}.hero-name{font-size:2.2rem}.hero-buttons-moderno{flex-direction:column;align-items:center}.btn-moderno{width:100%;justify-content:center}}.about{padding:7rem 0;position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-tag{display:inline-block;padding:.45rem 1.1rem;background:#64ffda14;border:1px solid rgba(100,255,218,.25);border-radius:50px;color:var(--accent-primary);font-size:.88rem;font-weight:600;margin-bottom:1rem;letter-spacing:.5px}.section-title{font-size:2.4rem;font-weight:700;color:var(--text-primary);line-height:1.3}.gradient-text{background:linear-gradient(135deg,#64ffda,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:5rem;align-items:start;max-width:1100px;margin:0 auto}.about-text-col p{font-size:1.05rem;color:var(--text-secondary);line-height:1.9;margin-bottom:1.2rem}.about-goal{display:flex;gap:1.2rem;align-items:flex-start;margin-top:2rem;padding:1.6rem;background:#64ffda0f;border:1px solid rgba(100,255,218,.18);border-radius:16px}.about-goal-icon{font-size:1.8rem;flex-shrink:0;margin-top:2px}.about-goal h4{font-size:1.05rem;color:var(--accent-primary);margin-bottom:.35rem;font-weight:600}.about-goal p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:0!important}.tech-title{font-size:1.1rem;color:var(--text-secondary);font-weight:600;margin-bottom:1.2rem;text-transform:uppercase;letter-spacing:1.5px;font-size:.82rem}.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-bottom:2.5rem}.tech-card{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .25s ease;animation:fadeUp .5s ease both}.tech-card:hover{background:#64ffda14;border-color:#64ffda4d;transform:translateY(-3px)}.tech-icon{font-size:1.4rem}.tech-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.about-stats{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1.6rem;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px}.stat-item{text-align:center;flex:1}.stat-number{display:block;font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#64ffda,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stat-label{display:block;font-size:.78rem;color:var(--text-secondary);margin-top:.25rem;text-transform:uppercase;letter-spacing:.8px}.stat-divider{width:1px;height:40px;background:#ffffff1a}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.about-grid{grid-template-columns:1fr;gap:3rem}}@media (max-width: 500px){.section-title{font-size:1.8rem}.tech-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.about-stats{gap:1rem}.stat-number{font-size:1.4rem}}.projects{padding:7rem 0;background:#00000026}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;max-width:1100px;margin:0 auto}.project-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;transition:all .3s ease;animation:fadeUp .6s ease both}.project-card:hover{transform:translateY(-8px);border-color:#64ffda4d;box-shadow:0 20px 50px #00000040}.project-image-wrap{position:relative;height:210px;overflow:hidden}.project-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image-wrap img{transform:scale(1.08)}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a1223e0;display:flex;align-items:center;justify-content:center;gap:1rem;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.overlay-btn{padding:.65rem 1.5rem;border-radius:10px;font-weight:600;font-size:.9rem;transition:all .2s ease;background:linear-gradient(135deg,#64ffda,#5ce1e6);color:#0a1628}.overlay-btn:hover{transform:scale(1.06);box-shadow:0 6px 20px #64ffda66}.overlay-btn-ghost{background:transparent;color:var(--accent-primary);border:2px solid rgba(100,255,218,.4)}.overlay-btn-ghost:hover{background:#64ffda1a;box-shadow:none}.project-body{padding:1.5rem}.project-body h3{font-size:1.15rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:600}.project-body p{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-tag{padding:.3rem .8rem;background:#64ffda14;border:1px solid rgba(100,255,218,.2);border-radius:50px;font-size:.78rem;color:var(--accent-primary);font-weight:500}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 580px){.projects-grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}}.skills{padding:7rem 0}.skills-wrapper{max-width:700px;margin:0 auto}.skills-tabs{display:flex;gap:.7rem;justify-content:center;margin-bottom:2.5rem;flex-wrap:wrap}.skill-tab{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.3rem;border-radius:50px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .25s ease;font-family:var(--font-primary)}.skill-tab:hover{border-color:#64ffda4d;color:var(--text-primary)}.skill-tab.active{background:linear-gradient(135deg,#64ffda,#5ce1e6);border-color:transparent;color:#0a1628;font-weight:600;box-shadow:0 4px 18px #64ffda59}.tab-icon{font-size:1rem}.skills-list{display:flex;flex-direction:column;gap:1.4rem}.skill-row{animation:fadeUp .45s ease both}.skill-row-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.55rem}.skill-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.skill-level{font-size:.82rem;font-weight:600;color:var(--accent-primary);font-family:var(--font-code)}.skill-bar-bg{width:100%;height:7px;background:#ffffff12;border-radius:50px;overflow:hidden}.skill-bar-fill{height:100%;border-radius:50px;background:linear-gradient(90deg,#64ffda,#5ce1e6 60%,#a855f7);transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.skill-bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);animation:shimmer 2.2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.learning-row{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.learning-label{font-size:.88rem;color:var(--text-secondary);font-weight:600;white-space:nowrap}.learning-tags{display:flex;gap:.55rem;flex-wrap:wrap}.learning-tag{padding:.35rem .9rem;background:#a855f71a;border:1px solid rgba(168,85,247,.25);border-radius:50px;font-size:.82rem;color:#c084fc;font-weight:500;transition:all .2s ease}.learning-tag:hover{background:#a855f72e;border-color:#a855f773}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 500px){.skills-tabs{gap:.45rem}.skill-tab{padding:.5rem 1rem;font-size:.82rem}.learning-row{flex-direction:column;align-items:flex-start}}.contact{padding:7rem 0 5rem;background:#00000026}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:5rem;max-width:1050px;margin:0 auto;align-items:start}.contact-intro{font-size:1.05rem;color:var(--text-secondary);line-height:1.8;margin-bottom:2rem}.contact-links{display:flex;flex-direction:column;gap:.85rem}.contact-link-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;transition:all .25s ease;text-decoration:none}.contact-link-card:hover{background:#64ffda12;border-color:#64ffda4d;transform:translate(6px)}.contact-link-icon{font-size:1.5rem;flex-shrink:0}.contact-link-info{display:flex;flex-direction:column}.contact-link-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.8px;color:var(--accent-primary);font-weight:600}.contact-link-value{font-size:.92rem;color:var(--text-secondary);margin-top:1px}.contact-form{display:flex;flex-direction:column;gap:1.2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.82rem;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);font-weight:600}.form-group input,.form-group textarea{padding:.85rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-family:var(--font-primary);font-size:.95rem;transition:all .25s ease;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff40}.form-group input:focus,.form-group textarea:focus{border-color:#64ffda66;background:#64ffda0a;box-shadow:0 0 0 3px #64ffda1a}.form-group textarea{resize:vertical;min-height:110px}.btn-enviar{padding:.95rem 2rem;border-radius:12px;border:none;cursor:pointer;font-family:var(--font-primary);font-size:1rem;font-weight:600;background:linear-gradient(135deg,#64ffda,#5ce1e6);color:#0a1628;transition:all .25s ease;box-shadow:0 6px 20px #64ffda4d;align-self:flex-start}.btn-enviar:hover{transform:translateY(-2px);box-shadow:0 10px 30px #64ffda66}@media (max-width: 850px){.contact-grid{grid-template-columns:1fr;gap:3rem}}@media (max-width: 500px){.form-row{grid-template-columns:1fr}.btn-enviar{width:100%;text-align:center}}.footer{padding:3.5rem 0 0;border-top:1px solid rgba(255,255,255,.07)}.footer-inner{display:flex;align-items:center;justify-content:space-between;padding-bottom:2rem;flex-wrap:wrap;gap:2rem}.footer-brand{display:flex;flex-direction:column;gap:.25rem}.footer-logo{font-family:var(--font-code);font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#64ffda,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand p{font-size:.82rem;color:var(--text-secondary)}.footer-nav{display:flex;gap:1.8rem}.footer-nav a{font-size:.88rem;color:var(--text-secondary);transition:color .2s ease;text-decoration:none}.footer-nav a:hover{color:var(--accent-primary)}.footer-socials{display:flex;gap:.8rem}.footer-socials a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);transition:all .25s ease;text-decoration:none}.footer-socials a svg{width:18px;height:18px}.footer-socials a:hover{background:#64ffda1a;border-color:#64ffda59;color:var(--accent-primary);transform:translateY(-2px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:1.4rem 0;text-align:center}.footer-bottom p{font-size:.8rem;color:#ffffff40}@media (max-width: 750px){.footer-inner{flex-direction:column;align-items:center;text-align:center}.footer-nav{flex-wrap:wrap;justify-content:center;gap:1rem}}:root{--bg-primary: #0a1220;--bg-secondary: #0f1a2e;--bg-card: #162337;--text-primary: #eef2f7;--text-secondary: #7e8fa3;--accent-primary: #64ffda;--accent-secondary: #a855f7;--accent-gradient: linear-gradient(135deg, #64ffda 0%, #5ce1e6 100%);--font-primary: "Outfit", sans-serif;--font-code: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--transition-fast: .2s ease;--transition-medium: .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1150px;margin:0 auto;padding:0 1.8rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#64ffda,#a855f7);border-radius:4px}::selection{background:#64ffda40;color:var(--text-primary)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 15% 20%,rgba(100,255,218,.07) 0%,transparent 70%),radial-gradient(ellipse 70% 50% at 85% 75%,rgba(168,85,247,.06) 0%,transparent 70%);pointer-events:none;z-index:0}body>*{position:relative;z-index:1}