/* Loader PDF modal */
body[data-theme="saude"] .pdf-loader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.85);
  backdrop-filter: blur(12px);
}
body[data-theme="saude"] .pdf-loader-box {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.13);
  padding: 32px 24px;
  max-width: 340px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
body[data-theme="saude"] .pdf-loader-title {
  font-weight: 900;
  color: var(--brand);
  font-size: 1.15rem;
  margin-bottom: 10px;
}
body[data-theme="saude"] .pdf-loader-bar {
  width: 100%;
  background: var(--panel-2, #f0fbf4);
  border-radius: 999px;
  overflow: hidden;
  height: 12px;
  margin-bottom: 14px;
}
body[data-theme="saude"] #loader-bar {
  height: 100%;
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  width: 0%;
  transition: width 5s linear;
}
body[data-theme="saude"] .pdf-loader-list {
  list-style: disc inside;
  color: #222;
  font-size: 1.05rem;
  margin: 0;
  padding: 0 0 0 18px;
  text-align: left;
}
body[data-theme="saude"] .pdf-loader * {
  color: #222 !important;
}
body[data-theme="saude"] .pdf-panel {
  color: #222;
}
/* Tema Saúde (claro) — substitui completamente o esquema escuro */
:root{
  --bg:#f6fff8;          /* fundo claro, levemente esverdeado */
  --pdf-loader-bg: #101a14;
  --ink:#0f1f17;         /* texto principal bem escuro (quase preto) */
  --muted:#3b5d4c;       /* texto secundário em verde acinzentado */
  --brand:#16a34a;       /* verde forte para ações */
  --brand-2:#22c55e;     /* verde claro complemento */
  --accent:#84cc16;      /* detalhe amarelo/verde */
  --card:#ffffff;        /* cartões brancos */
  --card-2:#f0fbf4;      /* variantes suaves */
  --good:#16a34a;        /* bons indicadores */
  --danger:#c2410c;      /* tom caloroso para alertas */
}

/* Escopo por data-theme para evitar interferências não desejadas */
body[data-theme="saude"]{
  background: linear-gradient(180deg, #f6fff8, #e9fdf1);
  color: var(--ink);
}

body[data-theme="saude"] .card{
  background: var(--card);
  border:1px solid #d7efe2;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}
body[data-theme="saude"] .card, 
body[data-theme="saude"] .card * { color: inherit }
body[data-theme="saude"] .lead{ color:#234a3a }

/* Chips/itens de valor em caixas claras */
/* Destaques abaixo da headline (chips) com verde mais escuro e texto escuro */
body[data-theme="saude"] .chip{
  background: #cfeee0; /* mais escuro para destacar do fundo */
  border:1px solid #96d8b9;
}
body[data-theme="saude"] .chip b{ color:#0f1f17 }
body[data-theme="saude"] .chip span{ color:#1f3a2f }

/* Badges e botões em verdes saudáveis */
body[data-theme="saude"] .badge{
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  color:#0b2e1a; /* texto mais escuro para contraste em badge clara */
}

body[data-theme="saude"] .btn-primary{
  background:linear-gradient(90deg, var(--brand), var(--brand-2));
  color:#ffffff; /* garantir texto branco no CTA */
  box-shadow: 0 10px 26px rgba(22,163,74,.28);
}

/* Botão fantasma e elementos com bordas */
body[data-theme="saude"] .btn-ghost{
  color: var(--ink);
  border-color:#cfe9dc;
}

/* Temporizador, barras e progressos mais claros */
body[data-theme="saude"] .timer{
  background: linear-gradient(180deg, rgba(34,197,94,.12), rgba(132,204,22,.10));
  border:1px dashed #bfe8cf;
}
body[data-theme="saude"] .bar{
  background:#e8f7ee;
  border:1px solid #cfe9dc;
}
body[data-theme="saude"] .bar span{
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
}

/* Cores secundárias/indicativas */
body[data-theme="saude"] .live-dot{ background: var(--brand) }
body[data-theme="saude"] .clock{ color:#0f5132 }
body[data-theme="saude"] .lead, 
body[data-theme="saude"] .trust, 
body[data-theme="saude"] .micro, 
body[data-theme="saude"] .buyers,
body[data-theme="saude"] .rotator,
body[data-theme="saude"] .downloads{ color:#2a4c3d }

/* FAQ / detalhes em claro */
body[data-theme="saude"] details{
  background:#f4fcf7;
  border:1px solid #d7efe2;
}

/* Modal claro */
body[data-theme="saude"] .modal{ background: rgba(255,255,255,.55); backdrop-filter: blur(3px); }
body[data-theme="saude"] .modal .box{
  background:#ffffff;
  border:1px solid #d7efe2;
  color: var(--ink);
}

/* Barras de progresso (modal e afins) em claro */
body[data-theme="saude"] .progress{
  background:#e8f7ee;
  border:1px solid #cfe9dc;
}
body[data-theme="saude"] .progress > span{
  background:linear-gradient(90deg, var(--brand), var(--brand-2));
}
 
#liveCount { color: black }