body{margin:0;font-family:Arial;color:#fff;}
.header{display:flex;justify-content:space-between;align-items:center;padding:15px;background:linear-gradient(135deg,#1f00ff,#ff0a7a,#ffb400);}
.header a{color:#fff;margin:0 10px;text-decoration:none;font-weight:bold;}
.logo{height:60px;}

.hero{text-align:center;padding:120px 20px;background:linear-gradient(135deg,#1f00ff,#a000ff,#ff0a7a,#ff7a00);}
.btn-primary{background:#ff3b7f;padding:12px 28px;border-radius:8px;color:#fff;text-decoration:none;font-weight:bold;}

.servicios{text-align:center;padding:60px 20px;background:#fafafa;color:#000;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1000px;margin:auto;}
.card{padding:25px;border-radius:15px;color:#fff;font-weight:bold;text-align:center;}
.pink{background:#ff3b7f;}
.purple{background:#7a2bff;}
.yellow{background:#ffb400;color:#000;}
.teal{background:#00c3a3;}

.elegirnos{padding:70px 20px;text-align:center;background:linear-gradient(135deg,#ff7a00,#ff0a7a,#7a2bff,#1f00ff);}
.beneficios{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:1000px;margin:auto;}
.beneficio{padding:25px;border-radius:15px;background:rgba(255,255,255,0.18);backdrop-filter:blur(6px);font-weight:bold;}
.pink-b{border-left:6px solid #ff3b7f;}
.purple-b{border-left:6px solid #7a2bff;}
.yellow-b{border-left:6px solid #ffb400;}
.teal-b{border-left:6px solid #00c3a3;}

.nosotros{text-align:center;padding:70px 20px;background:#fafafa;color:#000;}

.contacto{padding:70px 20px;text-align:center;background:#ffffff;color:#000;}
form{max-width:500px;margin:auto;display:flex;flex-direction:column;gap:15px;}
input,textarea{padding:14px;border-radius:8px;border:1px solid #ccc;font-size:16px;}

footer{text-align:center;padding:25px;background:#0a0f2d;color:#fff;margin-top:40px;}