/* be·aside — página dos médicos (guias clínicos) na identidade nova.
   Mantém o layout, os monitores e o modo claro; troca letra, verde da marca e a logo. */

html:has(body[data-ba-medico]), html:has(body[data-ba-medico])[data-theme], html:has(body[data-ba-medico])[data-design] {
  --sans: "Mulish", "Avenir Next", "Avenir", system-ui, sans-serif;
  --display: "Mulish", "Avenir Next", "Avenir", system-ui, sans-serif;
  --mono: "Mulish", "Avenir Next", "Avenir", system-ui, sans-serif;
  --teal: #0A9A73;
  color-scheme: light;
}
body[data-ba-medico] { font-feature-settings: normal; letter-spacing: 0; }
body[data-ba-medico] :is(h1, h2, h3) { font-family: var(--display); letter-spacing: -.025em; }

/* logo nova no cabeçalho */
body[data-ba-medico] .navbar .logo { gap: 10px; }
body[data-ba-medico] .navbar .ba-simb { width: 15px; height: 21px; }
body[data-ba-medico] .navbar .ba-nome { width: 96px; height: auto; display: block; }

/* Be-IA: selo discreto, sem previsão */
body[data-ba-medico] .beia-selo {
  display: inline-block; vertical-align: middle; margin-left: 10px;
  font: 600 11px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase;
  color: #067A5B; border: 1px solid rgba(6, 122, 91, .35); border-radius: 999px; padding: 6px 10px;
}

/* rodapé novo: o reset do layout zera espaçamentos; devolvemos os da marca */
body[data-ba-medico] .rodape h2 { margin: 0 0 16px; }
body[data-ba-medico] .rodape ul { margin: 0; padding: 0; }
body[data-ba-medico] .rodape .lema { margin: 16px 0 0; }