/* =====================================================================
   Riviera House — Countdown (discreto, mobile-first)
   Compartilhado pela home (raiz) e pela landing do grupo.
   Usa as variáveis de cor já definidas em :root de cada página.
   ===================================================================== */
.countdown {
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  gap: clamp(10px, 3.2vw, 16px);
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--ink);
}

.countdown__unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 2.2ch;
}

.countdown__num {
  font-size: clamp(1.05rem, 5vw, 1.35rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.01em;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

.countdown__label {
  margin-top: 6px;
  font-size: clamp(0.52rem, 2.2vw, 0.6rem);
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ink-soft);
}

/* separador discreto entre as unidades, alinhado com os números */
.countdown__sep {
  font-size: clamp(0.95rem, 4.4vw, 1.2rem);
  font-weight: 400;
  line-height: 1;
  color: var(--terra);
  opacity: 0.35;
  /* alinha o ":" verticalmente com a linha dos números */
  margin-top: 0.04em;
}

@media (max-width: 360px) {
  .countdown { gap: 8px; }
  .countdown__num { font-size: 1rem; }
}