/* ../../css/2026/countdown.css */

.countdown {
  margin: 10px auto 45px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
}

.cd-box {
  min-width: 130px;
  padding: 14px 16px;
  border-radius: 16px;

  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 10px 24px rgba(0,0,0,.32);

  backdrop-filter: blur(6px);
  text-align: center;
}

.cd-num {
  font-family: 'Teko', sans-serif;
  font-size: 54px;

  /* Color del contador (toma el tema general) */
  color: var(--event-accent, #ff8a00);
  text-shadow: 0 6px 18px rgba(0,0,0,.35);

  line-height: 1;
  display: inline-block;
  transition: transform .25s ease, filter .25s ease;
}

.cd-label {
  margin-top: 6px;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  opacity: .85;
  color: rgba(255,255,255,.86);
}

.cd-pop {
  transform: scale(1.12);
  filter: brightness(1.15);
}

.countdown-end {
  display: none;
  margin-top: 10px;
  font-size: 18px;
  opacity: .9;
  text-align: center;
  color: rgba(255,255,255,.9);
}

@media (max-width: 640px) {
  .cd-box { min-width: 120px; }
  .cd-num { font-size: 48px; }
}