.nav-logo a{color:#fff;letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;padding:0 1.5rem;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.nav-logo a:before,.nav-logo a:after{color:#4a9eff;opacity:.5;font-size:2rem;transition:all .4s;position:absolute;top:50%;transform:translateY(-50%)}.nav-logo a:before{content:"{";left:0}.nav-logo a:after{content:"}";right:0}.nav-logo a:hover:before{opacity:1;color:#4a9eff;left:-10px;transform:translateY(-50%)scale(1.2)}.nav-logo a:hover:after{opacity:1;color:#4a9eff;right:-10px;transform:translateY(-50%)scale(1.2)}.nav-logo a:hover{color:#4a9eff;text-shadow:0 0 10px #4a9eff4d;letter-spacing:2px}.nav-menu{gap:2rem;list-style:none;display:flex}.nav-menu a{color:#e0e0e0;padding-bottom:.25rem;text-decoration:none;transition:all .3s;position:relative}.nav-menu a:after{content:"";background-color:#4a9eff;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-menu a:hover{color:#fff}.nav-menu a:hover:after{width:100%}.nav-menu a.active{color:#4a9eff}.nav-menu a.active:after{background-color:#4a9eff;width:100%}.nav-social{gap:1rem;display:flex}.nav-social a{color:#e0e0e0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.nav-social a:hover{color:#4a9eff;background-color:#4a9eff1a;border-color:#4a9eff;transform:translateY(-2px)}@media (width<=768px){.nav-menu{display:none}.nav-logo a{padding:0 1rem;font-size:1.3rem}.nav-logo a:before,.nav-logo a:after{font-size:1.5rem}}.header{z-index:100;background-color:#000;border-bottom:1px solid #333;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 20px;display:flex}.nav-logo a{color:#fff;letter-spacing:1px;opacity:0;padding:0 1.5rem;font-size:1.5rem;font-weight:700;text-decoration:none;animation:1.5s ease-out forwards revealName;display:inline-block;position:relative}@keyframes revealName{0%{opacity:0}30%{opacity:0}to{opacity:1}}.nav-logo a:before,.nav-logo a:after{color:#4a9eff;opacity:0;font-size:2rem;animation:1.2s ease-out forwards openBrackets;position:absolute;top:50%;transform:translateY(-50%)}.nav-logo a:before{content:"{";animation-delay:.2s;left:0}.nav-logo a:after{content:"}";animation-delay:.2s;right:0}@keyframes openBrackets{0%{opacity:0;font-size:3rem;left:50%;right:50%;transform:translate(-50%,-50%)}40%{opacity:.8;font-size:2.5rem;left:20%;right:20%;transform:translateY(-50%)}70%{opacity:1;left:-5px;right:-5px}to{opacity:1;font-size:2rem;left:0;right:0;transform:translateY(-50%)}}.nav-logo a:after{animation-name:openBracketsRight}@keyframes openBracketsRight{0%{opacity:0;font-size:3rem;right:50%;transform:translate(50%,-50%)}40%{opacity:.8;font-size:2.5rem;right:20%;transform:translateY(-50%)}70%{opacity:1;right:-5px}to{opacity:1;font-size:2rem;right:0;transform:translateY(-50%)}}.nav-logo a:hover:before{opacity:1;color:#4a9eff;transition:all .4s;left:-10px;transform:translateY(-50%)scale(1.2)}.nav-logo a:hover:after{opacity:1;color:#4a9eff;transition:all .4s;right:-10px;transform:translateY(-50%)scale(1.2)}.nav-logo a:hover{color:#4a9eff;text-shadow:0 0 10px #4a9eff4d;letter-spacing:2px;transition:all .4s}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:90vh;padding:4rem 0;display:flex;position:relative}.hero-content{text-align:center;max-width:800px}.hero-title{margin-bottom:1.5rem}.hero-greeting{color:#4a9eff;text-shadow:0 0 2px #4a9eff;white-space:nowrap;border-right:3px solid #4a9eff;border-radius:4px;width:0;margin-bottom:.5rem;padding:.5rem;font-family:"Press Start 2P",Courier New,monospace;font-size:1.2rem;animation:2s steps(12,end) forwards typing,.5s step-end infinite blink-cursor;display:inline-block;overflow:hidden}@keyframes typing{0%{width:0}to{width:250px}}@keyframes blink-cursor{0%,to{border-color:#0000}50%{border-color:#4a9eff}}.hero-name{color:#fff;text-shadow:0 0 10px #4a9eff4d;font-size:4rem;font-weight:700;line-height:1.2;display:block}.hero-subtitle{color:#ccc;border-bottom:2px solid #0000;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:400;transition:border-color .3s;display:inline-block}.hero:hover .hero-subtitle{border-bottom-color:#4a9eff}.hero-description{color:#aaa;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.hero-buttons{justify-content:center;gap:1rem;display:flex}.btn{border-radius:5px;padding:.8rem 2rem;font-weight:500;text-decoration:none;transition:all .3s}.btn-primary{color:#fff;background-color:#0000;border:1px solid #333}.btn-primary:hover{color:#000;background-color:#4a9eff;border-color:#4a9eff;transform:translateY(-2px);box-shadow:0 5px 15px #4a9eff66}.btn-secondary{color:#fff;background-color:#0000;border:1px solid #333}.btn-secondary:hover{color:#000;background-color:#4a9eff;border-color:#4a9eff;transform:translateY(-2px);box-shadow:0 5px 15px #4a9eff66}.hero-cv{justify-content:center;margin-top:1rem;display:flex}.btn-cv{color:#4a9eff;background-color:#0000;border:1px solid #4a9eff;padding:.6rem 1.8rem}.btn-cv:hover{color:#4a9eff;background-color:#4a9eff1a;border-color:#4a9eff;transform:translateY(-2px);box-shadow:0 5px 15px #4a9eff33}.hero-scroll{z-index:10;animation:2s infinite bounce;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero-scroll a{color:#666;justify-content:center;align-items:center;transition:color .3s;display:flex}.hero-scroll a:hover{color:#4a9eff}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#4a9eff0d 0%,#0000 50%);position:absolute;inset:0}@media (width<=768px){.hero{min-height:100vh;padding-bottom:5rem}.hero-name{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem}.hero-buttons{flex-direction:column;align-items:center;gap:.8rem}.btn{text-align:center;width:100%}.hero-cv{width:100%;margin-top:1rem}.btn-cv{text-align:center;width:100%}.hero-scroll{bottom:1rem}}.experiencia{padding:4rem 0}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:before{content:"";background:#333;width:2px;position:absolute;top:0;bottom:0;left:20px}.timeline-item{opacity:0;margin-bottom:3rem;padding-left:50px;transition:all .8s ease-out;position:relative;transform:translate(-30px)}.timeline-item.visible{opacity:1;transform:translate(0)}.timeline-dot{background:#666;border:2px solid #0a0a0a;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;left:12px}.timeline-item.visible .timeline-dot{animation:2s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #4a9eff66}50%{box-shadow:0 0 0 10px #4a9eff00}}.timeline-item.educacion .timeline-dot{background:#4a9eff}.timeline-item.proyecto .timeline-dot{background:#50c878}.timeline-header{justify-content:space-between;align-items:baseline;margin-bottom:.5rem;display:flex}.timeline-title{color:#fff;font-size:1.2rem;transition:color .3s}.timeline-item:hover .timeline-title{color:#4a9eff}.timeline-date{color:#888;font-size:.9rem;transition:all .3s}.timeline-item:hover .timeline-date{color:#4a9eff;transform:scale(1.05)}.timeline-entity{color:#aaa;margin-bottom:.5rem;font-size:1rem;font-weight:400}.timeline-description{color:#999;line-height:1.6;transition:color .3s}.timeline-item:hover .timeline-description{color:#ccc}.timeline-content{border-radius:8px;padding:.5rem;transition:all .3s}.timeline-item:hover .timeline-content{background:linear-gradient(90deg,#4a9eff1a 0%,#0000 100%);transform:translate(5px)}@media (width>=768px){.timeline:before{left:50%}.timeline-item{width:50%;padding-left:0;transform:translate(-30px)}.timeline-item:nth-child(odd){margin-left:auto;padding-left:50px}.timeline-item:nth-child(2n){text-align:right;margin-right:auto;padding-right:50px;transform:translate(30px)}.timeline-item:nth-child(2n) .timeline-header{flex-direction:row-reverse}.timeline-dot{left:auto;right:-8px}.timeline-item:nth-child(odd) .timeline-dot{left:-8px;right:auto}.timeline-item.visible,.timeline-item:nth-child(odd).visible,.timeline-item:nth-child(2n).visible{opacity:1;transform:translate(0)}.timeline-item:nth-child(2n):hover .timeline-content{background:linear-gradient(-90deg,#4a9eff1a 0%,#0000 100%);transform:translate(-5px)}}@media (width<=767px){.timeline-item{transform:translate(-20px)}.timeline-item.visible{transform:translate(0)}.timeline-content:hover{background:#4a9eff1a;padding-left:1rem}}.proyectos{padding:4rem 0}.proyectos-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.proyecto-card{background:#111;border:1px solid #333;border-radius:8px;padding:0 0 1.5rem;transition:transform .3s,border-color .3s;overflow:hidden}.proyecto-card:hover{border-color:#4a9eff;transform:translateY(-5px)}.proyecto-imagen-principal{border-radius:8px 8px 0 0;width:100%;height:160px;margin-bottom:1rem;overflow:hidden}.proyecto-imagen{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .3s}.proyecto-card:hover .proyecto-imagen{transform:scale(1.05)}.proyecto-miniaturas{flex-wrap:wrap;gap:.5rem;padding:0 1.5rem 1rem;display:flex}.proyecto-miniatura{object-fit:cover;cursor:pointer;opacity:.8;border:1px solid #333;border-radius:4px;width:50px;height:50px;transition:all .2s}.proyecto-miniatura:hover{opacity:1;border-color:#4a9eff;transform:scale(1.1)}.proyecto-header{justify-content:space-between;align-items:center;margin-top:.5rem;margin-bottom:1rem;padding:0 1.5rem;display:flex}.proyecto-titulo{color:#fff;font-size:1.2rem}.proyecto-links a{color:#888;transition:color .3s}.proyecto-links a:hover{color:#4a9eff}.proyecto-descripcion{color:#aaa;margin-bottom:1.5rem;padding:0 1.5rem;font-size:.95rem;line-height:1.5}.proyecto-tecnologias{flex-wrap:wrap;gap:.5rem;padding:0 1.5rem;display:flex}.tech-badge{color:#4a9eff;background:#1a1a1a;border:1px solid #333;border-radius:20px;padding:.3rem .8rem;font-size:.85rem}.modal{z-index:1000;cursor:pointer;background-color:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-contenido{cursor:default;max-width:90vw;max-height:90vh;position:relative}.modal-imagen{object-fit:contain;border:2px solid #333;border-radius:8px;max-width:100%;max-height:80vh}.modal-cerrar{color:#fff;cursor:pointer;font-size:40px;transition:color .3s;position:absolute;top:-40px;right:0}.modal-cerrar:hover{color:#4a9eff}.modal-titulo{color:#fff;text-align:center;margin-top:1rem;font-size:1.1rem}.proyecto-imagen,.proyecto-miniatura{cursor:pointer}.proyecto-botones-contacto{justify-content:center;gap:1rem;padding:0 1.5rem 1.5rem;display:flex}.btn-contacto{color:#e0e0e0;background:#1a1a1a;border:1px solid #333;border-radius:40px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-contacto:hover{color:#000;background:#4a9eff;border-color:#4a9eff;transform:translateY(-2px)}.btn-contacto svg{stroke-width:1.5px;transition:inherit}.btn-contacto:hover svg{color:#000}.contacto{flex-direction:column;justify-content:center;min-height:60vh;padding:4rem 0;display:flex}.contacto-content{text-align:center;max-width:600px;margin:0 auto}.contacto-text{color:#aaa;margin-bottom:3rem;font-size:1.2rem;line-height:1.8}.contacto-links{flex-direction:column;gap:1.5rem;display:flex}.contacto-link{color:#e0e0e0;background-color:#111;border:1px solid #333;border-radius:8px;justify-content:center;align-items:center;gap:1rem;padding:1rem;text-decoration:none;transition:all .3s;display:flex}.contacto-link:hover{background-color:#1a1a1a;border-color:#4a9eff;transform:translate(10px)}.contacto-link:hover svg{color:#4a9eff}.contacto-link span{font-size:1.1rem}.contacto-email-badge{color:#4a9eff;background:#1a1a1a;border:1px solid #333;border-radius:20px;margin-top:2rem;padding:.3rem .8rem;font-size:.9rem;display:inline-block}.contacto-button{color:#fff;background:#111;border:1px solid #333;border-radius:8px;padding:1rem 2rem;font-size:1.1rem;text-decoration:none;transition:all .3s;display:inline-block}.contacto-button:hover{border-color:#4a9eff;transform:translateY(-5px)}.fondo-logos{pointer-events:none;z-index:0;opacity:0;width:100vw;height:100vh;transition:opacity .8s ease-in-out;position:fixed;top:0;left:0;overflow:hidden}.fondo-logos.visible{opacity:.35}.logo-flotante{opacity:.7;filter:drop-shadow(0 0 3px #4a9eff33)grayscale(40%)brightness(1.4);will-change:transform;animation:ease-in-out infinite flotar;position:absolute}@keyframes flotar{0%{transform:translate(0)rotate(0)}25%{transform:translate(8px,-10px)rotate(3deg)}50%{transform:translate(12px)rotate(0)}75%{transform:translate(8px,10px)rotate(-3deg)}to{transform:translate(0)rotate(0)}}.logo-flotante:nth-child(odd){animation:25s infinite alternate flotar}.logo-flotante:nth-child(3n){animation:30s infinite reverse flotar}.logo-flotante:nth-child(5n+2){animation:35s infinite flotar}@media (width<=768px){.fondo-logos.visible{opacity:.2}}*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background-color:#0a0a0a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}.app{min-height:100vh}main{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{color:#fff;border-bottom:2px solid #333;margin-bottom:2rem;padding-bottom:.5rem;font-size:2rem}html{scroll-behavior:smooth}.boton-arriba{color:#000;cursor:pointer;opacity:0;visibility:hidden;z-index:1000;background-color:#4a9eff;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 2px 10px #4a9eff4d}.boton-arriba.visible{opacity:1;visibility:visible}.boton-arriba:hover{background-color:#6baeff;transform:translateY(-3px);box-shadow:0 4px 15px #4a9eff66}@media (width<=768px){.boton-arriba{width:45px;height:45px;bottom:1rem;right:1rem}}