:root{
  --ni-blue:#1752ff;
  --ni-blue-800:#0f47fb;
  --ni-yellow:#ffb800;
  --ni-dark:#0e1a2b;
}

/* ===== Seção (fundo azul com listras) ===== */
#contagem.ni-countdown-section{
  position: relative;
  padding: 84px 0 108px;
  color:#fff;
  overflow: hidden;
}

/* Remove qualquer overlay antigo desta seção */
#contagem.ni-countdown-section .overlay{ display:none; }

#contagem.ni-countdown-section::before{
  /* content:""; */
  position:absolute; inset:0;
  /* camada 1: gradiente azul */
  background:
    linear-gradient(180deg, var(--ni-blue) 0%, var(--ni-blue-800) 100%),
    /* camada 2: listras diagonais sutis */
    repeating-linear-gradient(-45deg,
      rgba(255,255,255,.09) 0 14px,
      rgba(255,255,255,0) 14px 28px);
  z-index:0;
}
#contagem.ni-countdown-section .container{ position: relative; z-index:1; }

/* Títulos */
#contagem h2{
  font-weight: 800 !important;
  letter-spacing:.2px;
  font-size: clamp(1.6rem, 2.6vw, 2.6rem);
  margin-bottom:.35rem;
}
#contagem p{
  font-size: clamp(.95rem, 1.2vw, 1.15rem);
  opacity:.95;
}

/* ===== Cards do tempo ===== */

#countdown > *{ display:flex; }
.ni-timebox{ width: 100%; }

.ni-timebox{
  position: relative;
  border: 3px solid var(--ni-yellow);
  border-radius: 6px;
  background: transparent;
  width: 100%;
  min-height: clamp(160px, 26vw, 260px);
  display:flex; align-items:center; justify-content:center;
  box-shadow: 0 16px 30px rgba(0,0,0,.08);
}

.ni-timebox .value{
  font-weight: 800;
  line-height: 1;
  letter-spacing: 2px;
  /* número bem grande, responsivo */
  font-size: clamp(140px, 9vw, 120px);
}

.ni-timebox .label{
  position:absolute;
  left:50%; bottom:0;
  transform: translate(-50%, 50%);
  background: var(--ni-yellow);
  color: white;
  text-transform: uppercase;
  font-weight: 800;
  font-size: clamp(.7rem, .9vw, .9rem);
  letter-spacing:.6px;
  padding: .45rem .9rem;
  border-radius: 4px;
  box-shadow: 0 10px 18px rgba(255,184,0,.28);
  white-space: nowrap;
}

/* Espaçamentos do grid */
/* @media (min-width: 768px){
  #countdown{ column-gap: 24px !important; row-gap: 24px !important; }
} */