/* Three treatments of the same editable Odoo invitation. Version 1 has no visual overrides. */
#mc-version-switcher {
    position: fixed; z-index: 9998; top: max(18px, env(safe-area-inset-top)); right: 18px;
    display: flex; gap: 5px; padding: 5px; border: 1px solid rgba(191,162,120,.42);
    border-radius: 100px; background: rgba(40,18,26,.62); color: #fff9f0;
    box-shadow: 0 10px 35px rgba(28,10,16,.16); backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px); opacity: 0; visibility: hidden;
    transform: translateY(-7px); transition: opacity .45s ease, transform .45s ease, visibility .45s;
}
body.mc-envelope-exited #mc-version-switcher,
body.editor_enable #mc-version-switcher { opacity: 1; visibility: visible; transform: none; }
body.editor_enable #mc-version-switcher { display: none; }
html.mc-version-changing #final-website { opacity: .79 !important; }
body.finished #final-website { transition: opacity .32s ease; }
#mc-version-switcher button {
    appearance: none; border: 0; border-radius: 100px; min-height: 38px; padding: 0 15px;
    background: transparent; color: inherit; font: 600 11px/1.2 Georgia, serif;
    letter-spacing: .075em; cursor: pointer; white-space: nowrap;
    transition: color .25s ease, background .25s ease, transform .25s ease;
}
#mc-version-switcher button:hover { background: rgba(255,255,255,.16); transform: translateY(-1px); }
#mc-version-switcher button[aria-pressed="true"] { background: #f9f0e3; color: #800020; }
#mc-version-switcher button:focus-visible { outline: 2px solid #ead6ac; outline-offset: 2px; }

html[data-mc-version="2"] #final-website { --mc-wine: #800020; --mc-paper: #f8f3e9; --mc-cream: #fffaf2; --mc-rose: #800020; --mc-brass: #b49261; }
html[data-mc-version="2"] #intro.intro-section .intro-image {
    min-height: min(94svh, 900px) !important; height: min(94svh, 900px) !important;
    background: #eee6d9 !important;
}
html[data-mc-version="2"] #intro .intro-image img.mc-editor-photo-hero {
    inset: 0 !important; width: 100% !important; height: 100% !important;
    object-fit: cover !important; object-position: center 48% !important;
    filter: saturate(.88) contrast(.96) brightness(.77) !important;
}
html[data-mc-version="2"] #intro .intro-image .mc-editorial-card {
    top: 50% !important; left: 50% !important; width: min(86%, 760px) !important;
    transform: translate(-50%, -50%) !important; text-align: center !important;
    padding: 45px 24px !important; background: rgba(43,20,26,.22) !important;
    border: 1px solid rgba(249,239,222,.64); box-shadow: 0 20px 70px rgba(18,9,12,.14) !important;
    backdrop-filter: blur(2px);
}
html[data-mc-version="2"] #intro .intro-image .mc-editorial-card *,
html[data-mc-version="2"] #intro .intro-image .circulo-fecha { color: #fffaf2 !important; text-shadow: 0 2px 15px rgba(30,10,17,.35) !important; }
html[data-mc-version="2"] #intro .intro-image .mc-editorial-card p,
html[data-mc-version="2"] #intro .intro-image .circulo-and { color: #e4c995 !important; }
html[data-mc-version="2"] #intro .intro-image .scroll-indicator {
    left: 50% !important; bottom: 36px !important; transform: translateX(-50%) !important; color: #fffaf2 !important;
}
html[data-mc-version="2"] #intro .intro-image .scroll-indicator *,
html[data-mc-version="3"] #intro .intro-image .scroll-indicator * { color: #fffaf2 !important; }
html[data-mc-version="2"] #mc-parents,
html[data-mc-version="2"] #mc-photo-story { background: #f3ecdf !important; }
html[data-mc-version="2"] #invitacion,
html[data-mc-version="2"] #propuesta-section,
html[data-mc-version="2"] .recomendaciones-section { background: #fffaf2 !important; }
html[data-mc-version="2"] #invitacion .container { max-width: 1120px; }
html[data-mc-version="2"] #invitacion .foto-novios,
html[data-mc-version="2"] #propuesta-section img { border-radius: 160px 160px 8px 8px; }
html[data-mc-version="2"] #final-website > #mc-personal-welcome { background: #fffaf2 !important; }
html[data-mc-version="2"] #mc-personal-welcome .mc-personal-letter,
html[data-mc-version="2"] #mc-rsvp-personalized .mc-rsvp-card,
html[data-mc-version="2"] #mc-entry-pass .mc-entry-pass-card { border-radius: 18px; box-shadow: 0 22px 65px rgba(92,44,47,.09); }
html[data-mc-version="2"] #mc-photo-story .mc-gallery-item img { border-radius: 160px 160px 8px 8px; }
html[data-mc-version="2"] #mc-photo-story .mc-gallery-item:nth-child(2) { order: -2; }
html[data-mc-version="2"] #mc-photo-story .mc-gallery-item:nth-child(3) { order: -1; }

html[data-mc-version="3"] #final-website { --mc-wine: #751b36; --mc-paper: #f4ebe6; --mc-cream: #fbf6f1; --mc-rose: #751b36; --mc-brass: #a67f72; --mc-text: #503b42; }
html[data-mc-version="3"] #intro.intro-section .intro-image { min-height: min(95svh, 900px) !important; height: min(95svh, 900px) !important; background: #25171e !important; }
html[data-mc-version="3"] #intro .intro-image img.mc-editor-photo-hero {
    inset: 0 !important; width: 100% !important; height: 100% !important;
    object-fit: cover !important; object-position: center 45% !important;
    filter: saturate(.68) contrast(.91) brightness(.58) sepia(.1) !important;
}
html[data-mc-version="3"] #intro .intro-image::after {
    content: ''; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(90deg, rgba(28,14,23,.6), transparent 75%), linear-gradient(0deg, rgba(28,14,23,.42), transparent 48%);
}
html[data-mc-version="3"] #intro .intro-image .mc-editorial-card {
    top: 50% !important; left: clamp(26px, 8vw, 130px) !important;
    width: min(62%, 700px) !important; transform: translateY(-50%) !important;
    text-align: left !important; padding: 0 !important; z-index: 2;
}
html[data-mc-version="3"] #intro .intro-image .mc-editorial-card *,
html[data-mc-version="3"] #intro .intro-image .circulo-fecha { color: #fff9f1 !important; text-shadow: 0 2px 20px rgba(0,0,0,.25) !important; }
html[data-mc-version="3"] #intro .intro-image .mc-editorial-card p,
html[data-mc-version="3"] #intro .intro-image .circulo-and { color: #e7c6ab !important; }
html[data-mc-version="3"] #intro .intro-image .circulo-nombre { font-size: clamp(5rem, 10vw, 10rem) !important; }
html[data-mc-version="3"] #intro .intro-image .scroll-indicator { left: clamp(26px, 8vw, 130px) !important; bottom: 36px !important; color: #fff9f1 !important; z-index: 2; }
html[data-mc-version="3"] #mc-parents { background: #efe4df !important; }
html[data-mc-version="3"] #invitacion,
html[data-mc-version="3"] #propuesta-section { background: #f4ebe6 !important; }
html[data-mc-version="3"] .recomendaciones-section { background: #efe4df !important; }
html[data-mc-version="3"] #invitacion .foto-novios,
html[data-mc-version="3"] #propuesta-section img { filter: saturate(.68) contrast(.96); }
html[data-mc-version="3"] #mc-photo-story { background: #33232b !important; }
html[data-mc-version="3"] #mc-photo-story h2, html[data-mc-version="3"] #mc-photo-story .mc-gallery-intro,
html[data-mc-version="3"] #mc-photo-story .mc-gallery-status { color: #fff9f1 !important; }
html[data-mc-version="3"] #mc-photo-story .mc-gallery-item img { border-radius: 2px; filter: saturate(.72); }
html[data-mc-version="3"] #mc-photo-story .mc-gallery-item:nth-child(2) { order: -2; }
html[data-mc-version="3"] #mc-photo-story .mc-gallery-item:nth-child(1) { order: -1; }
html[data-mc-version="3"] #mc-personal-welcome .mc-personal-letter,
html[data-mc-version="3"] #mc-rsvp-personalized .mc-rsvp-card { border-radius: 0; border: 1px solid rgba(128,0,32,.22); }

@media (max-width: 800px) {
    #mc-version-switcher { top: max(10px, env(safe-area-inset-top)); right: 50%; transform: translate(50%, -7px); }
    body.mc-envelope-exited #mc-version-switcher, body.editor_enable #mc-version-switcher { transform: translateX(50%); }
    #mc-version-switcher button { min-height: 36px; padding: 0 12px; font-size: 10px; }
    html[data-mc-version="2"] #intro.intro-section .intro-image,
    html[data-mc-version="3"] #intro.intro-section .intro-image { display: block !important; height: min(92svh, 820px) !important; min-height: 610px !important; }
    html[data-mc-version="2"] #intro .intro-image img.mc-editor-photo-hero,
    html[data-mc-version="3"] #intro .intro-image img.mc-editor-photo-hero { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; }
    html[data-mc-version="2"] #intro .intro-image .mc-editorial-card {
        position: absolute !important; top: 52% !important; left: 50% !important;
        width: calc(100% - 44px) !important; padding: 34px 16px !important;
        transform: translate(-50%, -50%) !important; background: rgba(43,20,26,.24) !important;
    }
    html[data-mc-version="3"] #intro .intro-image .mc-editorial-card {
        position: absolute !important; top: auto !important; bottom: 110px !important; left: 26px !important;
        width: calc(100% - 52px) !important; transform: none !important; background: transparent !important;
    }
    html[data-mc-version="3"] #intro .intro-image .circulo-nombre { font-size: clamp(4.6rem, 17vw, 7rem) !important; }
    html[data-mc-version="2"] #intro .intro-image .scroll-indicator { position: absolute !important; margin: 0 !important; }
    html[data-mc-version="3"] #intro .intro-image .scroll-indicator { position: absolute !important; left: 26px !important; margin: 0 !important; }
}
@media (max-width: 360px) { #mc-version-switcher button { padding: 0 9px; } }
@media (prefers-reduced-motion: reduce) {
    #mc-version-switcher, #mc-version-switcher button, body.finished #final-website { transition: none !important; animation: none !important; }
}