:root{
  --bg:#eef3f5;
  --brand:#0c3d46;
  --accent:#2f7d32;
  --card:#ffffff;
  --soft:#f5f7f8;
  --line:#d8e2e6;
  --text:#223;
  --muted:#5c6e75;
}
*{box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;margin:0;background:var(--bg);color:var(--text)}
header{background:var(--brand);color:white;padding:30px 0}
.container{max-width:1120px;margin:auto;padding:0 20px}
.top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.logo img{max-height:82px;background:white;border-radius:12px;padding:8px 12px}
a.btn{background:var(--accent);color:white;padding:12px 18px;border-radius:8px;text-decoration:none;display:inline-block}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.section{background:var(--card);border-radius:12px;padding:30px;margin-top:22px;box-shadow:0 8px 28px rgba(0,0,0,.06)}
.section h1,.section h2,.section h3{margin-top:0}
.lead{color:var(--muted)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:var(--soft);border:1px solid var(--line);padding:18px;border-radius:10px}
.service img,.product img{width:100%;height:220px;object-fit:cover;border-radius:8px;margin-bottom:12px;background:#dfe8eb}
.scheme img{width:100%;border-radius:10px}
video{width:100%;border-radius:10px;background:#dfe8eb}
.whatsapp{position:fixed;bottom:20px;right:20px;background:#25D366;color:white;padding:14px 18px;border-radius:30px;text-decoration:none;font-weight:bold;box-shadow:0 6px 18px rgba(0,0,0,.24)}
@media(max-width:900px){.grid3,.grid4{grid-template-columns:1fr}}