/* v12 global */
:root{
  --text:#1f2937; --muted:#6b7280; --border:#e5e7eb; --container:1120px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.7;color:var(--text);background:#fff}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}

/* Nav */
.nav-inner{display:flex;justify-content:space-between;align-items:center;padding:22px 0}
.nav-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.logo img{height:120px;width:auto}
@media (max-width:640px){.logo img{height:90px}}
.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--text);text-decoration:none;font-weight:700}
.btn:hover{background:#f8fafc}
.btn .icon{display:inline-flex}

/* Brand-colored variants */
.btn.whatsapp{background:#25D366;color:#fff;border-color:#25D366}
.btn.whatsapp:hover{filter:brightness(0.95)}
.btn.facebook{border-color:#e3edff;color:#1877F2}
.btn.facebook:hover{background:#f5f9ff}

/* Hero */
.hero{text-align:center;padding:96px 20px}
.hero h1{font-size:46px;margin-bottom:16px}
.hero p{max-width:860px;margin:0 auto 28px;color:var(--muted)}

/* Sections */
.section{padding:72px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:36px}
.card{border:1px solid var(--border);border-radius:12px;padding:28px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.04)}

/* Footer */
footer{border-top:1px solid var(--border);margin-top:72px;padding:36px 0;text-align:center;color:var(--muted)}
footer .links{margin-top:8px}

/* CTA group */
.ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
@media (max-width:520px){ .ctas .btn{width:100%;justify-content:center} }