/* FluxoHealth: o que o site, as telas de conta e os painéis dividem.
   Fontes (Geist, Geist Mono e Gloria Hallelujah, OFL, servidas daqui) e as cores da marca.
   Cada superfície define o próprio fundo e as próprias superfícies por cima disto. */
@font-face{font-family:"Geist";src:url("fontes/geist-latin.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist";src:url("fontes/geist-latin-ext.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Geist Mono";src:url("fontes/geist-mono-latin.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist Mono";src:url("fontes/geist-mono-latin-ext.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Gloria Hallelujah";src:url("fontes/gloria-hallelujah-latin.woff2") format("woff2");font-weight:400;font-display:swap}

:root{
  /* a marca: azul clarinho de consultório, usado pouco */
  --marca:#38A8F5;        /* logo, desenhos, gráficos (não é cor de texto: 2,6:1 no branco) */
  --marca-clara:#8FD0FF;
  --marca-gelo:#E4F3FE;   /* fundo de selo, dente marcado, linha escolhida */
  --acao:#0B6FC7;         /* botão, link e texto em azul: 5,1:1 no branco */
  --acao-forte:#0A5DA9;   /* hover do botão */
  --tinta:#0D2238;        /* texto, painéis escuros */
  --apoio:#5A6B7E;        /* texto de apoio: 5,5:1 no branco */
  --verde:#12805C; --verde-gelo:#E3F4EC;
  --vermelho:#C8312F; --vermelho-gelo:#FCE9E8;
  --ambar:#9A5B05; --ambar-gelo:#FDF1DD;

  --fonte:"Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fonte-mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --fonte-mao:"Gloria Hallelujah", "Comic Sans MS", cursive;
}

/* FluxoHealth (24/10/2026): o nome escrito como na logo, "Fluxo" forte na cor do texto e "Health"
   mais leve, no azul que vai ao ciano. No fundo escuro (menu dos painéis, rodapé) o azul clareia. */
.logo em,.marca em,.adm-marca em,.marca-nome em{font-style:normal;font-weight:500;letter-spacing:-.03em;
  background:linear-gradient(90deg,#1A6BFF 0%,#13B5E3 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo--claro em,.marca em,.adm-marca em{background-image:linear-gradient(90deg,#3D8BFF 0%,#2FE0F0 100%)}
.marca span,.adm-marca b{color:#fff}