/* Pan y vida — primera comunión clásica: cáliz radiante, espigas y uvas. Va después de
   kit/base.css y kit/religioso.css. Solo var(--mi-*) / var(--k-*); nunca {{ theme.x }} aquí. */

.es-hero {
  background:
    radial-gradient(70% 42% at 50% 0%, color-mix(in srgb, var(--k-accent) 34%, transparent), transparent 72%),
    linear-gradient(var(--k-bg), color-mix(in srgb, var(--k-secondary) 40%, var(--k-bg)));
}
.es-caliz { width: 84px; --k-orn-2: var(--k-surface); }
.es-frame { position: relative; width: min(64vw, 280px); margin: .4rem auto 1.6rem; }
.es-photo { overflow: hidden; aspect-ratio: 1; border-radius: 50%; background: var(--k-soft); box-shadow: 0 0 0 6px var(--k-surface), 0 0 0 7px var(--k-accent), 0 0 0 14px var(--k-surface), 0 0 0 15px var(--k-secondary), 0 30px 60px -34px rgba(0, 0, 0, .45); }
.es-photo img { width: 100%; height: 100%; object-fit: cover; }
.es-wheat { position: absolute; left: 50%; bottom: -18%; width: 46%; translate: -50% 0; }
.es .rel-name { font-size: clamp(2.4rem, 11vw, 4.4rem); letter-spacing: .08em; }
.es .rel-date { color: var(--k-primary); font-weight: 600; letter-spacing: .06em; }
.es h2 { letter-spacing: .06em; }
.es .rel-welcome .k-divider { width: 78px; --k-orn-2: var(--k-secondary); }
.es .rel-message { font-size: clamp(1.15rem, 4.4vw, 1.35rem); }
.es-hero + main .rel-welcome { padding-top: clamp(40px, 9vw, 80px); }
.es .rel-card { position: relative; overflow: hidden; }
.es .rel-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: var(--k-accent); }
.es .rel-footer-orn { width: 72px; }