/* Constelación · noche, nombres abiertos y foto a pantalla completa */
:root {
    --bg: #07090f; --bg-2: #10131c; --surface: #161a26; --ink: #f4efe6; --muted: #b7ad9e;
    --accent: #d7c4a3; --accent-2: #8d7352; --on-accent: #14110c; --line: rgba(244, 239, 230, .16);
    --font-display: 'Cinzel', Georgia, serif; --font-names: 'Cinzel', Georgia, serif; --font-body: 'Jost', sans-serif;
    --names-style: normal; --names-weight: 400; --names-case: uppercase; --names-tracking: .18em;
    --names-size: clamp(2.1rem, 8cqi, 4.6rem);
    --media-radius: 0; --radius: 0; --btn-radius: 0;
    --hero-bg: #07090f; --hero-ink: #f4efe6; --tile-bg: #161a26;
    --curtain: #05060a; --curtain-ink: #d7c4a3; --closing-bg: #d7c4a3; --closing-ink: #14110c;
}
.theme-constelacion .hero { color: var(--hero-ink); }
.theme-constelacion .kicker { letter-spacing: .48em; font-size: .66rem; font-weight: 500; color: var(--accent); }
.theme-constelacion .poster { gap: 1.15rem; min-height: 78svh; justify-content: flex-end; padding-bottom: 4.5rem; }
.theme-constelacion .poster .kicker { order: 1; }
.theme-constelacion .poster .names { order: 2; font-size: clamp(2rem, 7.5cqi, 4.8rem); line-height: 1.15; }
.theme-constelacion .poster .names .amp { letter-spacing: .2em; font-size: .55em; font-style: normal; color: var(--accent); }
.theme-constelacion .poster-date { order: 3; font-size: clamp(1.15rem, 3.2cqi, 1.7rem); letter-spacing: .28em; gap: .85rem; }
.theme-constelacion .poster-foot { order: 4; letter-spacing: .28em; color: var(--accent); }
.theme-constelacion .poster-bg::after {
    background: linear-gradient(180deg, rgba(5, 6, 10, .15) 0%, rgba(5, 6, 10, .28) 38%, rgba(5, 6, 10, .82) 100%);
}
.theme-constelacion .ticker { background: #07090f; color: var(--ink); border-top-color: rgba(215, 196, 163, .35); }
.theme-constelacion .sec-title {
    font-weight: 500;
    letter-spacing: .16em;
    text-transform: uppercase;
    font-size: clamp(1.25rem, 4cqi, 2rem);
}
.theme-constelacion .sec-num { color: var(--accent); letter-spacing: .24em; }
.theme-constelacion .welcome, .theme-constelacion .closing { font-style: normal; }
.theme-constelacion .tile, .theme-constelacion .gift, .theme-constelacion .rsvp-box { background: var(--surface); color: var(--ink); }
.theme-constelacion .agenda-lados .ag-step { background: #10131c; color: var(--accent); box-shadow: 0 0 0 8px var(--bg-2); }
.theme-constelacion .ed-date small, .theme-constelacion .note, .theme-constelacion .sec-text { color: var(--muted); }