/* ============================================================
   Bloco "Dólar / câmbio" da home modular (separado do antigo clima+economia).
   Só tokens de style.css → tema claro vem de graça. Prefixo ptv- e nada de
   "ad"/"widget"/"track" nos nomes (filtros de ad-block comeriam o bloco).
   ============================================================ */

.ptv-bl-dolar{max-width:1220px; margin:0 auto; padding:0 24px;}

.ptv-bl-dolar__moedas{
  display:flex;
  align-items:center;
  gap:28px;
  padding:14px 18px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:12px;
  overflow-x:auto;
  scrollbar-width:none;
}
.ptv-bl-dolar__moedas::-webkit-scrollbar{display:none;}

.ptv-bl-dolar__moeda{
  display:grid;
  grid-template-columns:auto auto;
  align-items:baseline;
  gap:0 8px;
  flex-shrink:0;
}
.ptv-bl-dolar__sigla{
  grid-column:1 / -1;
  font-family:var(--mono);
  font-size:.62rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--ink-soft);
}
.ptv-bl-dolar__valor{
  font-size:1.05rem;
  font-weight:700;
  letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.ptv-bl-dolar__var{
  font-family:var(--mono);
  font-size:.7rem;
  font-weight:700;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
/* Verde sobe / laranja desce (convenção de mercado, na paleta da marca).
   A seta ▲▼ carrega o mesmo sinal para quem não distingue as cores. */
.ptv-bl-dolar__var--sobe{color:var(--lime);}
.ptv-bl-dolar__var--desce{color:var(--orange);}
.ptv-bl-dolar__ref{
  grid-column:1 / -1;
  font-family:var(--mono);
  font-size:.62rem;
  color:var(--ink-mute);
  margin-top:2px;
  white-space:nowrap;
}

/* ---------- fonte ---------- */
.ptv-bl-dolar__fonte{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:space-between;
  font-family:var(--mono);
  font-size:.62rem;
  color:var(--ink-mute);
  margin-top:7px;
  padding:0 4px;
}
.ptv-bl-dolar__fonte a{color:var(--ink-soft); text-decoration:underline; text-underline-offset:2px;}
.ptv-bl-dolar__fonte a:hover{color:var(--orange);}

/* Tema claro: lima sobre fundo claro fica ilegível; usa-se a lima escurecida
   (mesma família da marca) para não perder o sentido de "subiu". */
[data-theme="light"] .ptv-bl-dolar__var--sobe{color:#5F8A0B;}
[data-theme="light"] .ptv-bl-dolar__var--desce{color:var(--orange-deep);}

@media (max-width:860px){ .ptv-bl-dolar{padding:0 14px;} .ptv-bl-dolar__moedas{gap:22px;} }
@media (max-width:420px){
  .ptv-bl-dolar__moedas{gap:18px; padding:12px 14px;}
  .ptv-bl-dolar__valor{font-size:.98rem;}
  .ptv-bl-dolar__fonte{font-size:.58rem;}
}