/* ============================================================
   Unidade visual, pele clara (26/10/2026): entra DEPOIS do /ui/unidade.css
   nas páginas de fundo creme (#F3F3EC): /funil/consultoria/pediatria,
   /pediatria, /psicologia, /filho, /anna e /isabella.
   O unidade.css foi feito pro fundo escuro do linktree: no creme o vidro
   do contador fica cinza turvo e o botão secundário some (texto claro).
   Aqui a página continua clara (decisão do Zé, 26/10: "Versão clara"):
   contador em cartão escuro sólido com o número no anel aceso, botão
   principal na pílula do linktree (vem do unidade.css), secundário com
   texto escuro e contorno em pílula. Só visual.
   ============================================================ */

/* contador: o mesmo cartão do linktree, mas sólido (no creme o vidro turvava) */
html body .zr-vagas{
  background:
    radial-gradient(110px 90px at 50px 50%,rgba(127,240,240,.09) 0%,transparent 70%),
    linear-gradient(165deg,#21323B 0%,#181D20 100%);
  border-color:rgba(193,223,224,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 30px -18px rgba(24,29,32,.55);
}

/* secundário: texto e contorno no aqua de ler (o #456A6C das páginas claras) */
html body .cta.cta--fantasma{
  background:transparent;color:#456A6C;border:1px solid rgba(74,114,116,.45);
}
html body .cta.cta--fantasma:hover{background:rgba(69,106,108,.06);border-color:rgba(74,114,116,.7)}

/* barra de baixo da /funil/consultoria/pediatria: a faixa volta pro creme
   (lá não tem cápsula, o botão fica direto na barra) */
html body .cta-fixo{background:linear-gradient(180deg,rgba(243,243,236,0) 0%,#F3F3EC 34%)}

/* título dos passos e a bolinha no aqua de ler */
html body .fechamento__titulo{color:#456A6C}
html body .fechamento__titulo::before{background:#456A6C;box-shadow:none}