:root{--accent:#1b78d6;--eco:#1db56f;--ink:#141a21;--mut:#667085;--soft:#f6f8fb}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:var(--accent);text-decoration:none}img{max-width:100%;display:block;border-radius:14px}
h1,h2,h3{margin:0 0 8px 0;text-align:center}p{margin:0 0 10px 0}
.header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:50}
.container{max-width:1200px;margin:0 auto;padding:18px}
.nav{display:flex;align-items:center;gap:14px;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px}
.brand img{width:46px;height:46px;border-radius:8px}
.menu{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.menu a{padding:10px 12px;border-radius:10px}
.menu a:hover{background:#eef5ff}
.hero{position:relative;overflow:hidden;background:var(--soft);border-bottom:1px solid #eef2f6}
.carousel{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:10px}
.carousel > div{scroll-snap-align:center}
.section{padding:32px 0}
.grid{display:grid;gap:16px}
.cards{grid-template-columns:repeat(3,minmax(240px,1fr))}
.cards.two-cols{grid-template-columns:repeat(2,minmax(260px,1fr))}
.cards.three-cols{grid-template-columns:repeat(3,minmax(240px,1fr))}
.card{background:#fff;border:1px solid #eef2f6;border-radius:16px;padding:16px}
.card p,.card .mut{text-align:center}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:16px}
.kpi{background:#fff;border:1px solid #eef2f6;border-radius:16px;padding:16px;text-align:center}
.cta{display:flex;justify-content:center;margin-top:10px}
.btn{background:var(--accent);color:#fff;padding:12px 18px;border-radius:12px;font-weight:600;display:inline-block}
.footer{border-top:1px solid #e5e7eb;padding:12px 0;color:#6b7280}
.footer p{text-align:center;font-size:14px}
.whatsapp{position:fixed;right:18px;bottom:18px;background:#25D366;color:#fff;border-radius:50%;width:54px;height:54px;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.15);z-index:60}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(240px,1fr))}.kpis{grid-template-columns:repeat(2,minmax(140px,1fr))}.cards.three-cols{grid-template-columns:repeat(2,minmax(240px,1fr))}}
@media(max-width:700px){.cards,.cards.two-cols,.cards.three-cols{grid-template-columns:1fr}.menu{gap:8px}.brand img{width:40px;height:40px}}
.mut{color:var(--mut)}