/* Agua viva — bautizo minimalista: una gota, ondas y una concha. Va después de kit/base.css y
   kit/religioso.css. Solo var(--mi-*) / var(--k-*); nunca {{ theme.x }} aquí. */

.ag-hero { gap: .7rem; padding-bottom: clamp(32px, 7vw, 56px); }
.ag-drop { width: 46px; margin-bottom: .4rem; --k-orn-3: var(--k-accent); }
.ag .rel-name { font-size: clamp(3.4rem, 17vw, 6.4rem); font-weight: 400; line-height: 1; }
.ag .rel-date { text-transform: uppercase; letter-spacing: .2em; font-size: .82rem; font-weight: 600; }
.ag-photo { overflow: hidden; width: min(56vw, 250px); aspect-ratio: 4 / 5; margin: 1rem auto .4rem; border-radius: 999px; background: var(--k-soft); box-shadow: 0 0 0 1px var(--k-primary), 0 0 0 10px var(--k-bg), 0 0 0 11px var(--k-secondary); }
.ag-photo img { width: 100%; height: 100%; object-fit: cover; }
.ag .rel-countdown > div { background: transparent; box-shadow: 0 0 0 1px var(--k-secondary); }
.ag-waves { height: 20px; margin: 0 0 8px; background: var(--k-secondary); -webkit-mask: url(../kit/orn/religioso-ondas.svg) 0 0 / 60px 20px repeat-x; mask: url(../kit/orn/religioso-ondas.svg) 0 0 / 60px 20px repeat-x; }
.ag h2 { font-weight: 400; font-size: clamp(2.2rem, 8vw, 3rem); }
.ag .rel-welcome .k-divider { width: 28px; }
.ag .rel-verse { border-left-color: var(--k-primary); }
.ag .rel-soft { background: color-mix(in srgb, var(--k-secondary) 34%, var(--k-bg)); }
.ag .rel-card { border-radius: 4px; box-shadow: none; border: 1px solid var(--k-secondary); }
.ag .rel-footer-orn { width: 64px; --k-orn-1: var(--k-primary); --k-orn-2: var(--k-secondary); }