*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0a0e27;min-height:100vh;font-family:Courier New,monospace}.App{flex-direction:column;min-height:100vh;display:flex}.navbar{border-bottom:2px solid #1e40af;justify-content:space-between;align-items:center;padding:25px 50px;display:flex}.nav-brand{color:#fff;align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.navbar-icono{object-fit:contain;filter:invert()brightness(1.5);width:50px;height:50px;margin-right:8px}.nav-left{align-items:center;gap:10px;display:flex}.code-symbol{color:#3b82f6;font-weight:700}.hamburger{cursor:pointer;flex-direction:column;gap:6px;display:none}.hamburger span{background:#3b82f6;border-radius:2px;width:28px;height:3px;transition:all .3s}.hamburger.active span:first-child{transform:rotate(45deg)translateY(8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translateY(-8px)}.nav-menu{gap:1rem;list-style:none;display:flex}.nav-menu li{cursor:pointer;color:#9ca3af;border:1px solid #0000;border-radius:6px;padding:.6rem 1.2rem;font-size:small;transition:all .3s}.nav-code{color:#3b82f6;margin-right:.5rem;font-size:.9rem}.nav-menu li:hover{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f6}.nav-menu li.active{color:#fff;background:#1e40af;border:1px solid #3b82f6}.hero{background:linear-gradient(135deg,#0a0e27 0%,#1e293b 100%);flex:1;justify-content:center;align-items:center;padding:4rem 5%;display:flex}.hero-content{width:100%;max-width:900px}.terminal-window{background:#1a1f36;border:1px solid #2563eb;border-radius:10px;margin-bottom:2rem;overflow:hidden;box-shadow:0 20px 60px #00000080}.terminal-header{background:#111827;border-bottom:1px solid #2563eb;gap:.5rem;padding:.8rem;display:flex}.terminal-dot{border-radius:50%;width:12px;height:12px}.terminal-dot.red{background:#ef4444}.terminal-dot.yellow{background:#f59e0b}.terminal-dot.green{background:#10b981}.terminal-body{padding:2rem;font-family:Courier New,monospace;position:relative}.perfil-foto{object-fit:cover;border:3px solid #3b82f6;border-radius:50%;width:80px;height:80px;position:absolute;top:.5rem;right:.5rem}.terminal-line{color:#60a5fa;margin-bottom:1rem;font-size:1rem}.prompt{color:#10b981;margin-right:.5rem}.hero-title{color:#f3f4f6;margin:1rem 0;font-size:3rem;font-weight:700}.hero-titleh2{color:#f3f4f6;margin:1rem 0;font-size:2rem;font-weight:700}.highlight{color:#3b82f6;text-shadow:0 0 20px #3b82f680}.hero-subtitle{color:#9ca3af;margin:1rem 0;font-size:1.1rem;line-height:1.6}.tech-icons i{margin-right:.5rem;font-size:1.5rem;transition:transform .2s}.tech-icons i:hover{cursor:pointer;transform:scale(1.2)}.button-cv{gap:275px;display:flex}.cta-button{color:#fff;cursor:pointer;text-align:center;background:#2563eb;border:2px solid #3b82f6;border-radius:8px;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.cta-button:hover{background:#1e40af;transform:translateY(-3px);box-shadow:0 10px 30px #2563eb66}.arrow{transition:transform .3s}.cta-button:hover .arrow{transform:translate(5px)}.formacion,.certificaciones,.projects,.skills,.contact{flex:1;min-height:calc(100vh - 200px);padding:4rem 5%}.section-title{text-align:center;color:#f3f4f6;margin-bottom:3rem;font-family:Courier New,monospace;font-size:2.5rem}.code-bracket{color:#3b82f6;font-size:3rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.project-card{background:#1a1f36;border:1px solid #2563eb;border-radius:12px;transition:all .3s;overflow:hidden}.project-card:hover{cursor:pointer;border-color:#3b82f6;transform:translateY(-10px);box-shadow:0 20px 40px #2563eb4d}.card-header{background:#111827;border-bottom:1px solid #2563eb;padding:.8rem}.card-dots{gap:.4rem;display:flex}.dot-red,.dot-yellow,.dot-green{border-radius:50%;width:10px;height:10px}.dot-red{background-color:#ef4444}.dot-yellow{background-color:#f59e0b}.dot-green{background-color:#10b981}.cert-grid,.formacion-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.cert-card,.form-card{background:#1a1f36;border:1px solid #2563eb;border-radius:12px;padding:1.5rem;transition:all .3s}.cert-card:hover,.form-card:hover{border-color:#3b82f6;transform:translateY(-8px);box-shadow:0 20px 40px #2563eb4d}.cert-empresa,.form-centro{color:#10b981;margin:.5rem 0}.cert-fecha,.form-fecha{color:#9ca3af;font-size:.9rem}.project-card h3{color:#60a5fa;margin:1.5rem 1.5rem .5rem;font-size:1.3rem}.project-tech{color:#10b981;margin:0 1.5rem 1rem;font-family:Courier New,monospace;font-size:.9rem}.project-desc{color:#9ca3af;margin:0 1.5rem 1.5rem;line-height:1.6}.project-button{color:#3b82f6;cursor:pointer;background:0 0;border:1px solid #3b82f6;border-radius:6px;margin:0 1.5rem 1.5rem;padding:.7rem 1.5rem;font-family:Courier New,monospace;transition:all .3s}.project-button:hover{color:#fff;background:#2563eb;box-shadow:0 5px 15px #2563eb66}.project-button[disabled]{opacity:.5;cursor:not-allowed;color:#9ca3af;border-color:#9ca3af}.project-card.en-proceso{border-color:#f59e0b;box-shadow:0 0 20px #f59e0b33}.skills-container{max-width:1000px;margin:0 auto}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.skill-badge{color:#60a5fa;background:#1a1f36;border:1px solid #2563eb;border-radius:8px;align-items:center;gap:.5rem;padding:1.2rem 1.5rem;font-family:Courier New,monospace;transition:all .3s;display:flex}.skill-icon{color:#10b981;font-size:1.2rem}.skill-badge:hover{color:#fff;cursor:pointer;background:#2563eb;transform:translate(10px);box-shadow:0 5px 20px #2563eb66}.contact-container{max-width:700px;margin:0 auto}.contact-form{background:#1a1f36;border:1px solid #2563eb;border-radius:12px;padding:2.5rem;box-shadow:0 10px 40px #0000004d}.form-group{margin-bottom:1.5rem}.form-group label{color:#60a5fa;margin-bottom:.5rem;font-family:Courier New,monospace;display:block}.form-input,.form-textarea{color:#e0e0e0;background:#111827;border:1px solid #374151;border-radius:6px;width:100%;padding:1rem;font-family:Courier New,monospace;font-size:1rem;transition:all .3s}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:150px}.submit-button{color:#fff;cursor:pointer;background:#2563eb;border:2px solid #3b82f6;border-radius:8px;width:100%;padding:1rem 2rem;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;transition:all .3s}.submit-button:hover{background:#1e40af;transform:translateY(-2px);box-shadow:0 10px 30px #2563eb66}.footer{text-align:center;color:#9ca3af;background:#111827;border-top:1px solid #2563eb;padding:1rem 0;font-family:Courier New,monospace}.footer p{margin-bottom:.5rem;font-size:.9rem}.social-icons a{color:#fff;margin:0 .5rem;font-size:1.5rem;transition:transform .2s,color .2s}.social-icons a .fa-linkedin{color:#0a66c2}.social-icons a .fa-github{color:#312d2d}.social-icons a .fa-twitter{color:#1da1f2}.social-icons a .fa-instagram{color:#e4405f}.social-icons a:hover{color:#0d6efd;transform:scale(1.2)}@media (max-width:1400px){.hamburger{display:flex}.nav-menu{opacity:0;visibility:hidden;z-index:10;background:#0a0e27;border-top:1px solid #1e40af;flex-direction:column;align-items:flex-start;gap:1rem;width:100%;padding:1.5rem;transition:all .3s;position:absolute;top:80px;right:0;transform:translateY(-100%)}.nav-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.nav-menu li{text-align:left;border-radius:6px;width:100%;padding:1rem}.nav-code{display:inline}.nav-left{gap:8px}.hero-title{font-size:2rem}.hero-titleh2{font-size:1.5rem}.button-cv{flex-direction:column;gap:50px}.terminal-body{padding:1.5rem}.projects-grid,.skills-grid{grid-template-columns:1fr}}