/* event.css — secciones 3 y 4 (ceremonia y fiesta): fecha, countdown, mapa. */

.event__when { font-size: var(--fs-lg); color: var(--ink); margin-top: var(--sp-3); letter-spacing: 0.01em; }
.event__place { font-size: var(--fs-xl); color: var(--gold-dark); margin-top: var(--sp-1); }
.party__lead { font-size: var(--fs-lg); color: var(--ink-soft); font-style: italic; max-width: 32ch; margin: var(--sp-3) auto 0; }

/* Countdown */
.countdown {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: var(--sp-3);
  max-width: 26rem; margin: var(--sp-6) auto;
}
.countdown__unit {
  display: grid; justify-items: center; gap: 0.2rem;
  padding: var(--sp-4) var(--sp-2);
  background: var(--nude-50);
  border: 1px solid var(--nude-300);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
.countdown__num {
  font-family: var(--font-serif); font-weight: 600;
  font-size: clamp(1.6rem, 1.2rem + 2vw, 2.4rem); line-height: 1; color: var(--gold-dark);
  font-variant-numeric: tabular-nums;
}
.countdown__label {
  font-family: var(--font-display); font-size: 0.6rem;
  letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--ink-muted);
}

/* Mapa */
.map-card { max-width: 34rem; margin: var(--sp-6) auto 0; display: grid; gap: var(--sp-4); justify-items: center; }
.map-card__frame {
  width: 100%; aspect-ratio: 16 / 10; border: 0;
  border-radius: var(--radius-md);
  border: 1px solid var(--gold-light);
  box-shadow: var(--shadow-md);
  filter: sepia(0.12) saturate(0.9);
}