/* Corona de durazno — presentación al templo: corona de flores sobre la foto y la edad al centro.
   Va después de kit/base.css y kit/religioso.css. Solo var(--mi-*) / var(--k-*). */

.pf { --k-orn-1: var(--k-primary); --k-orn-2: var(--k-accent); --k-orn-3: var(--k-secondary); }
.pf-hero {
  background:
    radial-gradient(44% 24% at 4% 22%, color-mix(in srgb, var(--k-secondary) 90%, transparent), transparent 70%),
    radial-gradient(40% 22% at 98% 52%, color-mix(in srgb, var(--k-accent) 34%, transparent), transparent 70%),
    radial-gradient(40% 16% at 8% 76%, color-mix(in srgb, var(--k-secondary) 70%, transparent), transparent 70%);
}
.pf-frame { position: relative; width: min(60vw, 260px); margin: 2rem auto 1.8rem; }
.pf-photo { overflow: hidden; aspect-ratio: 1; border-radius: 50%; background: var(--k-soft); box-shadow: 0 0 0 7px var(--k-surface), 0 0 0 8px var(--k-secondary), 0 26px 50px -30px rgba(0, 0, 0, .4); }
.pf-photo img { width: 100%; height: 100%; object-fit: cover; }
.pf-crown { position: absolute; top: -22%; left: 50%; width: 128%; translate: -50% 0; }
.pf-age { position: absolute; bottom: -12%; left: 50%; display: grid; place-items: center; width: 84px; height: 84px; margin: 0; translate: -50% 0; border-radius: 50%; background: var(--k-primary); color: var(--k-on-primary); box-shadow: 0 0 0 5px var(--k-surface); font: 600 .72rem/1 var(--k-font-body); letter-spacing: .14em; text-transform: uppercase; align-content: center; gap: 2px; }
.pf-age strong { font: 400 2.2rem/1 var(--k-font-body); letter-spacing: 0; }
.pf .rel-name { font-size: clamp(3.6rem, 18vw, 6.6rem); font-weight: 400; line-height: 1; }
.pf h2 { font-weight: 400; font-size: clamp(2.6rem, 10vw, 3.6rem); }
.pf .rel-welcome .k-divider { width: 110px; }
.pf .rel-card { border-radius: 28px; }
.pf .rel-people .k-person__name { font-family: var(--k-font-body); }
.pf .rel-footer-orn { width: 110px; }