.hero{min-height:100vh;padding:120px 0 100px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;color:#fff;text-align:center;gap:clamp(20px,5vw,50px)}.hero img{width:300px;height:auto;animation:float 4s ease-in-out infinite}.hero h1{font-size:3.5rem;font-weight:700;letter-spacing:-1px}.hero p{font-size:1.5rem}.hero button{padding:12px 28px;font-size:1.1rem;color:#fff;background:linear-gradient(90deg,#0086fa,#b81fff);border:none;border-radius:8px;cursor:pointer;transition:.3s ease}.hero button:hover{transform:scale(1.05);box-shadow:0 10px 25px #0086fa66}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@media(max-width:1024px){.hero{padding:100px 20px 80px;gap:40px}.hero h1{font-size:2.8rem}.hero p{font-size:1.3rem}.hero img{width:240px}}@media(max-width:768px){.hero{padding:80px 20px 60px;gap:30px}.hero h1{font-size:2rem;letter-spacing:-.5px}.hero p{font-size:1.1rem}.hero img{width:200px}.hero button{width:100%;max-width:300px}}.navbar{position:fixed;top:0;width:100%;padding:15px clamp(20px,5vw,60px);display:flex;justify-content:space-between;align-items:center;background-color:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;z-index:1000}.navbar-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.5rem}.navbar-logo img{width:60px;height:auto}.navbar-links{display:flex;gap:30px;list-style:none;transition:all .3s ease}.navbar-links li{cursor:pointer;font:700 1rem Arial,sans-serif;transition:.3s}.navbar-links li:hover{color:#0086fa}.menu-toggle{display:none;font-size:1.8rem;cursor:pointer}@media(max-width:768px){.navbar-logo img{width:45px}.menu-toggle{display:block}.navbar-links{position:absolute;top:70px;right:0;background:#fff;flex-direction:column;width:100%;text-align:center;gap:25px;padding:30px 0;transform:translateY(-10px);opacity:0;pointer-events:none}.navbar-links.active{transform:translateY(0);opacity:1;pointer-events:auto}}.servicios{min-height:100vh;padding:100px clamp(20px,5vw,60px);background-color:#000;color:#fff;text-align:center}.servicios h2{font-size:2.5rem;margin-bottom:60px}.servicios-container{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;max-width:1200px;margin:0 auto}.card{background-color:#111;border-radius:15px;padding:30px;width:300px;transition:transform .3s;border:1px solid #1f1f1f}.card h3{margin-bottom:20px;font-size:1.5rem}.card p{font-size:1rem;color:#ccc}.card:hover{transform:translateY(-10px);border:1px solid transparent;background:linear-gradient(#111,#111) padding-box,linear-gradient(90deg,#00c9ff,#b81fff) border-box;box-shadow:0 10px 30px #00c9ff26}@media(max-width:1024px){.servicios{padding:80px 30px}.card{width:45%}}@media(max-width:768px){.servicios{padding:70px 20px}.servicios h2{font-size:2rem;margin-bottom:40px}.card{width:100%;max-width:350px;margin:0 auto;padding:25px}}@media(hover:none){.card:hover{transform:none;box-shadow:none}}.proyecto{min-height:100vh;padding:100px clamp(20px,5vw,60px);background-color:#000;color:#fff;display:flex;align-items:center;justify-content:center}.proyecto-content{max-width:1000px;width:100%;text-align:left}.proyecto h2{font-size:2.5rem;margin-bottom:20px}.proyecto h3{font-size:1.8rem;margin-bottom:15px;color:#00c9ff}.proyecto p{color:#ccc;margin-bottom:30px;line-height:1.6}.btn-proyecto{display:inline-block;padding:12px 28px;border-radius:8px;text-decoration:none;background:linear-gradient(90deg,#00c9ff,#b81fff);color:#fff;transition:.3s ease}.btn-proyecto:hover{transform:scale(1.05);box-shadow:0 10px 25px #00c9ff4d}@media(max-width:1024px){.proyecto{padding:80px 30px}.proyecto h2{font-size:2.2rem}.proyecto h3{font-size:1.5rem}}@media(max-width:768px){.proyecto{padding:70px 20px;text-align:center}.proyecto-content{text-align:center}.proyecto h2{font-size:1.9rem}.proyecto h3{font-size:1.3rem}.proyecto p{font-size:.95rem}.btn-proyecto{width:100%;max-width:300px}}.contacto{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}.contacto h2{font-size:2.5rem;margin-bottom:20px}.contacto p{font-size:1.2rem;margin-bottom:40px;color:#ccc}.redes{display:flex;justify-content:center;gap:20px;margin-top:40px;flex-wrap:wrap}.btn{padding:12px 28px;border-radius:8px;text-decoration:none;color:#fff;font-weight:500;transition:.3s ease;display:inline-block}.instagram{background:linear-gradient(90deg,#fd1d1d,#833ab4)}.facebook{background:linear-gradient(90deg,#1877f2,#00c6ff)}.btn:hover{transform:scale(1.05);box-shadow:0 10px 30px #e600ff26}@media(max-width:1024px){.contacto{padding:100px 40px}.contacto h2{font-size:2.2rem}}@media(max-width:768px){.contacto{padding:80px 20px}.contacto h2{font-size:2rem}.contacto p{font-size:1rem}.redes{flex-direction:column;gap:15px}.btn{width:100%;max-width:300px;margin:0 auto}}.sobre{min-height:100vh;padding:100px clamp(20px,5vw,60px);background-color:#000;color:#fff;text-align:center}.sobre h2{font-size:2.5rem;margin-bottom:60px}.sobre p{max-width:800px;margin:0 auto 60px;color:#ccc;font-size:1.1rem}.valores{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;max-width:1200px;margin:0 auto}.valores div{background-color:#111;border-radius:15px;padding:30px;width:300px;transition:transform .3s;border:1px solid #1f1f1f}.valores h3{margin-bottom:20px;font-size:1.5rem}.valores p{font-size:1rem;color:#ccc}.valores div:hover{transform:translateY(-10px);border:1px solid transparent;background:linear-gradient(#111,#111) padding-box,linear-gradient(90deg,#00c9ff,#b81fff) border-box;box-shadow:0 10px 30px #00c9ff26}@media(max-width:1024px){.sobre{padding:80px 30px}.valores div{width:45%}}@media(max-width:768px){.sobre{padding:70px 20px}.sobre h2{font-size:2rem;margin-bottom:40px}.valores div{width:100%;max-width:350px;margin:0 auto;padding:25px}}@media(hover:none){.valores div:hover{transform:none;box-shadow:none}}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}html{scroll-behavior:smooth}