/* Gala aniversario — elegancia clásica: marfil, azul noche y oro, laurel y filetes. Va después de
   kit/base.css y kit/empresa.css. Solo var(--mi-*) / var(--k-*); nunca {{ theme.x }} aquí. */

.gl { --k-radius: 2px; }
.gl h2 { font-weight: 500; font-size: clamp(2.4rem, 9vw, 3.4rem); }
.gl-hero { padding-top: 60px; background: linear-gradient(var(--k-bg), color-mix(in srgb, var(--k-secondary) 45%, var(--k-bg))); }
.gl-hero::before { content: ""; position: absolute; inset: 14px; border: 1px solid var(--k-accent); outline: 1px solid var(--k-accent); outline-offset: -7px; pointer-events: none; }
.gl:not(.em--orn) .gl-hero::before { display: none; }
.gl-years { position: relative; width: min(62vw, 250px); aspect-ratio: 160 / 128; margin: .2rem auto 0; }
.gl-laurel { position: absolute; inset: 0; }
.gl-laurel .k-orn { color: var(--k-accent); }
.gl-years p { position: absolute; inset: 0 0 8%; display: grid; place-content: center; margin: 0; color: var(--k-primary); }
.gl-years strong { font: 600 clamp(3.8rem, 19vw, 5.6rem)/.9 var(--k-font-title); }
.gl-years span { font: 600 .74rem/1.4 var(--k-font-body); letter-spacing: .3em; text-transform: uppercase; }
.gl .em-title { font-weight: 500; font-size: clamp(2.6rem, 12vw, 4.4rem); }
.gl .em-countdown > div { background: transparent; border-radius: 2px; box-shadow: 0 0 0 1px var(--k-accent); }
.gl .k-card, .gl .em-card { border-radius: 2px; box-shadow: 0 0 0 1px var(--k-secondary); }
.gl .k-btn, .gl .rsvp-submit { border-radius: 2px; font-size: .85rem; letter-spacing: .1em; text-transform: uppercase; }
.gl .em-welcome .k-divider { width: 64px; }
.gl .em-welcome .k-divider .k-orn, .gl .em-footer-orn .k-orn { color: var(--k-accent); }
.gl .em-footer-orn { width: 80px; }