*{box-sizing:border-box;font-family:'Segoe UI';margin:0}
body{background:#f4f6f9;color:#111}
.hero{background:linear-gradient(135deg,#c4d0ec,#1e293b);color:white;padding:40px;text-align:center}
.logo{width:120px;margin-bottom:20px}
.nav{background:white;padding:15px;text-align:center;position:sticky;top:0}
.nav a{margin:0 15px;text-decoration:none;font-weight:bold;color:#111}
.section{padding:80px 10%;background:white;margin:30px;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.08)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}
.card{padding:40px;background:#f4f6f9;border-radius:16px;transition:.3s;font-weight:bold}
.card:hover{transform:translateY(-12px)}
.form{max-width:500px;margin:auto;display:grid;gap:15px}
input,textarea,button{padding:14px;border-radius:10px;border:1px solid #ccc}
button{background:#0ea5e9;color:white;font-weight:bold;border:none}
.fade{animation:fadeIn 1.2s}
.img{width:100%;border-radius:20px;margin:30px 0}
footer{text-align:center;padding:30px;background:#111;color:white}
.whatsapp{position:fixed;bottom:25px;right:25px;background:#25d366;color:white;padding:15px 20px;border-radius:50px;text-decoration:none;font-weight:bold}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1}}