/* Barra de progresso em percentual */
.progresso {
  width: 100%;
  max-width: var(--container-max);
  margin-bottom: 18px;
}
.progresso[hidden] { display: none; }

.progresso-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 7px;
  font-size: .82rem;
  color: var(--cor-prata);
}
.progresso-texto {
  font-weight: 700;
  color: var(--cor-ouro);
  font-variant-numeric: tabular-nums;
}

.progresso-barra {
  height: 9px;
  background: rgba(255, 255, 255, .10);
  border-radius: 999px;
  overflow: hidden;
}
.progresso-preenchimento {
  height: 100%;
  width: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--cor-ouro-escuro), var(--cor-ouro));
  transition: width var(--transicao);
}