/* ds-contagem-regressiva (classe principal ds-regressiva) */
.ds-regressiva { text-align: center; }
.ds-regressiva__chamada { margin-bottom: var(--ds-espaco-3); color: var(--ds-cor-texto-suave); }
.ds-regressiva__relogio { display: inline-grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--ds-espaco-2); }
.ds-regressiva__bloco {
  display: flex; flex-direction: column; align-items: center;
  min-width: 4.25rem; padding: var(--ds-espaco-3) var(--ds-espaco-2);
  border-radius: var(--ds-raio-md);
  background: var(--ds-cor-destaque); color: var(--ds-cor-sobre-destaque);
}
.ds-regressiva__valor { font-family: var(--ds-fonte-impacto); font-size: var(--ds-tamanho-h2); line-height: 1; font-variant-numeric: tabular-nums; }
.ds-regressiva__unidade { margin-top: var(--ds-espaco-1); font-size: var(--ds-tamanho-legenda); text-transform: uppercase; letter-spacing: 0.06em; }
.ds-regressiva__fim { font-family: var(--ds-fonte-titulo); color: var(--ds-cor-titulo); }
.ds-regressiva--encerrada .ds-regressiva__relogio, .ds-regressiva--encerrada .ds-regressiva__chamada { display: none; }
.ds-regressiva--compacta .ds-regressiva__bloco { min-width: 3.25rem; padding: var(--ds-espaco-2) var(--ds-espaco-1); }
.ds-regressiva--compacta .ds-regressiva__valor { font-size: var(--ds-tamanho-cartao); }