body{font-family:Segoe UI,Arial,sans-serif;margin:0;background:#f4f6f9;color:#333}
header{background:#0b2c4a;padding:15px 0}
nav{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between}
nav a{color:white;margin-left:20px;text-decoration:none;font-weight:600}
.hero{height:420px;display:flex;align-items:center;justify-content:center;color:white;text-align:center;background:#1ea6d8}
.hero h1{font-size:46px;background:rgba(0,0,0,0.45);padding:20px 40px;border-radius:8px}
.container{max-width:1100px;margin:auto;padding:60px 20px}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}
.card{background:white;padding:30px;border-radius:10px;box-shadow:0 6px 25px rgba(0,0,0,0.08)}
footer{background:#0b2c4a;color:white;padding:40px}
.footer-container{display:flex;flex-wrap:wrap;gap:30px;max-width:1100px;margin:auto;justify-content:space-between}
.whatsapp{position:fixed;bottom:25px;right:25px;background:#25D366;padding:15px 22px;color:white;font-weight:bold;border-radius:40px;text-decoration:none}
.map{width:100%;height:400px;border:none}
button{background:#f59a23;border:none;padding:12px 20px;color:white;font-weight:bold;border-radius:6px;cursor:pointer}