/* ===== VCL — cotação do dólar (referência, atualiza sozinho) ===== */
#vcl-dolar{display:none;align-items:center;gap:14px;margin:0 auto 30px;max-width:430px;
  padding:14px 18px;border-radius:16px;
  background:linear-gradient(180deg,rgba(20,20,24,.92),rgba(12,12,15,.92));
  border:1px solid rgba(255,255,255,.10);box-shadow:0 14px 34px rgba(0,0,0,.42);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#vcl-dolar.on{display:flex}
#vcl-dolar .vcl-dolar-ic{width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;
  font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.3rem;color:#46d885;
  background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.30)}
#vcl-dolar .vcl-dolar-txt{display:flex;flex-direction:column;gap:2px;text-align:left}
#vcl-dolar .vcl-dolar-lab{font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:#9aa0ab;font-weight:700}
#vcl-dolar .vcl-dolar-val{font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.4rem;color:#fff;
  line-height:1.1;display:flex;align-items:baseline;gap:8px}
#vcl-dolar .vcl-dolar-val em{font-style:normal;font-size:.72rem;font-weight:700}
#vcl-dolar .vcl-dolar-val em.up{color:#46d885}
#vcl-dolar .vcl-dolar-val em.down{color:#ff5a5a}
#vcl-dolar .vcl-dolar-sub{font-size:.62rem;color:#7f8590;line-height:1.3}
@media(max-width:560px){
  #vcl-dolar{max-width:100%;gap:11px;padding:12px 14px}
  #vcl-dolar .vcl-dolar-val{font-size:1.2rem}
}
