@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:none;scroll-behavior:smooth;font-family:Poppins,sans-serif}:root{--bg-color: #0b0613;--second-bg-color: #150f22;--card-bg-color: #21172f;--text-color: #f8f2ff;--text-secondary: #c8b8dc;--main-color: #a855f7;--accent-color: #d946ef;--bright-violet: #c084fc;--dark-violet: #6d28d9;--gradient-primary: linear-gradient(135deg, #7c3aed 0%, #a855f7 48%, #d946ef 100%);--gradient-dark: linear-gradient(135deg, #150f22 0%, #21172f 100%);--gradient-glow: linear-gradient(135deg, rgba(168, 85, 247, .2) 0%, rgba(217, 70, 239, .1) 100%);--shadow-light: 0 4px 6px rgba(168, 85, 247, .1);--shadow-medium: 0 8px 25px rgba(168, 85, 247, .18);--shadow-heavy: 0 15px 35px rgba(217, 70, 239, .22);--glow-violet: 0 0 22px rgba(168, 85, 247, .35);--border-color: #352447;--border-accent: rgba(168, 85, 247, .35)}html{font-size:62.5%;overflow-x:hidden}body{background:var(--bg-color);color:var(--text-color);overflow-x:hidden;padding-top:0;background-image:radial-gradient(circle at 25% 25%,rgba(168,85,247,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(217,70,239,.06) 0%,transparent 50%)}section{min-height:100vh;color:var(--text-color);background:var(--bg-color);position:relative;padding:10rem 9% 2rem;overflow-x:hidden}section:nth-child(2n){background:var(--second-bg-color)}section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(168,85,247,.06) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(217,70,239,.05) 0%,transparent 50%);pointer-events:none}.header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;padding:2rem 9%;display:flex;justify-content:space-between;align-items:center;z-index:100!important;background:#0b0613f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);box-shadow:0 2px 20px #0000004d;transform:translateY(0)!important;transition:none}.logo{font-size:2.5rem;font-weight:700;cursor:default;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,53,205,.5)}.navbar a{font-size:1.7rem;color:var(--text-secondary);margin-left:4rem;transition:all .3s ease;position:relative}.navbar a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .3s ease}.navbar a:hover,.navbar a.active{color:var(--main-color);text-shadow:0 0 10px rgba(255,53,181,.3)}.navbar a:hover:after,.navbar a.active:after{width:100%}#menu-icon{font-size:3.6rem;color:var(--text-color);display:none}.inicio{display:flex;justify-content:space-between;align-items:center;gap:2rem;min-height:100vh;padding:12rem 9% 2rem}.inicio-content{flex:1;max-width:60%}.inicio-content h3{font-size:3.2rem;font-weight:700;color:var(--text-secondary);margin-bottom:1rem}.inicio-content h1{font-size:5.6rem;font-weight:700;line-height:1.3;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(255,53,215,.2));word-wrap:break-word}.inicio-content p{font-size:1.6rem;margin:2rem 0 3rem;line-height:1.6;max-width:100%;word-wrap:break-word}span{color:var(--main-color);text-shadow:0 0 10px rgba(255,53,248,.3)}.inicio-img{flex:1;max-width:40%;display:flex;justify-content:center;align-items:center}.inicio-img img{width:100%;max-width:350px;height:auto;animation:floatImage 4s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(252,53,255,.2));transition:all .3s ease}.inicio-img img:hover{filter:drop-shadow(0 20px 40px rgba(231,53,255,.3));transform:scale(1.02)}@keyframes floatImage{0%{transform:translateY(0) scale(1);filter:drop-shadow(0 10px 20px rgba(255,53,225,.1))}50%{transform:translateY(-2.4rem) scale(1.02);filter:drop-shadow(0 20px 40px rgba(255,53,228,.2))}to{transform:translateY(0) scale(1);filter:drop-shadow(0 10px 20px rgba(255,53,242,.1))}}.social-media{display:flex;gap:1rem;margin-top:2rem}.social-media a{display:inline-flex;justify-content:center;align-items:center;width:6rem;height:6rem;border-radius:50%;font-size:4rem;background:var(--card-bg-color);border:2px solid var(--border-color);color:var(--main-color);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-media a:hover{background:var(--main-color);color:var(--bg-color);border-color:var(--main-color);transform:translateY(-3px) scale(1.1);box-shadow:var(--glow-violet)}.sobre{display:flex;justify-content:space-between;align-items:center;gap:4rem;background:var(--second-bg-color);padding:10rem 9% 2rem}.sobre-img{flex:1;max-width:40%;display:flex;justify-content:center}.sobre-img img{width:100%;max-width:350px;height:auto;filter:drop-shadow(0 10px 30px rgba(255,53,252,.2));transition:all .3s ease}.sobre-img img:hover{filter:drop-shadow(0 20px 40px rgba(245,53,255,.3));transform:scale(1.02)}.sobre-content{flex:1;max-width:60%}.heading{text-align:center;font-size:4.5rem;margin-bottom:3rem}.sobre-content h2{text-align:left;line-height:1.2;font-size:4.5rem;margin-bottom:2rem}.sobre-content h3{font-size:2.6rem;margin-bottom:2rem}.sobre-content p{font-size:1.6rem;margin:2rem 0 3rem;line-height:1.6;word-wrap:break-word}.btn{display:inline-block;padding:1rem 2.8rem;border-radius:4rem;font-size:1.6rem;font-weight:600;background:var(--gradient-primary);border:none;color:#fff;text-transform:uppercase;letter-spacing:1px;box-shadow:var(--shadow-medium);transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-heavy),var(--glow-violet)}.btn:hover:before{left:100%}.habilidades{padding:10rem 9% 2rem;background:var(--second-bg-color);perspective:1000px}.habilidades h2{margin-bottom:6rem}.habilidades-section{margin-bottom:8rem}.section-title{font-size:3rem;color:var(--text-color);margin-bottom:4rem;display:flex;align-items:center;gap:1rem;position:relative;transform-style:preserve-3d}.section-title:after{content:"";flex:1;height:2px;background:var(--gradient-primary);margin-left:2rem;border-radius:1px}.section-title i{font-size:3.5rem;color:var(--main-color);filter:drop-shadow(0 0 10px rgba(235,53,255,.3))}.habilidades-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:3rem;max-width:1400px;margin:0 auto;perspective:1000px}.habilidad-card{display:flex;align-items:flex-start;gap:2.5rem;background:var(--card-bg-color);padding:3rem;border-radius:20px;border:1px solid var(--border-color);transition:all .4s ease;position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform}.habilidad-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--main-color),var(--accent-color));transform:scaleX(0);transition:transform .4s ease}.habilidad-card:hover{transform:translateY(-8px);border-color:var(--main-color);box-shadow:0 20px 40px #ff35f21a;background:linear-gradient(135deg,var(--card-bg-color) 0%,rgba(238,53,255,.03) 100%)}.habilidad-card:hover:before{transform:scaleX(1)}.habilidad-icon{flex-shrink:0;width:80px;height:80px;background:#fc35ff1a;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:all .4s ease;border:2px solid rgba(255,53,248,.2)}.habilidad-icon i{font-size:3.5rem;transition:all .4s ease}.habilidad-card:hover .habilidad-icon{background:#e135ff26;border-color:#ee35ff66;transform:scale(1.1) rotate(5deg)}.habilidad-card:hover .habilidad-icon i{transform:scale(1.1);filter:drop-shadow(0 0 15px rgba(228,53,255,.5))}.habilidad-content{flex:1}.habilidad-titulo{font-size:2.2rem;color:var(--text-color);margin-bottom:1.5rem;font-weight:600;line-height:1.2}.tecnologias-tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.tech-tag{background:#e435ff1a;color:var(--main-color);padding:.5rem 1.2rem;border-radius:25px;font-size:1.3rem;font-weight:500;border:1px solid rgba(231,53,255,.2);transition:all .3s ease;position:relative;overflow:hidden}.tech-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.tech-tag:hover{background:var(--main-color);color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 5px 15px #da35ff4d}.tech-tag:hover:before{left:100%}.habilidad-descripcion{font-size:1.5rem;line-height:1.7;color:var(--text-secondary);margin:0}.habilidades-blandas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;max-width:1200px;margin:0 auto}.habilidad-blanda{display:flex;align-items:flex-start;gap:2rem;background:var(--card-bg-color);padding:2.5rem;border-radius:15px;border:1px solid var(--border-color);transition:all .3s ease;position:relative}.habilidad-blanda:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s ease}.habilidad-blanda:hover{transform:translateY(-5px);border-color:var(--main-color);box-shadow:0 15px 30px #fc35ff1a;background:linear-gradient(135deg,var(--card-bg-color) 0%,rgba(168,85,247,.04) 100%)}.habilidad-blanda:hover:before{transform:scaleX(1)}.habilidad-blanda-icon{flex-shrink:0;width:60px;height:60px;background:#d335ff1a;border-radius:15px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.habilidad-blanda-icon i{font-size:2.5rem;color:var(--main-color);transition:all .3s ease}.habilidad-blanda:hover .habilidad-blanda-icon{background:#c935ff26;transform:scale(1.1)}.habilidad-blanda:hover .habilidad-blanda-icon i{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(205,53,255,.4))}.habilidad-blanda-content h4{font-size:1.8rem;color:var(--text-color);margin-bottom:1rem;font-weight:600}.habilidad-blanda-content p{font-size:1.4rem;line-height:1.6;color:var(--text-secondary);margin:0}@media (max-width: 1200px){.habilidades-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}}@media (max-width: 991px){.habilidades{padding:10rem 3% 2rem}.habilidades-grid{grid-template-columns:1fr;gap:2.5rem}.habilidad-card{padding:2.5rem}.section-title{font-size:2.5rem}}@media (max-width: 768px){.habilidad-card{flex-direction:column;text-align:center;gap:2rem;padding:2rem}.habilidad-icon{width:70px;height:70px;margin:0 auto}.habilidad-icon i{font-size:3rem}.habilidad-titulo{font-size:2rem}.habilidades-blandas-grid{grid-template-columns:1fr;gap:2rem}.habilidad-blanda{padding:2rem}.section-title{font-size:2.2rem;flex-direction:column;text-align:center;gap:1.5rem}.section-title:after{margin-left:0;width:50%;align-self:center}}@media (max-width: 450px){.tecnologias-tags{justify-content:center}.tech-tag{font-size:1.2rem;padding:.4rem 1rem}.habilidad-titulo{font-size:1.8rem}.habilidad-descripcion{font-size:1.4rem}}.section-title{opacity:0;transform:translate(-50px);will-change:transform,opacity}.gsap-habilidad-card{opacity:0;transform:translateY(80px) scale(.8);will-change:transform,opacity;backface-visibility:hidden}.gsap-habilidad-icon{opacity:0;transform:scale(0);will-change:transform,opacity;backface-visibility:hidden}.gsap-icon{opacity:0;transform:scale(.5);will-change:transform,opacity;backface-visibility:hidden}.gsap-titulo{opacity:0;transform:translate(30px);will-change:transform,opacity}.gsap-tech-tag{opacity:0;transform:translateY(20px) scale(.8);will-change:transform,opacity;backface-visibility:hidden;transform-origin:center center}.gsap-descripcion{opacity:0;transform:translateY(15px);will-change:transform,opacity}.gsap-habilidad-blanda{opacity:0;transform:scale(.9);will-change:transform,opacity;backface-visibility:hidden}.gsap-blanda-icon{opacity:0;transform:scale(0);will-change:transform,opacity;backface-visibility:hidden}.gsap-blanda-content{opacity:0;transform:translateY(20px);will-change:transform,opacity}.gsap-habilidad-card,.gsap-habilidad-icon,.gsap-icon,.gsap-titulo,.gsap-tech-tag,.gsap-descripcion,.gsap-habilidad-blanda,.gsap-blanda-icon,.gsap-blanda-content{transition:none!important}.no-js .gsap-habilidad-card,.no-js .gsap-habilidad-icon,.no-js .gsap-icon,.no-js .gsap-titulo,.no-js .gsap-tech-tag,.no-js .gsap-descripcion,.no-js .gsap-habilidad-blanda,.no-js .gsap-blanda-icon,.no-js .gsap-blanda-content,.no-js .section-title{opacity:1!important;transform:none!important}.habilidad-card,.habilidad-blanda{transform-style:flat;backface-visibility:hidden}.habilidades-grid,.habilidades-blandas-grid{transform-style:flat;will-change:auto}.proyectos{background:var(--second-bg-color);padding:10rem 9% 2rem;position:relative}.proyectos-subtitle{text-align:center;font-size:1.8rem;color:var(--text-secondary);margin-bottom:5rem;max-width:600px;margin-left:auto;margin-right:auto}.proyectos-container-mejorado{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;max-width:1400px;margin:0 auto}.proyecto-card{background:var(--card-bg-color);border-radius:20px;overflow:hidden;border:1px solid var(--border-color);transition:all .4s ease;cursor:pointer;position:relative;transform-style:preserve-3d;will-change:transform}.proyecto-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .4s ease;z-index:2}.proyecto-card:hover{transform:translateY(-10px);border-color:var(--main-color);box-shadow:0 25px 50px #e435ff26}.proyecto-card:hover:before{transform:scaleX(1)}.proyecto-media{position:relative;height:250px;overflow:hidden;background:#000}.proyecto-video{width:100%;height:100%;object-fit:cover;transition:all .4s ease;opacity:0}.proyecto-imagen-fallback{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .4s ease}.proyecto-card:hover .proyecto-video{opacity:1;transform:scale(1.05)}.proyecto-card:hover .proyecto-imagen-fallback{opacity:0}.proyecto-overlay{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:flex-start;z-index:3}.proyecto-categoria{background:#d335ffe6;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:1.2rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.proyecto-año{background:#000000b3;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:1.2rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.proyecto-info{padding:2.5rem}.proyecto-titulo{font-size:2.2rem;color:var(--text-color);margin-bottom:1rem;font-weight:700;line-height:1.2}.proyecto-descripcion{font-size:1.5rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.proyecto-tecnologias{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.tech-badge{background:#d735ff1a;color:var(--main-color);padding:.4rem 1rem;border-radius:15px;font-size:1.2rem;font-weight:500;border:1px solid rgba(168,85,247,.25);transition:all .3s ease}.tech-badge:hover{background:#a855f72e;transform:translateY(-2px)}.tech-badge-more{background:#a855f72e;color:var(--main-color);padding:.4rem 1rem;border-radius:15px;font-size:1.2rem;font-weight:600;border:1px solid rgba(168,85,247,.32)}.proyecto-acciones{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.proyecto-link{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:10px;font-size:1.3rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.github-link{background:#333;color:#fff}.github-link:hover{background:#24292e;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.demo-link{background:var(--gradient-primary);color:#fff}.demo-link:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ab35ff66}.details-link{background:transparent;color:var(--main-color);border:1px solid var(--main-color)}.details-link:hover{background:var(--main-color);color:#fff;transform:translateY(-2px)}.proyecto-meta{display:flex;align-items:center;gap:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.proyecto-duracion{display:flex;align-items:center;gap:.5rem;font-size:1.3rem;color:var(--text-secondary)}.proyecto-duracion i{color:var(--main-color)}.proyecto-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:10000;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.proyecto-modal{background:var(--card-bg-color);border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid var(--border-color);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:none;background:#a855f72e;color:var(--main-color);border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;font-size:2rem;transition:all .3s ease}.modal-close:hover{background:var(--main-color);color:#fff;transform:rotate(90deg)}.modal-content{padding:0}.modal-media{height:300px;overflow:hidden;background:#000}.modal-video{width:100%;height:100%;object-fit:cover}.modal-info{padding:3rem}.modal-header{margin-bottom:2rem}.modal-header h2{font-size:2.8rem;color:var(--text-color);margin-bottom:1rem}.modal-categoria{background:var(--gradient-primary);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:1.3rem;font-weight:600}.modal-descripcion{font-size:1.6rem;color:var(--text-secondary);line-height:1.7;margin-bottom:3rem}.modal-tecnologias h4{color:var(--text-color);font-size:1.8rem;margin-bottom:1.5rem}.modal-tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:3rem}.modal-tech-badge{background:#a855f71f;color:var(--main-color);padding:.8rem 1.2rem;border-radius:10px;font-size:1.3rem;font-weight:600;text-align:center;border:1px solid rgba(168,85,247,.24)}.modal-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem;padding:2rem;background:#a855f714;border-radius:15px;border:1px solid rgba(168,85,247,.16)}.meta-item{font-size:1.5rem;color:var(--text-secondary)}.meta-item strong{color:var(--text-color)}.modal-acciones{display:flex;gap:1.5rem;flex-wrap:wrap}.modal-btn{display:inline-flex;align-items:center;gap:.8rem;padding:1.2rem 2rem;border-radius:10px;font-size:1.4rem;font-weight:600;text-decoration:none;transition:all .3s ease}.github-btn{background:#333;color:#fff}.github-btn:hover{background:#24292e;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.demo-btn{background:var(--gradient-primary);color:#fff}.demo-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #32074e5c}@media (max-width: 1200px){.proyectos-container-mejorado{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width: 768px){.proyectos{padding:10rem 3% 2rem}.proyectos-container-mejorado{grid-template-columns:1fr;gap:2rem}.proyecto-card{margin:0 auto;max-width:100%}.proyecto-media{height:200px}.proyecto-info{padding:2rem}.proyecto-titulo{font-size:2rem}.proyecto-descripcion{font-size:1.4rem}.proyecto-acciones{flex-direction:column}.proyecto-link{justify-content:center;text-align:center}.proyecto-modal-overlay{padding:1rem}.modal-info{padding:2rem}.modal-header h2{font-size:2.4rem}.modal-descripcion{font-size:1.5rem}.modal-tech-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.8rem}.modal-meta{grid-template-columns:1fr;gap:1rem}.modal-acciones{flex-direction:column}.modal-btn{justify-content:center;text-align:center}}@media (max-width: 991px){.header{padding:2rem 3%!important}}@media (max-width: 768px){.header{padding:1.5rem 3%!important}.inicio{padding:12rem 3% 2rem}section{padding:10rem 3% 2rem}}@media (max-width: 450px){.proyecto-overlay{flex-direction:column;gap:.5rem}.proyecto-categoria,.proyecto-año{font-size:1.1rem;padding:.4rem .8rem}.tech-badge{font-size:1.1rem;padding:.3rem .8rem}.proyecto-link{font-size:1.2rem;padding:.7rem 1.2rem}}.proyecto-card{opacity:0;transform:translateY(50px) scale(.9);will-change:transform,opacity}.proyecto-titulo{opacity:0;transform:translate(-20px);will-change:transform,opacity}.proyecto-descripcion{opacity:0;transform:translateY(20px);will-change:transform,opacity}.tech-badge{opacity:0;transform:scale(.8);will-change:transform,opacity}.proyecto-acciones .proyecto-link{opacity:0;transform:translateY(10px);will-change:transform,opacity}.no-js .proyecto-card,.no-js .proyecto-titulo,.no-js .proyecto-descripcion,.no-js .tech-badge,.no-js .proyecto-link{opacity:1!important;transform:none!important}.footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:2rem 9%;background:linear-gradient(135deg,var(--bg-color) 0%,var(--second-bg-color) 100%);border-top:1px solid var(--border-color);position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary)}.footer-text p{font-size:1.6rem;color:var(--text-secondary)}.footer-iconTop a{display:inline-flex;justify-content:center;padding:.8rem;background:var(--gradient-primary);color:#fff;border-radius:.8rem;transition:all .3s ease}.footer-iconTop a:hover{transform:translateY(-3px) scale(1.1);box-shadow:var(--glow-violet)}.footer-iconTop a i{font-size:2.4rem;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--second-bg-color)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bright-violet)}::selection{background:#d735ff4d;color:#fff}.proyecto-overlay-fixed{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:flex-start;z-index:3;transform:none!important;will-change:auto}.proyecto-overlay{display:none}.proyecto-colaboradores{display:flex;align-items:center;gap:.5rem;font-size:1.3rem;color:var(--text-secondary);margin-left:1rem}.proyecto-colaboradores i{color:var(--main-color)}.modal-colaboradores{margin:3rem 0;padding:2rem;background:#a435ff0d;border-radius:15px;border:1px solid rgba(235,53,255,.1)}.modal-colaboradores h4{color:var(--text-color);font-size:1.8rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.modal-colaboradores h4:before{content:"";font-family:boxicons;color:var(--main-color);font-size:2rem}.colaboradores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.colaborador-card{background:var(--card-bg-color);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.colaborador-card:hover{border-color:var(--main-color);box-shadow:0 5px 15px #a855f729;transform:translateY(-2px)}.colaborador-card h5{color:var(--text-color);font-size:1.6rem;font-weight:600;margin-bottom:1rem;line-height:1.3}.colaborador-links{display:flex;gap:1rem;flex-wrap:wrap}.colaborador-link{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:8px;font-size:1.2rem;font-weight:500;text-decoration:none;transition:all .3s ease;border:1px solid transparent}.colaborador-link.linkedin{background:#0077b5;color:#fff}.colaborador-link.linkedin:hover{background:#005582;transform:translateY(-2px);box-shadow:0 5px 15px #0077b54d}.colaborador-link.portfolio{background:var(--gradient-primary);color:#fff}.colaborador-link.portfolio:hover{transform:translateY(-2px);box-shadow:0 5px 15px #a855f766}.proyecto-media{position:relative;height:250px;overflow:hidden;background:#000;transform:none!important;will-change:auto}.proyecto-media *{will-change:auto!important}.navbar a{font-size:1.7rem;color:var(--text-secondary);margin-left:4rem;transition:all .3s ease;position:relative;cursor:pointer!important}.navbar a:hover{color:var(--main-color);text-shadow:0 0 10px rgba(228,53,255,.3);cursor:pointer}.proyecto-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:10000;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default!important}.proyecto-modal{background:var(--card-bg-color);border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid var(--border-color);animation:modalSlideIn .3s ease-out;cursor:default}section:not(:last-child):after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:3px;background:var(--gradient-primary);border-radius:2px;box-shadow:0 0 12px #a855f759}@media (max-width: 768px){.colaboradores-grid{grid-template-columns:1fr;gap:1rem}.colaborador-card{padding:1.2rem}.colaborador-card h5{font-size:1.4rem}.colaborador-links{flex-direction:column;gap:.8rem}.colaborador-link{justify-content:center;text-align:center}.proyecto-colaboradores{margin-left:0;margin-top:.5rem}}@media (max-width: 450px){.modal-colaboradores{padding:1.5rem;margin:2rem 0}.modal-colaboradores h4{font-size:1.6rem}.colaborador-card{padding:1rem}.colaborador-link{font-size:1.1rem;padding:.5rem 1rem}}@media (max-width: 1200px){html{font-size:55%}section{padding:10rem 5% 2rem}}@media (max-width: 991px){.header{padding:2rem 3%}section{padding:10rem 3% 2rem}.inicio,.sobre,.habilidades,.proyectos{padding:10rem 3% 2rem}.footer{padding:2rem 3%}}@media (max-width: 768px){#menu-icon{display:block}.navbar{position:absolute;top:100%;left:0;width:100%;padding:1rem 3%;border-top:1px solid var(--border-color);box-shadow:0 .5rem 1rem #0003;display:none;background:#0b0613fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar.active{display:block}.navbar a{display:block;font-size:2rem;margin:3rem 0;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-left:0}.navbar a:hover,.navbar a.active{color:var(--main-color);background:#a855f71f;padding-left:1rem;border-radius:.5rem}.inicio{flex-direction:column;text-align:center;gap:3rem}.inicio-content,.inicio-img{max-width:100%}.inicio-content h3{font-size:2.6rem}.inicio-content h1{font-size:4.5rem}.sobre{flex-direction:column-reverse;text-align:center;gap:3rem}.sobre-img,.sobre-content{max-width:100%}.sobre-content h2{text-align:center}.habilidades-container .habilidades-box{flex:1 1 100%;max-width:100%}.proyectos-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 617px){.proyectos-container{grid-template-columns:1fr}}@media (max-width: 450px){html{font-size:50%}.inicio-content h1{font-size:4rem}.heading,.sobre-content h2{font-size:3.5rem}}@media (max-width: 365px){.footer{flex-direction:column-reverse;gap:2rem}.footer p{text-align:center}}@media (max-width: 991px){*{cursor:auto!important}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0b0613;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#a855f7;text-decoration:inherit}a:hover{color:#d946ef}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#21172f;cursor:pointer;transition:border-color .25s}button:hover{border-color:#a855f7}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
