:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#e6f1ff;background-color:#0a192f;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#0a192f}a{color:inherit}.app{min-height:100vh;background-color:#0a192f;color:#e6f1ff;display:flex;flex-direction:column;background-image:radial-gradient(ellipse at 0% 0%,rgba(100,255,218,.06) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 1px 1px,rgba(100,255,218,.07) 1.5px,transparent 0),linear-gradient(rgba(100,255,218,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(100,255,218,.015) 1px,transparent 1px);background-size:100% 100%,100% 100%,32px 32px,32px 32px,32px 32px;background-attachment:fixed}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 2rem;position:sticky;top:0;background:linear-gradient(180deg,#0a192ffa,#0a192feb);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid rgba(100,255,218,.08);box-shadow:0 4px 30px #0003}.navbar-logo{display:flex;align-items:center;transition:transform .3s ease,filter .3s ease}.navbar-logo:hover{transform:scale(1.05);filter:drop-shadow(0 0 8px rgba(100,255,218,.4))}.navbar-logo img{height:40px;width:auto}.navbar-enlaces{display:flex;list-style:none;gap:.5rem;margin:0;padding:0}.navbar-enlaces li{position:relative}.navbar-enlaces a{color:#8892b0;text-decoration:none;font-weight:500;font-size:.9rem;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease;position:relative;display:block}.navbar-enlaces a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#64ffda,#00bfa5);transition:all .3s ease;transform:translate(-50%);border-radius:2px}.navbar-enlaces a:hover{color:#64ffda;background:#64ffda0d}.navbar-enlaces a:hover:after{width:60%}.banner{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 2rem 2rem;gap:1.5rem}.banner-imagen{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#64ffda,#00bfa5);display:grid;place-items:center;overflow:hidden;box-shadow:0 0 40px #64ffda33}.banner-imagen img{width:92%;height:92%;object-fit:cover;border-radius:50%;border:4px solid #0a192f}.banner-contenido h1{margin:0 0 1.25rem;line-height:1.2}.nombre-destacado{color:#64ffda;font-size:2.6rem;font-weight:700}.nombre-secundario{color:#e6f1ff;font-size:2.6rem;font-weight:700}.banner-descripcion{max-width:780px;margin:0 auto 2rem;color:#8892b0;line-height:1.7;font-size:1.05rem}.texto-resaltado{color:#64ffda;text-decoration:underline;text-underline-offset:3px}.banner-botones{display:flex;gap:1rem;justify-content:center}.btn{padding:.85rem 1.6rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .25s ease;background:transparent;border:2px solid #64ffda;color:#64ffda}.btn-primario:hover,.btn-secundario:hover{background:#64ffda1f;transform:translateY(-2px)}.seccion-titulo{text-align:center;font-size:1.75rem;font-weight:700;color:#64ffda;margin-bottom:1.75rem}.proyectos{padding:2.5rem 3rem}.proyectos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.proyecto-card{background:linear-gradient(145deg,#112240,#0d1b32);border:1px solid #1e3a5f;border-radius:12px;padding:1.75rem;transition:transform .3s ease,box-shadow .3s ease}.proyecto-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #64ffda1a}.proyecto-destacado{grid-column:span 2}.proyecto-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.proyecto-icono{font-size:1.5rem}.badge-destacado{background:linear-gradient(135deg,#64ffda,#00bfa5);color:#0a192f;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.proyecto-titulo{color:#e6f1ff;font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.proyecto-descripcion{color:#8892b0;font-size:.95rem;line-height:1.6;margin:0 0 .5rem}.proyecto-detalles{color:#6a7c99;font-size:.9rem;line-height:1.6;margin:0 0 1.25rem}.proyecto-tecnologias{display:flex;flex-wrap:wrap;gap:.5rem}.tecnologia-tag{background:#1e3a5f;color:#e6f1ff;padding:.35rem .75rem;border-radius:4px;font-size:.8rem;font-weight:500}.habilidades{padding:2.5rem 3rem}.stacks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto 3rem}.stack-card{background:linear-gradient(145deg,#112240,#0d1b32);border:1px solid #1e3a5f;border-radius:12px;padding:1.75rem}.stack-titulo{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#64ffda}.stack-descripcion{color:#8892b0;font-size:.95rem;margin:0 0 1.25rem}.stack-tecnologias{display:flex;flex-wrap:wrap;gap:.5rem}.competencias-titulo{text-align:center;font-size:1.25rem;font-weight:600;color:#e6f1ff;margin-bottom:2rem}.competencias-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.competencia-card{background:linear-gradient(145deg,#112240,#0d1b32);border:1px solid #1e3a5f;border-radius:12px;padding:1.5rem;text-align:center}.competencia-icono{font-size:2rem;display:block;margin-bottom:.75rem}.competencia-nombre{color:#64ffda;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.competencia-descripcion{color:#8892b0;font-size:.9rem;margin:0;line-height:1.5}.contacto{padding:2.5rem 3rem}.contacto-subtitulo{text-align:center;color:#8892b0;font-size:1.05rem;max-width:600px;margin:-1rem auto 2.5rem}.redes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:800px;margin:0 auto 3rem}.red-card{background:linear-gradient(145deg,#112240,#0d1b32);border:1px solid #1e3a5f;border-radius:12px;padding:1.75rem;text-align:center;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.red-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #64ffda1a;border-color:#64ffda}.red-icono{font-size:2.5rem;display:block;margin-bottom:1rem}.red-nombre{color:#64ffda;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.red-descripcion{color:#8892b0;font-size:.9rem;margin:0}.formulario-container{max-width:700px;margin:0 auto;text-align:center}.formulario-titulo{color:#64ffda;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.formulario-subtitulo{color:#8892b0;font-size:1rem;margin:0 0 2rem}.formulario{display:flex;flex-direction:column;gap:1rem}.formulario-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.formulario-input,.formulario-textarea{background:#112240;border:1px solid #1e3a5f;border-radius:8px;padding:1rem;color:#e6f1ff;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.formulario-input:focus,.formulario-textarea:focus{outline:none;border-color:#64ffda}.formulario-input::placeholder,.formulario-textarea::placeholder{color:#6a7c99}.formulario-textarea{resize:vertical;min-height:120px;width:100%}.textarea-container{position:relative;width:100%}.char-counter{position:absolute;bottom:10px;right:12px;font-size:.75rem;color:#6a7c99;background:#112240;padding:2px 6px;border-radius:4px}.char-counter.limit-reached{color:#ff5252}.btn-enviar{align-self:center;min-width:200px}.btn-enviar:disabled{opacity:.7;cursor:not-allowed}.btn-loading{position:relative}.formulario-mensaje{margin-top:1rem;padding:1rem;border-radius:8px;font-size:.95rem;text-align:center}.formulario-mensaje.exito{background:#64ffda1a;border:1px solid #64ffda;color:#64ffda}.formulario-mensaje.error{background:#ff52521a;border:1px solid #ff5252;color:#ff5252}.sobre-mi{padding:2.5rem 3rem}.sobre-mi-contenido{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;align-items:start}.sobre-mi-texto p{color:#8892b0;font-size:1rem;line-height:1.8;margin:0 0 1.25rem}.sobre-mi-texto p:last-child{margin-bottom:0}.sobre-mi-experiencias{display:flex;flex-direction:column;gap:1.25rem}.experiencia-item{background:linear-gradient(145deg,#112240,#0d1b32);border:1px solid #1e3a5f;border-radius:12px;padding:1.25rem;display:flex;gap:1rem;align-items:flex-start;transition:border-color .3s ease}.experiencia-item:hover{border-color:#64ffda}.experiencia-icono{font-size:1.75rem;flex-shrink:0}.experiencia-info h4{color:#64ffda;font-size:1rem;font-weight:600;margin:0 0 .25rem}.experiencia-info p{color:#8892b0;font-size:.9rem;margin:0;line-height:1.4}.formacion{padding:2.5rem 3rem}.formacion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.formacion-card{background:linear-gradient(145deg,#112240,#0d1b32);border:1px solid #1e3a5f;border-radius:12px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.formacion-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #64ffda1a}.formacion-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.formacion-icono{font-size:2rem}.formacion-estado{padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;background:#1e3a5f;color:#8892b0}.formacion-estado.completado{background:linear-gradient(135deg,#64ffda,#00bfa5);color:#0a192f}.formacion-estado.en-curso{background:linear-gradient(135deg,#ffc107,#ff9800);color:#0a192f}.formacion-titulo{color:#e6f1ff;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.formacion-institucion{color:#64ffda;font-size:.9rem;margin:0 0 .25rem}.formacion-periodo{color:#6a7c99;font-size:.85rem;margin:0 0 1rem}.formacion-tecnologias{display:flex;flex-wrap:wrap;gap:.4rem}.formacion-tech{background:#1e3a5f;color:#e6f1ff;padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:500}.footer{background:#071222;padding:1.5rem 3rem;margin-top:auto;border-top:1px solid #1e3a5f}.footer-contenido{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem}.footer-copyright{color:#8892b0;font-size:.9rem;margin:0}.footer-tecnologias{color:#6a7c99;font-size:.8rem;margin:0}.footer-tech{color:#64ffda}@media(max-width:768px){.navbar{padding:.6rem 1rem}.navbar-enlaces{gap:.25rem}.navbar-enlaces a{font-size:.8rem;padding:.4rem .6rem}.banner{padding:3rem 1.25rem}.nombre-destacado,.nombre-secundario{font-size:2.1rem}.banner-descripcion{font-size:.98rem}.banner-botones{flex-direction:column;width:100%;max-width:280px}.sobre-mi,.proyectos,.habilidades,.formacion,.contacto{padding:2rem 1.5rem}.sobre-mi-contenido{grid-template-columns:1fr;gap:2rem}.proyecto-destacado{grid-column:span 1}.stacks-grid,.competencias-grid,.formacion-grid,.formulario-row,.redes-grid{grid-template-columns:1fr}.footer{padding:1.5rem}}@media(max-width:480px){.navbar{padding:.5rem .75rem}.navbar-enlaces{flex-wrap:wrap;justify-content:center;gap:.2rem}.navbar-enlaces a{font-size:.7rem;padding:.3rem .4rem}.nombre-destacado,.nombre-secundario{font-size:1.8rem}.seccion-titulo{font-size:1.6rem}}