/* Reset básico já é feito pelo Bootstrap; aqui só o extra que você usava */
* { box-sizing: border-box; }

@font-face {
  font-family: 'MinhaFonte';
  src: url('fonts/Another Danger - Demo.otf') format('opentype');
}

/* Helpers */
.bg-cover-center {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Quando for pra remover o fundo (vídeo ativo) */
.no-bg {
  background-image: none !important;
  background: #000 !important;
}

/* Botão "ENTRAR" com animação por letra */
#botao span {
  font-family: 'Michroma', sans-serif;
  display: inline-block;
  color: rgb(232, 51, 51);
  animation: piscar 2s infinite;
}

@keyframes piscar {
  0%, 100% { color: rgb(232, 51, 51); }
  50% { color: yellow; }
}

/* Atrasos por letra */
#botao span:nth-child(1) { animation-delay: 0s; }
#botao span:nth-child(2) { animation-delay: .10s; }
#botao span:nth-child(3) { animation-delay: .20s; }
#botao span:nth-child(4) { animation-delay: .30s; }
#botao span:nth-child(5) { animation-delay: .40s; }
#botao span:nth-child(6) { animation-delay: .50s; }

/* Título com sua fonte de display */
.font-danger {
  letter-spacing: .5px;
}

#countdown {
  color: #ff7700 !important;
}

#botao-redirecionar {
  font-family: 'Michroma', sans-serif;
  background-color: #ffffff00;
  color: rgb(255, 255, 255);
  border: none;
}
#botao-redirecionar:hover {
  background-color: #ff7700ac;
}

#texto h1 {
  color: rgb(232, 51, 51); /* coloque aqui a cor HEX, RGB ou nome */
}


/* ---- Safe padding pro contador em telas pequenas ---- */
@supports(padding: max(1px)) {
  /* aplica em todos os tamanhos, mas é mais útil no mobile */
  #countdown-container {
    /* respeita áreas seguras (notch) e garante pelo menos 16px */
    padding-left:  max(16px, env(safe-area-inset-left));
    padding-right: max(16px, env(safe-area-inset-right));
  }
}

/* reforço específico para mobile */
@media (max-width: 575.98px) {
  #countdown-container {
    /* opcional: um pouco mais de respiro geral */
    padding-left:  max(20px, env(safe-area-inset-left));
    padding-right: max(20px, env(safe-area-inset-right));
  }

  /* se ainda encostar na borda, reduz um pouco o tamanho no XS */
  #countdown { font-size: clamp(22px, 7.5vw, 60px) !important; }
}