/* Tipografía móvil legible sin dependencias externas. */
:root {
    --serif: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
    --sans: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
}
body { font-family: var(--sans); font-size: 18px; line-height: 1.7; }
h1, h2, h3 { font-family: var(--serif); font-weight: 400; line-height: 1.12; letter-spacing: -.025em; overflow-wrap: anywhere; }
em { font-weight: 400; }
h2 { font-size: clamp(36px, 9vw, 54px); }
.eyebrow, .event-facts dt, .event-dress span, .rejection-label { font-size: 14px; font-weight: 600; letter-spacing: 1px; line-height: 1.6; color: var(--gold); text-transform: uppercase; }
.invitation-header nav { font-size: 14px; font-weight: 600; line-height: 1.5; }
.anniversary-number { font-family: var(--serif); font-size: clamp(160px, 58vw, 265px); line-height: .9; letter-spacing: -12px; }
.anniversary-number > span { font-family: var(--sans); font-size: 16px; letter-spacing: 5px; line-height: 1.5; }
.invitation-copy h1 { font-size: clamp(30px, 8vw, 44px); letter-spacing: 1px; line-height: 1.2; }
.hero-description { font-size: 16px; letter-spacing: .5px; line-height: 1.8; }
.hero-bottom { font-size: 14px; line-height: 1.5; }
.invitation-letter { font-size: 19px; line-height: 1.8; }
.message-signature { font: italic 40px var(--serif); }
.event-facts dd { font-size: 26px; line-height: 1.4; font-weight: 500; overflow-wrap: anywhere; }
.line-button, .rsvp-button { font-family: var(--sans); font-size: 16px; font-weight: 700; line-height: 1.5; letter-spacing: .3px; }
.quiet-button, .pending, .rsvp-note, .celebrate { font-size: 16px; line-height: 1.6; }
.gifts-subtitle { font: italic 24px/1.6 var(--serif); }
.scene-copy h2 { font-size: clamp(30px, 4vw, 38px); line-height: 1.15; }
.scene-description { font-size: 18px; line-height: 1.7; }
.scene-caption, .collection-position { font-size: 14px; letter-spacing: .5px; }
.selection-bar p { font: 22px/1.3 var(--serif); overflow-wrap: anywhere; }
.closing h2, .closing h3 { font-size: clamp(38px, 10vw, 54px); }
.closing #final-selection { font-size: 16px; letter-spacing: .5px; overflow-wrap: anywhere; }
.progress-value { font: 44px var(--serif); }
.signature em { font: 30px var(--serif); }
.footer p, .footer > span { font-size: 14px; line-height: 1.6; }
.editorial-placeholder > span { font: italic clamp(40px,8vw,130px) var(--serif); }
.editorial-placeholder small { font-size: 14px; }
@media (min-width: 640px) {
    .invitation-header nav { font-size: 16px; }
    .invitation-letter { font-size: 21px; }
    .event-facts dd { font-size: clamp(26px, 2.7vw, 32px); }
    .invitation-copy h1 { font-size: clamp(40px, 4.7vw, 66px); letter-spacing: 3px; }
    .hero-description { font-size: 17px; }
    .gifts-subtitle { font-size: 26px; }
}
@media (min-width: 960px) {
    h2 { font-size: clamp(54px, 5.8vw, 80px); }
    .anniversary-number { font-size: clamp(265px, 26vw, 350px); letter-spacing: -18px; }
    .closing h2 { font-size: clamp(54px, 7vw, 90px); }
    .closing h3 { font-size: clamp(54px, 7vw, 84px); }
    .selection-bar p { font-size: 24px; }
}