body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#11031e;color:#fcff0c;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#11031e}::-webkit-scrollbar-thumb{background:#fcff0c;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#dce00a}.glass-panel{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(252,255,12,.15);border-radius:20px;box-shadow:0 4px 30px #00000080}.navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;border-radius:50px;padding:5px 15px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px #00000080;transition:all .3s ease-in-out}.nav-links{display:flex;list-style:none;padding:0;margin:0;align-items:center;gap:10px}.nav-links li{display:flex;align-items:center}.nav-links a,.contacto-btn{text-decoration:none;color:#fff;padding:8px 16px;border-radius:20px;font-weight:500;font-size:.95rem;background:transparent;border:none;cursor:pointer;transition:all .3s ease;font-family:inherit}.nav-links a:hover,.contacto-btn:hover{background-color:#fcff0c1a;color:#fcff0c;text-shadow:0 0 8px rgba(252,255,12,.5);transform:translateY(-2px)}.contact-item{position:relative}.contact-submenu{position:absolute;top:calc(100% + 15px);left:50%;transform:translate(-50%);list-style:none;padding:10px;margin:0;border-radius:15px;display:flex;flex-direction:column;gap:5px;min-width:120px;opacity:0;animation:fadeInDown .3s forwards ease-out}.contact-submenu a{display:block;width:100%;text-align:center;padding:10px;border-radius:10px}.contact-submenu a:hover{background-color:#fcff0c;color:#11031e;text-shadow:none;box-shadow:0 0 10px #fcff0c80;transform:scale(1.05)}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:768px){.navbar{width:90%;border-radius:20px}.nav-links{justify-content:space-around;width:100%;gap:0}.nav-links a,.contacto-btn{padding:8px 10px;font-size:.85rem}}.hero-section{position:relative;min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px}.glow-circle{position:absolute;border-radius:50%;filter:blur(120px);z-index:-1;opacity:.5}.yellow-glow{background:#fcff0c;width:400px;height:400px;top:-100px;right:-100px}.purple-glow{background:#6a0dad;width:600px;height:600px;bottom:-150px;left:-300px;opacity:.6}.hero-container{display:flex;flex-direction:column;max-width:1000px;width:100%;gap:50px;margin:0 auto;align-items:center}@media(min-width:900px){.hero-container{flex-direction:row;justify-content:space-between;align-items:center;gap:40px}}.hero-left{flex:1;display:flex;flex-direction:column;gap:20px;z-index:2;text-align:center}@media(min-width:900px){.hero-left{text-align:left}}.hero-title{font-size:3rem;font-weight:900;line-height:1.1;margin:0;color:#fff}@media(min-width:900px){.hero-title{font-size:4rem}}.hero-title .highlight{color:#fcff0c;text-shadow:0 0 20px rgba(252,255,12,.4)}.hero-subtitle{font-size:1.1rem;font-weight:400;color:#d1d5db;max-width:500px;line-height:1.5;margin:0 auto}@media(min-width:900px){.hero-subtitle{margin:0}}.cta-button{display:inline-block;background-color:#fcff0c;color:#11031e;font-weight:700;font-size:1.1rem;padding:15px 30px;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 0 15px #fcff0c66;margin-top:20px}.cta-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 0 25px #fcff0ccc}.hero-right{flex:1;display:flex;justify-content:center;align-items:center;position:relative;z-index:2;width:100%}.hero-visual-wrapper{position:relative;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center}.image-container{width:250px;height:250px;border-radius:20px;overflow:hidden;border:2px solid rgba(252,255,12,.3);box-shadow:0 10px 40px #00000080,0 0 30px #fcff0c33;margin-bottom:-40px;z-index:3}@media(min-width:900px){.image-container{width:300px;height:300px;margin-bottom:-60px;margin-right:-100px}}.hero-perfil{width:100%;height:100%;object-fit:cover}.about-panel{position:relative;z-index:4;padding:25px;text-align:left;max-width:350px}@media(min-width:900px){.about-panel{align-self:flex-start;margin-top:50px}}.about-panel h3{color:#fcff0c;margin-top:0;margin-bottom:10px;font-size:1.5rem}.about-panel p{color:#f3f4f6;font-size:.95rem;line-height:1.6;margin:0}.title-tech{font-size:2rem;color:#fff;margin-top:100px;text-align:center}.tech-list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px;list-style:none;padding:0;margin-top:30px;margin-bottom:50px}.tech-list li{display:flex;align-items:center;gap:8px;font-size:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:10px 20px;border-radius:50px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.tech-list li:hover{transform:translateY(-5px) scale(1.05);background:#fcff0c;color:#11031e;border-color:#fcff0c;box-shadow:0 10px 20px #fcff0c4d}.proyect{position:relative;background-color:#ffffff0d;border-radius:20px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;height:100%;overflow:hidden;padding:1.5rem;display:flex;flex-direction:column}.repo-link{position:absolute;top:15px;right:15px;color:#fff;z-index:5;transition:all .3s ease;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:50%;padding:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.repo-link:hover{color:#11031e;background:#fcff0c;border-color:#fcff0c;transform:scale(1.1);box-shadow:0 0 15px #fcff0ccc}.proyect:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 0 15px #fcff0c,0 0 30px #fcff0c66;cursor:pointer}.link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.containerproyects{width:100%;height:200px;flex-shrink:0;margin-bottom:1rem}.containerproyects img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease-in-out,opacity .3s ease-in-out}.proyect:hover .containerproyects img{opacity:1;transform:scale(1.05)}.content{display:flex;flex-direction:column;justify-content:start;align-items:center;text-align:center;color:#ff0;gap:.8rem}.content h1,.content h2{font-size:1.8rem;margin:0;color:#ff0}.content p{font-size:1rem;margin:0;line-height:1.4;color:#f4f4b8;flex-grow:1}.description-defaul{padding-right:10px}.icons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0;margin-top:10px}.icons li{list-style:none;display:flex;align-items:center;gap:5px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:6px 14px;border-radius:20px;font-size:.85rem;transition:all .3s ease}.icons li:hover{background:#fcff0c;color:#11031e;border-color:#fcff0c;box-shadow:0 0 10px #fcff0c66}.icons li svg{font-size:1.2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;padding:2rem;width:90%;max-width:1200px;margin:40px auto}.projects-section{position:relative;padding:40px 0;z-index:1}.purple-glow-projects{background:#6a0dad;width:800px;height:800px;top:10%;left:50%;transform:translate(-50%);opacity:.3}.project-detail-section{position:relative;min-height:90vh;display:flex;justify-content:center;align-items:center;padding:40px 20px;overflow:hidden}.purple-glow-detail{background:#6a0dad;width:600px;height:600px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.4}.project-detail-container{padding:3rem;max-width:900px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2}.detail-title{color:#fcff0c;margin-bottom:2rem;font-size:3rem;font-weight:900;text-shadow:0 0 20px rgba(252,255,12,.4)}.mockup-frame{border:1px solid rgba(255,255,255,.1);border-radius:8px 8px 0 0;overflow:hidden;display:flex;flex-direction:column}.mockup-header{height:25px;background:#0006;display:flex;align-items:center;padding:0 10px;gap:5px}.mockup-header .dot{width:10px;height:10px;border-radius:50%;background-color:#555}.mockup-header .dot:nth-child(1){background-color:#ff5f56}.mockup-header .dot:nth-child(2){background-color:#ffbd2e}.mockup-header .dot:nth-child(3){background-color:#27c93f}.detail-image-container{width:100%;max-width:700px;margin-bottom:2.5rem;box-shadow:0 10px 40px #00000080,0 0 20px #fcff0c33}.project-detail-img{width:100%;height:auto;object-fit:cover;display:block}.detail-description{font-size:1.15rem;line-height:1.7;color:#d1d5db;margin-bottom:2rem;max-width:800px}.tech-pills-detail{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:0;margin-bottom:3rem}.tech-pills-detail li{list-style:none;display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 18px;border-radius:50px;font-size:.95rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease}.tech-pills-detail li:hover{background:#fcff0c;color:#11031e;border-color:#fcff0c;box-shadow:0 0 15px #fcff0c80;transform:translateY(-3px)}.project-links{display:flex;gap:1.5rem;margin-bottom:2.5rem}.back-link{text-decoration:none;color:#fcff0c;font-weight:700;font-size:1.1rem;transition:all .3s ease;padding-bottom:5px;border-bottom:2px solid transparent}.back-link:hover{border-bottom-color:#fcff0c;text-shadow:0 0 10px rgba(252,255,12,.5)}.error-container{display:flex;justify-content:center;align-items:center;min-height:50vh;font-size:2rem;color:#ff5f56}.app-layout{display:flex;min-height:100vh}.main-content{flex-grow:1;max-width:1000px;margin:0 auto;padding:20px;box-sizing:border-box}