/* ==========================================================================
   Event — cerimônia e recepção.
   ========================================================================== */

.event {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
  gap: var(--space-6);
}

.event__card {
  display: flex;
  flex-direction: column;
}

.event__title {
  font-size: var(--fs-xl);
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--border);
}

.event__note {
  margin-top: var(--space-5);
  padding-top: var(--space-4);
  border-top: 1px dashed var(--border);
  font-size: var(--fs-sm);
}