/* Palomas y luz — primera comunión moderna: cielo, rayos de luz y una paloma. Va después de
   kit/base.css y kit/religioso.css. Solo var(--mi-*) / var(--k-*); nunca {{ theme.x }} aquí. */

.pa-hero { background: linear-gradient(color-mix(in srgb, var(--k-secondary) 85%, var(--k-bg)), var(--k-bg) 78%); }
.pa-hero::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: repeating-conic-gradient(from 160deg at 50% -6%, color-mix(in srgb, var(--k-surface) 70%, transparent) 0 3deg, transparent 3deg 11deg);
  -webkit-mask: linear-gradient(#000, transparent 70%); mask: linear-gradient(#000, transparent 70%);
}
.rel:not(.rel--orn) .pa-hero::before { display: none; }
.pa-hero > * { position: relative; }
.pa-frame { position: relative; width: min(66vw, 300px); margin: .4rem auto 0; }
.pa-photo { overflow: hidden; aspect-ratio: 4 / 5; border-radius: 999px 999px 20px 20px; background: var(--k-soft); box-shadow: 0 0 0 8px var(--k-surface), 0 0 0 9px var(--k-accent), 0 30px 60px -34px rgba(0, 0, 0, .45); }
.pa-photo img { width: 100%; height: 100%; object-fit: cover; }
.pa-dove { position: absolute; top: -4%; left: -22%; width: 46%; rotate: -8deg; --k-orn-1: var(--k-surface); --k-orn-2: var(--k-accent); filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .14)); }
@media (prefers-reduced-motion: no-preference) {
  .pa-dove { animation: pa-glide 7s ease-in-out infinite; }
}
@keyframes pa-glide { 50% { translate: 6px -10px; } }
.pa .rel-name { font-size: clamp(3rem, 14vw, 5.6rem); font-weight: 500; }
.pa .rel-date { text-transform: uppercase; letter-spacing: .16em; font-size: .86rem; font-weight: 600; }
.pa h2 { font-size: clamp(2.1rem, 8vw, 3rem); }
.pa .rel-welcome .k-divider { width: 40px; }
.pa .rel-card { border-radius: 26px; }
.pa .rel-footer-orn { width: 72px; --k-orn-2: var(--k-accent); }