/* Tarja de cotações: de ponta a ponta abaixo do menu, lenta e sumindo nas laterais */
.sg-tarja { margin-top: 12px; height: 26px; overflow: hidden; font-family: Plus Jakarta Sans, system-ui, sans-serif;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%); }
.sgt-trilho { display: flex; gap: 26px; width: max-content; padding: 4px 20px; font-size: 12px; white-space: nowrap; animation: sgtRola 170s linear infinite; }
.sg-tarja:hover .sgt-trilho { animation-play-state: paused; }
.sg-tarja a { color: #5f5f5a; text-decoration: none; display: inline-flex; gap: 7px; align-items: center; font-variant-numeric: tabular-nums; }
.sg-tarja b { color: #141414; font-weight: 800; }
.sgt-var { font-style: normal; font-size: 11px; font-weight: 800; padding: 1px 8px; border-radius: 999px; color: #fff; }
.sgt-up { background: #16a34a; } .sgt-dn { background: #e11d48; }
@keyframes sgtRola { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .sgt-trilho { animation: none; } .sg-tarja { overflow-x: auto; } }
