/* The first three treatments live unchanged in mc_visual_versions.css.
   These rules add the shared picker and styles 4–6. No itinerary selectors. */

#mc-version-switcher {
    display: block; top: max(16px, env(safe-area-inset-top)); right: 18px;
    width: auto; padding: 5px; border-radius: 24px;
    background: rgba(36, 20, 27, .57); border-color: rgba(236, 213, 181, .38);
    box-shadow: 0 12px 40px rgba(30, 15, 19, .18);
}
body.editor_enable #mc-version-switcher { display: none; }
body.mc-envelope-exited #mc-version-switcher button { pointer-events: auto !important; }
html:not(.mc-style-ready) #mc-version-switcher {
    opacity: 0 !important; visibility: hidden !important; pointer-events: none !important;
}
html.mc-style-ready body.mc-envelope-exited #mc-version-switcher {
    opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
}
#mc-version-switcher .mc-style-toggle {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    min-width: 114px; min-height: 37px; padding: 0 13px;
    color: #fff9f0; font: 600 11px/1 Georgia, serif;
    letter-spacing: .11em; text-transform: uppercase;
}
#mc-version-switcher .mc-style-current {
    max-width: 85px; overflow: hidden; text-overflow: ellipsis;
    color: #e8d0a6; font-style: italic; letter-spacing: .02em; text-transform: none;
}
#mc-version-switcher .mc-style-chevron {
    display: inline-block; width: 6px; height: 6px; margin-top: -3px;
    border-right: 1px solid currentColor; border-bottom: 1px solid currentColor;
    transform: rotate(45deg); transition: transform .25s ease;
}
#mc-version-switcher .mc-style-toggle[aria-expanded="true"] .mc-style-chevron {
    transform: rotate(225deg); margin-top: 3px;
}
#mc-style-menu[hidden] { display: none !important; }
#mc-style-menu {
    position: absolute; top: calc(100% + 9px); right: 0; z-index: 1;
    width: min(312px, calc(100vw - 28px)); padding: 10px;
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px;
    border: 1px solid rgba(227, 198, 156, .4); border-radius: 18px;
    background: rgba(45, 26, 33, .88); box-shadow: 0 18px 48px rgba(30, 13, 19, .24);
    backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
    animation: mcMenuIn .22s ease both;
}
#mc-version-switcher .mc-style-option {
    min-width: 0; min-height: 39px; padding: 0 7px;
    border: 1px solid rgba(245, 226, 199, .21); border-radius: 100px;
    color: #fff9f0; background: rgba(255, 255, 255, .055);
    font: 500 11px/1.15 Georgia, serif; letter-spacing: .025em;
}
#mc-version-switcher .mc-style-option[aria-pressed="true"] {
    background: #f9f0e3; border-color: #f9f0e3; color: #800020;
}
#mc-version-switcher .mc-style-option:hover { background: rgba(255, 255, 255, .18); }
#mc-version-switcher .mc-style-option[aria-pressed="true"]:hover { background: #fffaf2; }
@keyframes mcMenuIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: none; } }

/* Carta: an intimate editorial letter, with the existing content and controls. */
html[data-mc-version="4"] #intro.intro-section .intro-image {
    display: block !important; min-height: min(93svh, 860px) !important;
    height: min(93svh, 860px) !important; background: #faf6f0 !important;
}
html[data-mc-version="4"] #intro .intro-image img.mc-editor-photo-hero {
    position: absolute !important; inset: 0 0 0 auto !important;
    width: 51% !important; height: 100% !important; max-width: none !important;
    object-fit: cover !important; object-position: 52% 50% !important;
    filter: saturate(.74) contrast(.97) sepia(.07) !important;
}
html[data-mc-version="4"] #intro .intro-image .mc-editorial-card {
    position: absolute !important; top: 50% !important; left: clamp(32px, 6vw, 112px) !important;
    width: min(37%, 520px) !important; padding: 0 !important;
    transform: translateY(-50%) !important; background: transparent !important;
    text-align: left !important; box-shadow: none !important;
}
html[data-mc-version="4"] #intro .intro-image .mc-editorial-card::before {
    content: 'UNA CARTA PARA TI'; display: block; width: max-content; margin-bottom: 38px;
    padding-bottom: 13px; border-bottom: 1px solid #ba9c70;
    color: #92754b; font: 500 10px/1.4 Georgia, serif; letter-spacing: .27em;
}
html[data-mc-version="4"] #intro .intro-image .mc-editorial-card p { color: #a78660 !important; }
html[data-mc-version="4"] #intro .intro-image .circulo-nombre {
    color: #800020 !important; font-size: clamp(4.5rem, 7vw, 8.3rem) !important;
    line-height: .91 !important;
}
html[data-mc-version="4"] #intro .intro-image .circulo-and { color: #ba9c70 !important; }
html[data-mc-version="4"] #intro .intro-image .circulo-fecha {
    color: #800020 !important; border-color: rgba(186, 156, 112, .6) !important;
}
html[data-mc-version="4"] #intro .intro-image .scroll-indicator {
    left: clamp(32px, 6vw, 112px) !important; bottom: 28px !important; color: #800020 !important;
}
html[data-mc-version="4"] #mc-personal-welcome,
html[data-mc-version="4"] #mc-parents,
html[data-mc-version="4"] #mc-photo-story,
html[data-mc-version="4"] #propuesta-section { background: #faf6f0 !important; }
html[data-mc-version="4"] #mc-personal-welcome .mc-personal-letter,
html[data-mc-version="4"] #mc-rsvp-personalized .mc-rsvp-card {
    background: #fffdfa !important; border: 1px solid rgba(165, 122, 75, .36) !important;
    border-radius: 2px !important; box-shadow: 0 18px 48px rgba(84, 45, 45, .065) !important;
}
html[data-mc-version="4"] #mc-parents .mc-parent-pair {
    border-top: 1px solid #bd9c77; border-bottom: 1px solid rgba(189, 156, 119, .5);
    background: transparent; box-shadow: none;
}
html[data-mc-version="4"] #mc-parents h2,
html[data-mc-version="4"] #mc-photo-story h2 { color: #800020 !important; }
html[data-mc-version="4"] #mc-photo-story .mc-gallery-item:nth-child(even) { padding-top: 50px; }
html[data-mc-version="4"] #mc-photo-story .mc-gallery-item img {
    border: 12px solid #fffdfa; border-bottom-width: 28px; border-radius: 2px;
    box-shadow: 0 18px 48px rgba(87, 54, 49, .14);
}
html[data-mc-version="4"] #mc-photo-story .mc-gallery-item figcaption { color: #795c55; }
html[data-mc-version="4"] #invitacion .invitacion-grid { gap: clamp(18px, 3vw, 42px); }
html[data-mc-version="4"] #invitacion .mc-editable-photo-left {
    background-image: url('/web/image/2134') !important; border-radius: 160px 160px 3px 3px;
}
html[data-mc-version="4"] #invitacion .mc-editable-photo-right {
    background-image: url('/web/image/2121') !important; border-radius: 3px;
}
html[data-mc-version="4"] #propuesta-section .propuesta-img {
    background-image: url('/web/image/2122') !important; border-radius: 3px;
}
html[data-mc-version="4"] #mc-rsvp-personalized { background: #f6eee8 !important; }

/* Nocturna: a quiet cinematic night, without canvas or wine effects. */
html[data-mc-version="5"] #intro.intro-section .intro-image {
    display: block !important; height: min(95svh, 920px) !important;
    min-height: min(700px, 95svh) !important; background: #1a1118 !important;
}
html[data-mc-version="5"] #intro .intro-image img.mc-editor-photo-hero {
    position: absolute !important; inset: 0 !important; width: 100% !important;
    height: 100% !important; max-width: none !important; object-fit: cover !important;
    object-position: center 56% !important;
    filter: saturate(.58) contrast(1.12) brightness(.65) !important;
    animation: mcNightDrift 20s ease-in-out infinite alternate;
}
html[data-mc-version="5"] #intro .intro-image::after {
    content: ''; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(90deg, rgba(23, 12, 19, .85) 0%, rgba(23, 12, 19, .36) 65%, rgba(23, 12, 19, .13)),
        linear-gradient(0deg, rgba(23, 12, 19, .4), transparent 48%);
}
html[data-mc-version="5"] #intro .intro-image .mc-editorial-card {
    position: absolute !important; left: clamp(32px, 8vw, 150px) !important;
    top: 50% !important; width: min(54%, 710px) !important;
    padding: 0 !important; transform: translateY(-50%) !important;
    text-align: left !important; background: transparent !important; z-index: 2;
}
html[data-mc-version="5"] #intro .intro-image .mc-editorial-card::before {
    content: 'UNA NOCHE PARA RECORDAR'; display: block; width: max-content;
    margin-bottom: 33px; padding-bottom: 13px; border-bottom: 1px solid #c4a579;
    color: #e4d0aa; font: 500 10px/1.4 Georgia, serif; letter-spacing: .28em;
}
html[data-mc-version="5"] #intro .intro-image .mc-editorial-card *,
html[data-mc-version="5"] #intro .intro-image .circulo-fecha { color: #fff9ef !important; text-shadow: 0 2px 20px rgba(0, 0, 0, .2) !important; }
html[data-mc-version="5"] #intro .intro-image .circulo-and,
html[data-mc-version="5"] #intro .intro-image .mc-editorial-card p { color: #d8bd91 !important; }
html[data-mc-version="5"] #intro .intro-image .circulo-nombre { font-size: clamp(5rem, 8vw, 9.5rem) !important; }
html[data-mc-version="5"] #intro .intro-image .scroll-indicator {
    left: clamp(32px, 8vw, 150px) !important; bottom: 32px !important;
    color: #fff9ef !important; z-index: 2;
}
html[data-mc-version="5"] #intro .intro-image .scroll-indicator * { color: #fff9ef !important; }
html[data-mc-version="5"] #mc-personal-welcome,
html[data-mc-version="5"] #mc-parents,
html[data-mc-version="5"] #mc-photo-story,
html[data-mc-version="5"] #propuesta-section { background: #21161d !important; }
html[data-mc-version="5"] #mc-rsvp-personalized,
html[data-mc-version="5"] .recomendaciones-section { background: #2b1b23 !important; }
html[data-mc-version="5"] #mc-personal-welcome .mc-personal-letter,
html[data-mc-version="5"] #mc-rsvp-personalized .mc-rsvp-card {
    background: #2b1c24 !important; border: 1px solid rgba(201, 170, 123, .42) !important;
    box-shadow: 0 24px 58px rgba(0, 0, 0, .17) !important; border-radius: 2px !important;
}
html[data-mc-version="5"] #mc-personal-welcome .mc-personal-letter *,
html[data-mc-version="5"] #mc-rsvp-personalized .mc-rsvp-card *,
html[data-mc-version="5"] #mc-parents .mc-parents-inner *,
html[data-mc-version="5"] #propuesta-section .propuesta-text *,
html[data-mc-version="5"] .recomendaciones-section > h2 { color: #f5eae0 !important; }
html[data-mc-version="5"] #mc-rsvp-personalized .mc-rsvp-button { color: #fff9ef !important; }
html[data-mc-version="5"] #mc-rsvp-personalized .mc-rsvp-button.is-selected,
html[data-mc-version="5"] #mc-rsvp-personalized .mc-rsvp-button:hover { color: #800020 !important; }
html[data-mc-version="5"] #mc-parents .mc-parent-pair {
    border-color: rgba(201, 170, 123, .55); background: rgba(255, 255, 255, .025);
}
html[data-mc-version="5"] #mc-parents .mc-parent-pair h3,
html[data-mc-version="5"] #mc-parents .mc-parents-kicker,
html[data-mc-version="5"] #mc-photo-story .mc-gallery-eyebrow { color: #d4b98b !important; }
html[data-mc-version="5"] #mc-photo-story h2,
html[data-mc-version="5"] #mc-photo-story .mc-gallery-intro,
html[data-mc-version="5"] #mc-photo-story .mc-gallery-status,
html[data-mc-version="5"] #mc-photo-story .mc-gallery-item figcaption { color: #f5eae0 !important; }
html[data-mc-version="5"] #mc-photo-story .mc-gallery-item img {
    border-radius: 2px; filter: saturate(.58) contrast(1.08) brightness(.83);
    box-shadow: 0 16px 48px rgba(0, 0, 0, .28);
}
html[data-mc-version="5"] #invitacion .mc-editable-photo-left {
    background-image: url('/web/image/2133') !important; filter: saturate(.6) contrast(1.05);
}
html[data-mc-version="5"] #invitacion .mc-editable-photo-right {
    background-image: url('/web/image/2136') !important; filter: saturate(.6) contrast(1.05);
}
html[data-mc-version="5"] #propuesta-section .propuesta-img {
    background-image: url('/web/image/2134') !important;
    filter: saturate(.56) contrast(1.08); border-radius: 2px;
}
@keyframes mcNightDrift { from { transform: scale(1); } to { transform: scale(1.018); } }

/* Sierra: landscape, sand and olive, with no western ornaments. */
html[data-mc-version="6"] #intro.intro-section .intro-image {
    display: block !important; height: min(94svh, 900px) !important;
    min-height: min(690px, 94svh) !important; background: #eae4d6 !important;
}
html[data-mc-version="6"] #intro .intro-image img.mc-editor-photo-hero {
    position: absolute !important; inset: 0 !important; width: 100% !important;
    height: 100% !important; max-width: none !important; object-fit: cover !important;
    object-position: center 52% !important; filter: saturate(.83) contrast(.96) !important;
    animation: mcSierraDrift 22s ease-in-out infinite alternate;
}
html[data-mc-version="6"] #intro .intro-image .mc-editorial-card {
    position: absolute !important; left: clamp(30px, 6vw, 110px) !important;
    bottom: clamp(54px, 8vw, 105px) !important; top: auto !important;
    width: min(40%, 530px) !important; transform: none !important;
    padding: clamp(26px, 3vw, 48px) !important; text-align: left !important;
    background: rgba(253, 248, 237, .86) !important;
    border: 1px solid rgba(142, 123, 88, .45); border-radius: 3px;
    box-shadow: 0 20px 56px rgba(41, 32, 23, .13) !important;
    backdrop-filter: blur(7px);
}
html[data-mc-version="6"] #intro .intro-image .mc-editorial-card::before {
    content: 'BAJO EL MISMO CIELO'; display: block; width: max-content;
    margin-bottom: 18px; color: #5d6650;
    font: 500 10px/1.4 Georgia, serif; letter-spacing: .25em;
}
html[data-mc-version="6"] #intro .intro-image .mc-editorial-card p,
html[data-mc-version="6"] #intro .intro-image .circulo-and { color: #788065 !important; }
html[data-mc-version="6"] #intro .intro-image .circulo-nombre {
    color: #800020 !important; font-size: clamp(4.2rem, 6vw, 7.4rem) !important;
}
html[data-mc-version="6"] #intro .intro-image .circulo-fecha {
    color: #713440 !important; border-color: rgba(121, 129, 100, .42) !important;
}
html[data-mc-version="6"] #intro .intro-image .scroll-indicator {
    left: auto !important; right: clamp(30px, 4vw, 74px) !important;
    bottom: 32px !important; color: #fffdf6 !important;
    text-shadow: 0 2px 12px rgba(24, 20, 16, .4);
}
html[data-mc-version="6"] #intro .intro-image .scroll-indicator * { color: #fffdf6 !important; }
html[data-mc-version="6"] #mc-personal-welcome,
html[data-mc-version="6"] #mc-parents,
html[data-mc-version="6"] #mc-photo-story,
html[data-mc-version="6"] #propuesta-section { background: #f1eddf !important; }
html[data-mc-version="6"] #mc-rsvp-personalized,
html[data-mc-version="6"] .recomendaciones-section { background: #e9e2d2 !important; }
html[data-mc-version="6"] #mc-personal-welcome .mc-personal-letter,
html[data-mc-version="6"] #mc-rsvp-personalized .mc-rsvp-card {
    background: #fbf8f0 !important; border: 1px solid rgba(111, 120, 83, .32) !important;
    border-radius: 24px 4px 24px 4px !important;
    box-shadow: 0 20px 55px rgba(76, 66, 45, .08) !important;
}
html[data-mc-version="6"] #mc-parents .mc-parent-pair {
    background: #fbf8f0; border: 1px solid rgba(111, 120, 83, .32);
    border-radius: 22px 4px 22px 4px; box-shadow: 0 12px 34px rgba(76, 66, 45, .055);
}
html[data-mc-version="6"] #mc-parents .mc-parents-kicker,
html[data-mc-version="6"] #mc-parents .mc-parent-pair h3,
html[data-mc-version="6"] #mc-photo-story .mc-gallery-eyebrow { color: #657151 !important; }
html[data-mc-version="6"] #mc-parents h2,
html[data-mc-version="6"] #mc-photo-story h2 { color: #800020 !important; }
html[data-mc-version="6"] #mc-photo-story .mc-gallery-item img {
    border-radius: 22px 4px 22px 4px; filter: saturate(.85);
    box-shadow: 0 17px 44px rgba(72, 60, 37, .13);
}
html[data-mc-version="6"] #invitacion .mc-editable-photo-left {
    background-image: url('/web/image/2120') !important; border-radius: 24px 4px 24px 4px;
}
html[data-mc-version="6"] #invitacion .mc-editable-photo-right {
    background-image: url('/web/image/2135') !important; border-radius: 4px 24px 4px 24px;
}
html[data-mc-version="6"] #propuesta-section .propuesta-img {
    background-image: url('/web/image/2119') !important; border-radius: 24px 4px 24px 4px;
}
@keyframes mcSierraDrift { from { transform: scale(1); } to { transform: scale(1.014); } }

@media (max-width: 800px) {
    #mc-version-switcher { top: max(10px, env(safe-area-inset-top)); right: 12px; transform: translateY(-7px); }
    body.mc-envelope-exited #mc-version-switcher { transform: none; }
    #mc-style-menu { grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(240px, calc(100vw - 24px)); }
    html[data-mc-version="4"] #intro.intro-section .intro-image,
    html[data-mc-version="6"] #intro.intro-section .intro-image {
        display: flex !important; flex-direction: column;
        height: auto !important; min-height: 0 !important;
    }
    html[data-mc-version="4"] #intro .intro-image img.mc-editor-photo-hero,
    html[data-mc-version="6"] #intro .intro-image img.mc-editor-photo-hero {
        position: relative !important; inset: auto !important; display: block !important;
        width: 100% !important; height: min(50svh, 440px) !important;
        aspect-ratio: auto !important; object-fit: cover !important;
    }
    html[data-mc-version="4"] #intro .intro-image img.mc-editor-photo-hero { object-position: center 42% !important; }
    html[data-mc-version="6"] #intro .intro-image img.mc-editor-photo-hero { object-position: 59% 52% !important; }
    html[data-mc-version="4"] #intro .intro-image .mc-editorial-card,
    html[data-mc-version="6"] #intro .intro-image .mc-editorial-card {
        position: relative !important; inset: auto !important; width: 100% !important;
        transform: none !important; margin: 0 !important; text-align: center !important;
        padding: 32px 23px 12px !important; border: 0; border-radius: 0;
        box-shadow: none !important; backdrop-filter: none;
    }
    html[data-mc-version="4"] #intro .intro-image .mc-editorial-card { background: #faf6f0 !important; }
    html[data-mc-version="6"] #intro .intro-image .mc-editorial-card { background: #f1eddf !important; }
    html[data-mc-version="4"] #intro .intro-image .mc-editorial-card::before,
    html[data-mc-version="6"] #intro .intro-image .mc-editorial-card::before { margin-inline: auto; margin-bottom: 22px; }
    html[data-mc-version="4"] #intro .intro-image .circulo-fecha,
    html[data-mc-version="6"] #intro .intro-image .circulo-fecha { margin-inline: auto !important; }
    html[data-mc-version="4"] #intro .intro-image .scroll-indicator,
    html[data-mc-version="6"] #intro .intro-image .scroll-indicator {
        position: relative !important; inset: auto !important; align-self: center;
        margin: 0 auto 29px !important; color: #800020 !important; text-shadow: none;
    }
    html[data-mc-version="6"] #intro .intro-image .scroll-indicator * { color: #800020 !important; }
    html[data-mc-version="5"] #intro.intro-section .intro-image {
        display: block !important; height: min(93svh, 850px) !important; min-height: 640px !important;
    }
    html[data-mc-version="5"] #intro .intro-image img.mc-editor-photo-hero {
        position: absolute !important; inset: 0 !important; width: 100% !important;
        height: 100% !important; object-position: 53% 52% !important;
    }
    html[data-mc-version="5"] #intro .intro-image::after {
        background: linear-gradient(0deg, rgba(20, 11, 17, .91), rgba(20, 11, 17, .29) 74%);
    }
    html[data-mc-version="5"] #intro .intro-image .mc-editorial-card {
        position: absolute !important; top: auto !important; bottom: 105px !important;
        left: 24px !important; width: calc(100% - 48px) !important;
        transform: none !important; text-align: left !important; background: transparent !important;
    }
    html[data-mc-version="5"] #intro .intro-image .circulo-nombre { font-size: clamp(4.8rem, 17vw, 7rem) !important; }
    html[data-mc-version="5"] #intro .intro-image .scroll-indicator {
        position: absolute !important; left: 24px !important; bottom: 27px !important; margin: 0 !important;
    }
}
@media (max-width: 390px) {
    #mc-version-switcher .mc-style-toggle { min-width: 95px; padding-inline: 9px; }
    html[data-mc-version="4"] #intro .intro-image .circulo-nombre,
    html[data-mc-version="6"] #intro .intro-image .circulo-nombre { font-size: clamp(3.6rem, 15vw, 5.2rem) !important; }
}
@media (prefers-reduced-motion: reduce) {
    #mc-style-menu, #mc-version-switcher .mc-style-chevron,
    html[data-mc-version="5"] #intro .intro-image img.mc-editor-photo-hero,
    html[data-mc-version="6"] #intro .intro-image img.mc-editor-photo-hero {
        animation: none !important; transition: none !important; transform: none !important;
    }
}