:root{
  --primary:#0b3d91;
  --secondary:#f4b400;
  --dark:#0f172a;
  --light:#f8fafc;
}
body{font-family:Arial, Helvetica, sans-serif;background:#fff;color:#111;margin:0;padding:0;}
a{text-decoration:none;}
.topbar{background:var(--dark);color:#fff;font-size:14px;padding:8px 0;}
.container{max-width:1200px;margin:auto;padding:0 15px;}
.flex{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.navbar{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:999;}
.navbar .logo{font-size:24px;font-weight:800;color:var(--primary);padding:14px 0;display:flex;align-items:center;gap:10px;}
.navbar ul{list-style:none;display:flex;gap:18px;margin:0;padding:0;}
.navbar li a{color:#111;font-weight:600;padding:18px 6px;display:inline-block;}
.navbar li a:hover{color:var(--primary);}
.btn{background:var(--primary);color:#fff;padding:10px 16px;border-radius:10px;font-weight:700;display:inline-block;}
.btn:hover{opacity:.9;}
.hero{background:linear-gradient(120deg, rgba(11,61,145,.85), rgba(244,180,0,.75)), url('assets/images/hero.jpg');background-size:cover;background-position:center;color:#fff;padding:90px 0;}
.hero h1{font-size:44px;margin:0 0 12px;}
.hero p{font-size:18px;max-width:700px;line-height:1.6;}
.grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:18px;}
.card{border:1px solid #eee;border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.06);background:#fff;}
.card img{width:100%;height:200px;object-fit:cover;}
.card .content{padding:14px;}
.card .content h3{margin:0 0 8px;font-size:20px;}
.card .content p{margin:0 0 12px;color:#444;line-height:1.5;}
.section{padding:60px 0;}
.section h2{font-size:32px;margin:0 0 18px;}
.footer{background:#0f172a;color:#cbd5e1;padding:35px 0;margin-top:40px;}
.footer a{color:#fff;}
.footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;}
.footer h4{margin:0 0 12px;color:#fff;}
.whatsapp-float{
  position:fixed;bottom:18px;right:18px;
  background:#25D366;color:#fff;
  width:56px;height:56px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:28px;box-shadow:0 8px 20px rgba(0,0,0,.2);
  z-index:9999;
}
.form-control{width:100%;padding:12px;border:1px solid #ddd;border-radius:12px;margin-bottom:12px;font-size:15px;}
textarea.form-control{min-height:120px;}
@media(max-width:900px){
  .grid{grid-template-columns:repeat(2, 1fr);}
  .hero h1{font-size:34px;}
  .footer .cols{grid-template-columns:1fr;}
  .navbar ul{flex-wrap:wrap;}
}
@media(max-width:600px){
  .grid{grid-template-columns:1fr;}
}