:root {
  --brand:#e11d48;
  --accent:#0ea5e9;
  --text:#0b1220;
  --body-bg:#f6f7fb;
}
body { background: var(--body-bg); color: var(--text); }
.navbar-brand img { height: 70px; width: 330px}
.btn-brand { background: var(--brand); border-color: var(--brand); color: #fff; box-shadow: 0 6px 14px rgba(225,29,72,.25);}
.btn-brand:hover { transform: translateY(-1px); color:#fff; }
.badge-accent { background: #fee2e2; color: #991b1b; border:1px solid #fecaca; }
.hero { background: linear-gradient(180deg, rgba(14,165,233,.08), rgba(225,29,72,.08)); border-radius: 24px; padding: 28px; }
.section { padding: 56px 0; }
.card-feature { border: 1px solid #e6e8eb; border-radius: 18px; background:#fff; box-shadow: 0 10px 30px rgba(2,8,23,.04); }
.card-feature:hover { box-shadow: 0 12px 36px rgba(2,8,23,.08); transform: translateY(-2px); transition:.2s; }
.footer { background:#fff; border-top:1px solid #e5e7eb; }
.mobile-topbar { display:none; }
@media (max-width: 768px) {
  .mobile-topbar { display:block; position: sticky; top:0; z-index:1031; background:#fff; border-bottom:1px solid #eee; padding:8px 12px; text-align:center; }
  .mobile-topbar .title { font-weight:700; }
  .mobile-cta-bar { position: fixed; bottom: 12px; left:12px; right:12px; display:flex; gap:10px; z-index:1031; }
}
.whats-app-link, .call-link { flex:1; }
.small-note { font-size:.95rem; color:#475569; }
.kpi { font-weight:800; font-size:28px; }
.kpi-sub { color:#64748b; }
.step { display:flex; gap:12px; align-items:flex-start; }
.step>div:first-child { width:34px; height:34px; border-radius:999px; background:linear-gradient(135deg, var(--accent), var(--brand)); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; }
.list-districts a { display:inline-block; margin:.3rem .6rem .3rem 0; padding:.35rem .6rem; border:1px solid #e5e7eb; border-radius:999px; background:#fff; text-decoration:none; color:var(--text); }
.list-districts a:hover { border-color:#cbd5e1; box-shadow:0 4px 14px rgba(2,8,23,.06); }
.address-box { background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:16px; }
.tip { background:#fff; border-left:4px solid var(--accent); border-radius:12px; padding:14px; }