/* Tema claro comum para as páginas clínicas. */
:root {
  --bg0: #f4f7fb !important;
  --bg1: #eaf0f7 !important;
  --bg: #f4f7fb !important;
  --bg2: #eaf0f7 !important;
  --bg-0: #f4f7fb !important;
  --bg-1: #eaf0f7 !important;
  --ink: #0f172a !important;
  --text: #0f172a !important;
  --muted: #526174 !important;
  --line: rgba(15, 23, 42, .12) !important;
  --stroke: rgba(15, 23, 42, .12) !important;
  --stroke2: rgba(15, 23, 42, .18) !important;
  --card: rgba(255, 255, 255, .90) !important;
  --card2: rgba(255, 255, 255, .76) !important;
  --card-strong: rgba(255, 255, 255, .97) !important;
  --panel: rgba(255, 255, 255, .90) !important;
  --panel2: rgba(255, 255, 255, .97) !important;
  --surface: rgba(255, 255, 255, .90) !important;
  --surface-2: rgba(255, 255, 255, .97) !important;
  --glass-bg: rgba(255, 255, 255, .82) !important;
  --glass-bg-strong: rgba(255, 255, 255, .96) !important;
  --glass-line: rgba(15, 23, 42, .12) !important;
  --shadow: 0 18px 55px rgba(15, 23, 42, .10) !important;
  --shadow2: 0 10px 30px rgba(15, 23, 42, .08) !important;
  --glass-shadow: 0 22px 70px rgba(15, 23, 42, .10) !important;
}

html, body {
  background: linear-gradient(180deg, #f8fafc, #eef3f8) !important;
  color: #0f172a !important;
}

body::before,
body::after {
  opacity: .16 !important;
}

header,
.header,
.topbar,
.navbar,
.site-header,
.nav-wrap,
.mobile-panel {
  background: rgba(255, 255, 255, .92) !important;
  border-color: rgba(15, 23, 42, .10) !important;
  box-shadow: 0 8px 28px rgba(15, 23, 42, .07) !important;
}

.glass,
.card,
.panel,
.tile,
.feature,
.service,
.content-card,
.team-card,
.contact-card,
.faq-item,
.step,
.stat,
.quote,
.info,
.box {
  background: rgba(255, 255, 255, .90) !important;
  border-color: rgba(15, 23, 42, .11) !important;
  box-shadow: 0 16px 45px rgba(15, 23, 42, .08) !important;
}

h1, h2, h3, h4, h5, h6,
p, li, dt, dd, label,
.brand, .brand-title, .brand-sub,
.lead, .muted, .eyebrow, .tagline,
.menu a, .nav a, nav a {
  color: #0f172a !important;
}

.muted, .lead, .brand-sub, small {
  color: #526174 !important;
}

.menu a:hover, .nav a:hover, nav a:hover {
  background: rgba(14, 165, 233, .08) !important;
  border-color: rgba(14, 165, 233, .22) !important;
}

.btn.primary,
.btn.cta,
.cta,
button.primary {
  color: #041019 !important;
}

footer,
.footer {
  background: #e7edf4 !important;
  color: #0f172a !important;
  border-color: rgba(15, 23, 42, .10) !important;
}

footer a,
.footer a {
  color: #334155 !important;
}
