/* --------------------------------------------------------------------------
   happening-card: photo-on-top, copy-below card used by the Happenings page
   (cumpleaños / pedida de matrimonio / mensaje especial).
   -------------------------------------------------------------------------- */
.happening-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: clamp(30px, 4vw, 46px); }
.happening-card { background: #fff; border: 1px solid rgba(26, 167, 246, .35); border-radius: 14px; overflow: hidden; box-shadow: 0 10px 24px rgba(0, 40, 70, .08); }
.happening-card__media { position: relative; aspect-ratio: 4 / 3; }
.happening-card__body { padding: 22px 24px 28px; }
.happening-card__body h3 { font-family: var(--font-display); font-size: 13px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: #0d2740; line-height: 1.3; }
.happening-card__body p { margin-top: 10px; color: #5c6b78; font-size: 14px; line-height: 1.55; }

@media (max-width: 850px) {
    .happening-cards { grid-template-columns: 1fr; }
}