/* ================================
   COUNTDOWN
   ================================ */

#countdown {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap; /* mantém todos na mesma linha */
  gap: 15px; /* espaço entre os blocos */
  flex: 1;
}

/* Cada bloco do contador */
#countdown .col-md-3 {
  flex: 1 1 0;      /* todos dividem igualmente o espaço */
  min-width: 0;     /* permite encolher sem forçar quebra */
  text-align: center;
}

/* Números do countdown */
#countdown .number {
  font-size: clamp(1.6rem, 4vw, 3.2rem); /* ajusta dinamicamente */
	font-family: 'TEDxDisplayBlack2', Arial, sans-serif !important;
  font-weight: 700;
  color: #F96D00;
  font-family: 'TEDxDisplayBlack', sans-serif;
  line-height: 1.1;
}

/* Rótulos (dias, horas, minutos, segundos) */
#countdown span {
  display: block;
  font-size: clamp(0.7rem, 1.5vw, 1rem); /* escala junto */
  color: #F96D00;
  font-family: 'TEDxDisplayBlack2', Arial, sans-serif !important;
  margin-top: 4px;
  line-height: 1.2;
}

/* ================================
   TÍTULO H2 DINÂMICO
   ================================ */

h2 {
  display: block;
  width: 100%;
  font-size: clamp(18px, 3.5vw, 38px); /* escala suave */
  line-height: 1.2;
  font-family: 'TEDxDisplayBlack', sans-serif;
  text-align: center;
  color: #b60032;
  margin-bottom: 30px;
  white-space: normal;   /* permite quebra natural se necessário */
  word-wrap: break-word; /* força quebra de palavras longas */
}