#countdown {
  background-color: var(--c-white);
  text-align: center;
}

#countdown .divider { background: var(--c-gold); }

.cd-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);  /* row 1: días · horas / row 2: min · seg */
  gap: var(--sp-lg) var(--sp-xl);
  margin-top: var(--sp-lg);
  max-width: 320px;
  margin-inline: auto;
}

.cd-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}

/* Fixed-width container prevents layout shifts when digits change */
.cd-number-wrap {
  min-width: 5.5rem;
  text-align: center;
}

.cd-number {
  font-family: var(--f-serif);
  font-size: clamp(3rem, 12vw, 4.5rem);
  font-weight: 600;
  color: var(--c-gold);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.cd-label {
  font-size: 0.65rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-sage);
}

/* Subtle separator between the two rows */
.cd-item:nth-child(3),
.cd-item:nth-child(4) {
  padding-top: var(--sp-sm);
  border-top: 1px solid var(--c-gold-light);
}