.whatsapp-button{position:fixed;bottom:2rem;right:2rem;width:65px;height:65px;border-radius:50%;background:linear-gradient(145deg,#0f0,#25d366);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;border:3px solid rgba(0,255,0,.3);box-shadow:0 0 15px #00ff0080,0 0 30px #00ff004d,inset 0 0 10px #ffffff80;z-index:1000;animation:pulse 2s infinite}.whatsapp-button i{font-size:2.5rem;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.whatsapp-button:hover{transform:scale(1.1) rotate(10deg);border-color:#0f09;box-shadow:0 0 20px #00ff00b3,0 0 40px #0f06,inset 0 0 15px #fff9}@keyframes pulse{0%{box-shadow:0 0 15px #00ff0080,0 0 30px #00ff004d,inset 0 0 10px #ffffff80}50%{box-shadow:0 0 25px #00ff00b3,0 0 40px #00ff0080,inset 0 0 15px #ffffffb3}to{box-shadow:0 0 15px #00ff0080,0 0 30px #00ff004d,inset 0 0 10px #ffffff80}}.header{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;margin:0}.header .features-section{padding:6rem 2rem}.header .features-section .features-section{padding:6rem 2rem;background:linear-gradient(#0000001a,#0000001a),url(../imagenes/tech-grid.jpg) center/cover fixed}.header-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.header-content{z-index:1;text-align:center;padding:0;margin:0 auto;max-width:800px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.header-title{font-size:3.5rem;margin:0;line-height:1.2;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-subtitle{font-size:1.5rem;color:#ffffffe6;max-width:600px;margin:1rem 0 0}.nav-container{position:fixed;top:0;left:0;width:100%;background:#0d1428e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 2rem;z-index:2}.nav-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:2rem}.nav-link{color:var(--light);text-decoration:none;font-size:1rem;transition:color .3s ease}.nav-link:hover{color:var(--primary)}@media (max-width: 768px){.header{height:auto}.header-content{padding:1rem;height:auto}.header-title{font-size:2.5rem}.header-subtitle{font-size:1.2rem}.nav-links{display:none;flex-direction:column;gap:1rem;position:absolute;top:100%;left:0;right:0;background:#0d1428f2;padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.nav-links.active{display:flex}}@media (max-width: 480px){.header-title{font-size:2rem}.header-subtitle{font-size:1rem}.header-content{padding:1rem;max-width:90%}.nav-links{padding:1rem 0}}#app{margin:0;padding:0;width:100%;overflow-x:hidden;box-sizing:border-box}.whatsapp-button{position:fixed;bottom:20px;right:20px;background-color:#25d366;border:none;border-radius:50%;width:60px;height:60px;box-shadow:0 4px 8px #0003;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.whatsapp-button:hover{transform:scale(1.1);box-shadow:0 6px 12px #0000004d}.whatsapp-icon{width:30px;height:30px}@media (max-width: 768px){.whatsapp-button{bottom:15px;right:15px;width:50px;height:50px}.whatsapp-icon{width:24px;height:24px}}@media (max-width: 480px){.whatsapp-button{bottom:10px;right:10px;width:45px;height:45px}.whatsapp-icon{width:20px;height:20px}}:root{--primary: #00bcd4;--secondary: #ff3366;--accent: #80deea;--dark: rgba(11, 11, 59, .9);--light: #ffffff;--gradient-1: linear-gradient(45deg, var(--primary), var(--secondary));--gradient-2: linear-gradient(45deg, var(--secondary), var(--accent));--card-bg: rgba(13, 20, 40, .8);--card-border: rgba(0, 188, 212, .2)}body{background:linear-gradient(#000000e6,#000000e6),url(../imagenes/tech-grid.jpg) center/cover fixed;color:var(--light);font-family:Inter,sans-serif;line-height:1.6}.header{padding:4rem 2rem;background:var(--dark);position:relative;overflow:hidden}.header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(0,255,255,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(0,255,255,.05) 1px,transparent 1px);background-size:20px 20px;animation:gridMove 20s linear infinite}.header-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;text-align:center}.logo-container{display:inline-flex;align-items:center;gap:1.5rem;padding:1rem 2rem;background:#0000004d;border-radius:50px;box-shadow:0 0 30px #00bcd433}.dragon-logo{width:80px;height:80px;filter:drop-shadow(0 0 10px var(--primary));animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 10px var(--primary))}50%{filter:drop-shadow(0 0 20px var(--secondary))}}.services{padding:6rem 2rem;position:relative}.services h2{font-size:3rem;text-align:center;color:var(--light);margin-bottom:4rem;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px rgba(0,255,255,.5)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.service-card{background:var(--card-bg);border-radius:15px;padding:2rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-1);transform:scaleX(0);transition:transform .3s ease}.service-card:hover{transform:translateY(-10px)}.service-card:hover:before{transform:scaleX(1)}.service-icon{font-size:3rem;margin-bottom:1.5rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-section{padding:6rem 2rem;background:var(--dark);position:relative}.contact-container{max-width:800px;margin:0 auto;background:var(--card-bg);border-radius:20px;padding:3rem;box-shadow:0 0 50px #00bcd41a}.contact-title{text-align:center;font-size:3rem;color:var(--light);margin-bottom:3rem;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px rgba(0,255,255,.5)}@media (max-width: 768px){.header{padding:2rem 1rem}.services,.contact-section{padding:4rem 1rem}.contact-container{padding:2rem}}.contact-form{display:grid;gap:2rem}.contact-title{font-size:3rem;text-align:center;color:var(--primary);margin:0 auto 2rem;text-transform:uppercase;letter-spacing:2px;line-height:1.2;max-width:90%}@media (max-width: 480px){.contact-title{font-size:1rem;margin-bottom:1rem;letter-spacing:0rem}}.form-group{position:relative}.form-group input,.form-group textarea,.form-group select{width:100%;padding:1rem;background:#ffffff0d;border:1px solid var(--card-border);border-radius:8px;color:var(--light);font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 15px #00bcd433}.form-group label{position:absolute;left:1rem;top:1rem;color:#fff9;transition:all .3s ease;pointer-events:none;background:var(--card-bg);padding:0 .5rem}.form-group input:focus~label,.form-group textarea:focus~label,.form-group input:not(:placeholder-shown)~label,.form-group textarea:not(:placeholder-shown)~label{transform:translateY(-1.5rem) scale(.8);color:var(--primary)}.submit-button{background:var(--gradient-1);color:var(--light);border:none;border-radius:8px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.submit-button:hover:before{left:100%}.submit-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00bcd44d}select{width:100%;padding:10px;font-size:16px;border:2px solid #00ffff;border-radius:5px;background-color:#1b1b2f;color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}select:focus{outline:none;border-color:#f36}select option{background-color:#1b1b2f;color:#fff;padding:10px;border:none}.service-icon{font-size:3rem;position:relative;display:inline-block;animation:iconFloat 3s ease-in-out infinite}.service-icon:after{content:"";position:absolute;width:100%;height:100%;background:var(--primary);border-radius:50%;filter:blur(15px);opacity:0;z-index:-1;transition:opacity .3s}.service-card:hover .service-icon{animation:iconPulse 1.5s ease-in-out infinite}.service-card:hover .service-icon:after{opacity:.2;animation:glowPulse 1.5s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes iconPulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}@keyframes glowPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}.footer{background:linear-gradient(to bottom,#1a1a1ae6,#0d0d0df2);padding:2rem 2rem 1rem;position:relative;overflow:hidden}.footer-section{flex:1;min-width:250px;text-align:center}.footer-section h3{color:#f36;font-size:1.8rem;margin-bottom:1rem}.contact-info a{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff;text-decoration:none;margin-bottom:.5rem;transition:color .3s ease}.contact-info a:hover{color:#f36}.social-links{display:flex;justify-content:center;gap:1rem}.social-link{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:1.2rem;transition:all .3s ease}.social-link:hover{transform:translateY(-3px)}.facebook{background:#1877f2}.instagram{background:#e4405f}.twitter{background:#1da1f2}.linkedin{background:#0077b5}.footer-links{margin-bottom:1rem}.footer-links a{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#fff}.separator{color:#fff6;margin:0 1rem}.copyright{color:#ffffff80;font-size:.9rem}@media (max-width: 768px){.footer{padding:2rem 1rem 1rem}.footer-content{gap:1rem}.footer-section{flex:100%;margin-bottom:1rem}}.team-section{padding:6rem 2rem;background:linear-gradient(#000000e6,#000000e6),url(../imagenes/tech-grid.jpg) center/cover fixed;position:relative;overflow:hidden}.team-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(0,255,255,.03) 1px,transparent 1px),linear-gradient(0deg,rgba(0,255,255,.03) 1px,transparent 1px);background-size:20px 20px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(20px)}}.team-container{max-width:1200px;margin:0 auto;position:relative}.team-title{text-align:center;font-size:3rem;color:#fff;margin-bottom:4rem;text-transform:uppercase;letter-spacing:3px;position:relative;text-shadow:0 0 10px rgba(0,255,255,.5)}.team-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,#0ff,transparent)}.team-members{display:flex;justify-content:center;gap:2rem;flex-direction:row;flex-wrap:nowrap}.team-member{background:#0d1428cc;border-radius:15px;padding:2.5rem;width:100%;max-width:400px;position:relative;overflow:hidden;box-shadow:0 0 30px #00ffff1a;animation:cardPulse 3s ease-in-out infinite;flex:1}@keyframes cardPulse{0%,to{box-shadow:0 0 30px #00ffff1a}50%{box-shadow:0 0 50px #0ff3}}.team-member:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0ff,#f36);animation:borderFlow 3s linear infinite}@keyframes borderFlow{0%{transform:translate(-100%)}to{transform:translate(100%)}}.member-avatar{width:150px;height:150px;margin:0 auto 2rem;position:relative}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid transparent;background:linear-gradient(45deg,#0ff,#f36) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude}.member-info{text-align:center;position:relative}.member-info h3{font-size:2rem;color:#fff;margin-bottom:.5rem;text-shadow:0 0 10px rgba(0,255,255,.3)}.member-info h4{font-size:1rem;background:linear-gradient(90deg,#0ff,#f36);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:2px;margin-bottom:2rem}.member-skills{list-style:none;padding:0;text-align:left}.member-skills li{color:#fff;margin-bottom:1rem;padding-left:2rem;position:relative;transition:transform .3s ease}.member-skills li:hover{transform:translate(10px)}.member-skills li:before{content:">";color:#0ff;position:absolute;left:0;font-family:monospace;font-weight:700;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 968px){.team-members{flex-direction:column;align-items:center}.team-member{max-width:100%}}.features-section{padding:6rem 2rem;background:linear-gradient(#000000e6,#0009),url(../imagenes/tech-grid.jpg) center/cover fixed;position:relative;overflow:hidden}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(0,255,255,.03) 1px,transparent 1px),linear-gradient(0deg,rgba(0,255,255,.03) 1px,transparent 1px);background-size:20px 20px;animation:gridMove 20s linear infinite}.features-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.features-title{text-align:center;font-size:3rem;color:var(--light);margin-bottom:4rem;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 20px rgba(0,255,255,.5)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:#0d1428cc;border-radius:15px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,var(--primary),transparent);transition:transform .3s ease;transform:scaleY(0)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00ffff1a}.feature-card:hover:before{transform:scaleY(1)}.feature-icon{font-size:2rem;margin-bottom:1rem;color:#0f0;text-shadow:0 0 10px rgba(0,255,0,.5)}.feature-card h3{color:var(--primary);font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:var(--light);opacity:.8;line-height:1.6}@media (max-width: 768px){.features-section{padding:4rem 1rem}.features-title{font-size:2rem}.feature-card{padding:1.5rem}}.footer{margin:0;padding:2rem 2rem 1rem;position:relative;overflow:hidden}#social{margin:0;padding:0;overflow:hidden}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-around;flex-wrap:wrap;gap:2rem}.footer-bottom{margin-top:2rem;padding-top:1rem;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.mission-vision-section{padding:6rem 2rem;background:var(--dark);position:relative;overflow:hidden}.mission-vision-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(0,255,255,.03) 1px,transparent 1px),linear-gradient(0deg,rgba(0,255,255,.03) 1px,transparent 1px);background-size:20px 20px;animation:gridMove 20s linear infinite}.mission-vision-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;position:relative;z-index:1}.mission-card,.vision-card{background:#0d1428cc;border-radius:15px;padding:2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.1);transition:transform .3s ease}.mission-card:hover,.vision-card:hover{transform:translateY(-5px)}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.card-header i{font-size:2rem}.mission-card .card-header i{color:#00ff9d}.vision-card .card-header i{color:#f36}.card-header h2{font-size:2rem;margin:0;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mission-text{color:#00ff9d;font-size:1.1rem;line-height:1.8;text-shadow:0 0 20px rgba(0,255,157,.3)}.vision-text{color:#f36;font-size:1.1rem;line-height:1.8;text-shadow:0 0 20px rgba(255,51,102,.3)}@media (max-width: 768px){.mission-vision-container{grid-template-columns:1fr}.mission-card,.vision-card{padding:2rem}.card-header h2{font-size:1.8rem}}