:root{--primary:#0b4f6c;--secondary:#1c7293;--accent:#d4a017;}
*{box-sizing:border-box} body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:#333}
header{background:var(--primary);padding:15px 40px;position:sticky;top:0}
header a{color:#fff;text-decoration:none;margin:0 12px}
.hero{background:linear-gradient(rgba(11,79,108,.8),rgba(11,79,108,.8)),url('images/hero-banner.jpg');background-size:cover;color:#fff;padding:120px 40px;text-align:center}
.btn{background:var(--accent);color:#fff;padding:12px 20px;text-decoration:none;border-radius:4px}
.section{padding:60px 40px;max-width:1200px;margin:auto}
.cards{display:flex;flex-wrap:wrap;gap:20px}
.card{flex:1;min-width:250px;border:1px solid #ddd;padding:20px;border-radius:8px}
footer{background:var(--primary);color:#fff;padding:30px;text-align:center}
form input,form textarea{width:100%;padding:10px;margin:8px 0}
.whatsapp{position:fixed;right:20px;bottom:20px;background:#25D366;color:#fff;padding:15px;border-radius:50%;text-decoration:none}
img{max-width:100%}