.hero{position:relative;min-height:100vh;padding:140px 20px 100px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;color:#fff;text-align:center;gap:clamp(25px,5vw,60px);overflow:hidden}.hero:before{content:"";position:absolute;top:-300px;left:50%;transform:translate(-50%);width:1000px;height:1000px;background:radial-gradient(circle,rgba(0,201,255,.08),transparent 60%);z-index:0}.hero img{width:320px;height:auto;animation:float 5s ease-in-out infinite;position:relative;z-index:1}.hero h1{font-size:4rem;font-weight:800;letter-spacing:-1.5px;line-height:1.1;position:relative;z-index:1}.hero h1 span{background:linear-gradient(90deg,#00c9ff,#b81fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.5rem;color:#bdbdbd;max-width:700px;line-height:1.7;position:relative;z-index:1}.hero button{padding:14px 34px;font-size:1.15rem;font-weight:600;color:#fff;background:linear-gradient(90deg,#00c9ff,#b81fff);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;z-index:1;letter-spacing:.5px}.hero button:hover{transform:scale(1.08);box-shadow:0 15px 40px #00c9ff4d,0 0 30px #b81fff4d}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-25px)}to{transform:translateY(0)}}@media(max-width:1024px){.hero{padding:120px 20px 80px}.hero h1{font-size:3rem}.hero p{font-size:1.3rem}.hero img{width:260px}}@media(max-width:768px){.hero{padding:100px 20px 70px;gap:35px}.hero h1{font-size:2.2rem;letter-spacing:-.5px}.hero p{font-size:1.1rem}.hero img{width:200px}.hero button{width:100%;max-width:320px}}.navbar{position:fixed;top:0;width:100%;padding:20px clamp(24px,6vw,100px);display:flex;justify-content:space-between;align-items:center;background:#000;border-bottom:1px solid rgba(255,255,255,.05);z-index:1000;transition:.3s ease}.navbar.scrolled{box-shadow:0 10px 40px #0009}.navbar-logo{display:flex;align-items:center;gap:12px;font-weight:600;font-size:1.2rem;letter-spacing:-.3px;color:#fff}.navbar-logo img{width:50px;height:auto;transition:transform .4s ease,filter .4s ease,box-shadow .4s ease}.navbar-logo:hover img{transform:scale(1.08) rotate(-4deg);filter:brightness(1.1);box-shadow:0 0 20px #0086fa80}.navbar-links{display:flex;align-items:center;gap:40px;list-style:none}.navbar-links li{position:relative;font-size:.95rem;font-weight:500;color:#ffffffbf;cursor:pointer;transition:color .3s ease}.navbar-links li:hover{color:#fff}.navbar-links li:after{content:"";position:absolute;left:50%;bottom:-6px;width:0%;height:2px;background:linear-gradient(90deg,#0086fa,#b81fff);transform:translate(-50%);transition:.3s ease;border-radius:4px}.navbar-links li:hover:after{width:100%}.nav-cta{padding:10px 22px;border-radius:999px;background:linear-gradient(90deg,#0086fa,#b81fff);color:#fff!important;font-weight:600;box-shadow:0 6px 20px #0086fa40;transition:all .3s ease}.nav-cta:after{display:none}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 35px #0086fa66}.menu-toggle{display:none;font-size:1.7rem;cursor:pointer;color:#fff;transition:.3s ease}.menu-toggle:hover{transform:scale(1.1)}@media(max-width:768px){.menu-toggle{display:block}.navbar-links{position:absolute;top:80px;right:20px;width:92%;max-width:420px;display:flex;flex-direction:column;gap:28px;padding:35px;background:#0a0a0a;border:1px solid rgba(255,255,255,.05);border-radius:18px;box-shadow:0 25px 60px #0009;transform:translateY(-10px) scale(.97);opacity:0;pointer-events:none;transition:all .35s ease}.navbar-links.active{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.navbar-links li{text-align:center;font-size:1rem}.nav-cta{width:100%;text-align:center}}.servicios{position:relative;min-height:100vh;padding:120px clamp(20px,5vw,80px);background-color:#000;color:#fff;text-align:center;overflow:hidden}.servicios:before{content:"";position:absolute;top:-250px;left:50%;transform:translate(-50%);width:900px;height:900px;background:radial-gradient(circle,rgba(184,31,255,.07),transparent 65%);z-index:0}.servicios h2{font-size:2.8rem;margin-bottom:30px;position:relative;z-index:1}.servicios h2:after{content:"";display:block;width:90px;height:3px;margin:15px auto 0;border-radius:10px;background:linear-gradient(90deg,#00c9ff,#b81fff)}.servicios-container{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;max-width:1200px;margin:80px auto 0;position:relative;z-index:1}.card{background-color:#111;border-radius:20px;padding:35px;width:320px;border:1px solid #1f1f1f;transition:all .35s ease;display:flex;flex-direction:column;position:relative}.card:hover{transform:translateY(-12px);border:1px solid transparent;background:linear-gradient(#111,#111) padding-box,linear-gradient(90deg,#00c9ff,#b81fff) border-box;box-shadow:0 20px 45px #00c9ff1f,0 0 30px #b81fff1f}.card h3{margin-bottom:20px;font-size:1.6rem;background:linear-gradient(90deg,#00c9ff,#b81fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card p{font-size:1rem;color:#ccc;line-height:1.7;flex-grow:1}.btn-servicio{margin-top:25px;padding:12px 26px;border-radius:10px;text-decoration:none;font-weight:600;background:linear-gradient(90deg,#00c9ff,#b81fff);color:#fff;transition:all .3s ease;align-self:center;letter-spacing:.5px}.btn-servicio:hover{transform:scale(1.07);box-shadow:0 12px 35px #b81fff66}@media(max-width:1024px){.servicios{padding:100px 40px}.card{width:45%}}@media(max-width:768px){.servicios{padding:80px 20px}.servicios h2{font-size:2.2rem}.card{width:100%;max-width:360px;margin:0 auto;padding:30px}}@media(hover:none){.card:hover{transform:none;box-shadow:none}}.proyecto{position:relative;min-height:100vh;padding:120px clamp(20px,5vw,80px);background-color:#000;color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.proyecto:before{content:"";position:absolute;right:-200px;top:-200px;width:800px;height:800px;background:radial-gradient(circle,rgba(0,201,255,.08),transparent 65%);z-index:0}.proyecto-content{max-width:1000px;width:100%;text-align:left;position:relative;z-index:1}.proyecto h2{font-size:2.8rem;margin-bottom:20px}.proyecto h2:after{content:"";display:block;width:90px;height:3px;margin-top:15px;border-radius:10px;background:linear-gradient(90deg,#00c9ff,#b81fff)}.proyecto h3{font-size:1.9rem;margin-bottom:20px;margin-top:40px;background:linear-gradient(90deg,#00c9ff,#b81fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.proyecto p{color:#bdbdbd;margin-bottom:35px;line-height:1.8;font-size:1.05rem;max-width:750px}.btn-proyecto{display:inline-block;padding:14px 32px;border-radius:10px;text-decoration:none;background:linear-gradient(90deg,#00c9ff,#b81fff);color:#fff;font-weight:600;letter-spacing:.5px;transition:all .3s ease}.btn-proyecto:hover{transform:scale(1.07);box-shadow:0 15px 35px #00c9ff40,0 0 25px #b81fff40}@media(max-width:1024px){.proyecto{padding:100px 40px}.proyecto h2{font-size:2.3rem}.proyecto h3{font-size:1.6rem}}@media(max-width:768px){.proyecto{padding:80px 20px;text-align:center}.proyecto-content{text-align:center}.proyecto h2{font-size:2rem}.proyecto h3{font-size:1.4rem}.proyecto p{font-size:1rem;margin-left:auto;margin-right:auto}.btn-proyecto{width:100%;max-width:320px}}.contacto{position:relative;min-height:100vh;padding:120px clamp(20px,5vw,80px);background-color:#000;color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.contacto:before{content:"";position:absolute;bottom:-250px;left:50%;transform:translate(-50%);width:900px;height:900px;background:radial-gradient(circle,rgba(184,31,255,.08),transparent 65%);z-index:0}.contacto h2{font-size:2.8rem;margin-bottom:20px;position:relative;z-index:1}.contacto h2:after{content:"";display:block;width:90px;height:3px;margin:15px auto 0;border-radius:10px;background:linear-gradient(90deg,#00c9ff,#b81fff)}.contacto p{font-size:1.2rem;margin:30px auto 50px;color:#bdbdbd;max-width:700px;line-height:1.7;position:relative;z-index:1}.redes{display:flex;justify-content:center;gap:25px;margin-top:40px;flex-wrap:wrap;position:relative;z-index:1}.btn{padding:14px 30px;border-radius:10px;text-decoration:none;color:#fff;font-weight:600;letter-spacing:.5px;transition:all .3s ease;display:inline-block}.instagram{background:linear-gradient(90deg,#fd1d1d,#833ab4)}.facebook{background:linear-gradient(90deg,#1877f2,#00c6ff)}.btn:hover{transform:scale(1.07);box-shadow:0 15px 35px #b81fff40,0 0 25px #00c9ff40}@media(max-width:1024px){.contacto{padding:100px 40px}.contacto h2{font-size:2.3rem}}@media(max-width:768px){.contacto{padding:80px 20px}.contacto h2{font-size:2rem}.contacto p{font-size:1rem}.redes{flex-direction:column;gap:18px}.btn{width:100%;max-width:320px;margin:0 auto}}.sobre{position:relative;min-height:100vh;padding:120px clamp(20px,5vw,80px);background-color:#000;color:#fff;text-align:center;overflow:hidden}.sobre:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(184,31,255,.08),transparent 60%);z-index:0}.sobre h2{font-size:2.8rem;margin-bottom:30px;position:relative;z-index:1}.sobre h2:after{content:"";display:block;width:80px;height:3px;margin:15px auto 0;border-radius:10px;background:linear-gradient(90deg,#00c9ff,#b81fff)}.sobre p{max-width:750px;margin:30px auto 70px;color:#bbb;font-size:1.15rem;line-height:1.7;position:relative;z-index:1}.valores{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;max-width:1200px;margin:0 auto;position:relative;z-index:1}.valores div{background-color:#111;border-radius:18px;padding:35px;width:320px;transition:all .35s ease;border:1px solid #1f1f1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.valores div:hover{transform:translateY(-12px);border:1px solid transparent;background:linear-gradient(#111,#111) padding-box,linear-gradient(90deg,#00c9ff,#b81fff) border-box;box-shadow:0 15px 40px #00c9ff26,0 0 25px #b81fff26}.valores h3{margin-bottom:20px;font-size:1.6rem;background:linear-gradient(90deg,#00c9ff,#b81fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.valores p{font-size:1rem;color:#ccc;line-height:1.6}@media(max-width:1024px){.sobre{padding:100px 40px}.valores div{width:45%}}@media(max-width:768px){.sobre{padding:80px 20px}.sobre h2{font-size:2.2rem}.valores div{width:100%;max-width:360px;margin:0 auto;padding:30px}}@media(hover:none){.valores div:hover{transform:none;box-shadow:none}}.whatsapp-float{position:fixed;top:50%;right:25px;transform:translateY(-50%);background:#111;color:#fff;border-radius:50px;padding:14px 20px;text-decoration:none;z-index:1000;transition:all .3s ease;border:2px solid transparent}.whatsapp-float:hover{transform:translateY(-50%) scale(1.05);background:#111;border:2px solid transparent;background-image:linear-gradient(#111,#111),linear-gradient(135deg,#00c9ff,#b81fff);background-origin:border-box;background-clip:padding-box,border-box}.whatsapp-content{display:flex;align-items:center;gap:12px}.whatsapp-content img{width:26px;height:26px}.whatsapp-content span{font-weight:500;font-size:14px;letter-spacing:.5px}@media(max-width:768px){.whatsapp-content span{display:none}.whatsapp-float{border-radius:50%;padding:16px}}.whatsapp{background:#25d366}.correo{background:linear-gradient(90deg,#ff416c,#ff4b2b)}.whatsapp:hover{box-shadow:0 10px 30px #25d36666}.correo:hover{box-shadow:0 10px 30px #ff4b2b66}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}html{scroll-behavior:smooth}