/*
 * ============================================================
 * RSVP PRESETS V1
 *
 * 1 Blanco + Dorado
 * 2 Verde Menta + Dorado
 * 3 Rosa + Rose Gold
 * 4 Negro + Dorado
 * 5 Cristal Premium
 * ============================================================
 */


/* ============================================================
   PANEL DE PRESETS EN BUILDER
   ============================================================ */

.rsvp-presets-panel-v1{
    margin:0 0 18px;
    padding:14px;
    border:1px solid #dce2ea;
    border-radius:14px;
    background:#f8fafc;
}

.rsvp-presets-panel-v1-title{
    margin:0 0 5px;
    font-size:13px;
    font-weight:900;
    color:#101828;
}

.rsvp-presets-panel-v1-sub{
    margin:0 0 12px;
    font-size:11px;
    line-height:1.4;
    color:#667085;
}

.rsvp-presets-grid-v1{
    display:grid;
    grid-template-columns:
        repeat(2,minmax(0,1fr));
    gap:8px;
}

.rsvp-preset-btn-v1{
    appearance:none;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    min-height:68px;
    padding:10px;
    border:2px solid transparent;
    border-radius:12px;
    cursor:pointer;
    text-align:left;
    transition:
        transform .14s ease,
        box-shadow .14s ease,
        border-color .14s ease;
}

.rsvp-preset-btn-v1:hover{
    transform:translateY(-1px);
    box-shadow:
        0 7px 18px
        rgba(15,23,42,.12);
}

.rsvp-preset-btn-v1.is-active{
    border-color:#2563eb;
    box-shadow:
        0 0 0 2px
        rgba(37,99,235,.12);
}

.rsvp-preset-btn-v1 strong{
    display:block;
    font-size:11px;
    font-weight:900;
    line-height:1.2;
}

.rsvp-preset-btn-v1 span{
    display:block;
    margin-top:3px;
    font-size:9px;
    line-height:1.2;
    opacity:.76;
}


/* BLANCO + DORADO */

.rsvp-preset-btn-v1[data-rsvp-preset="white_gold"]{
    background:
        linear-gradient(
            145deg,
            #fffefa,
            #f7f0dd
        );
    color:#66501c;
}


/* MENTA + DORADO */

.rsvp-preset-btn-v1[data-rsvp-preset="mint_gold"]{
    background:
        linear-gradient(
            145deg,
            #eff9f2,
            #d9ecdf
        );
    color:#315d48;
}


/* ROSA + ROSE GOLD */

.rsvp-preset-btn-v1[data-rsvp-preset="rose_gold"]{
    background:
        linear-gradient(
            145deg,
            #fff5f4,
            #f1d9d5
        );
    color:#80504a;
}


/* NEGRO + DORADO */

.rsvp-preset-btn-v1[data-rsvp-preset="black_gold"]{
    background:
        linear-gradient(
            145deg,
            #151515,
            #050505
        );
    color:#e8c76c;
}


/* CRISTAL */

.rsvp-preset-btn-v1[data-rsvp-preset="glass_premium"]{
    background:
        linear-gradient(
            145deg,
            #f6fbff,
            #dceaf3
        );
    color:#29445a;
}


/* ============================================================
   BASE PREMIUM GENERAL
   ============================================================ */

.ir-rsvp-pro[class*="ir-rsvp-preset-"]{
    box-shadow:
        0 18px 55px
        rgba(20,30,45,.18) !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        box-shadow .2s ease !important;
}

.ir-rsvp-pro[class*="ir-rsvp-preset-"]
.ir-rsvp-title{
    font-size:21px !important;
    letter-spacing:-.35px !important;
}

.ir-rsvp-pro[class*="ir-rsvp-preset-"]
.ir-rsvp-control input,

.ir-rsvp-pro[class*="ir-rsvp-preset-"]
.ir-rsvp-companion-list input{
    height:44px !important;
    min-height:44px !important;

    border-width:1px !important;
    border-style:solid !important;

    border-radius:12px !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.25) !important;
}

.ir-rsvp-pro[class*="ir-rsvp-preset-"]
.ir-rsvp-option{
    min-height:46px !important;
    border-radius:12px !important;

    transition:
        background .16s ease,
        border-color .16s ease,
        transform .16s ease !important;
}

.ir-rsvp-pro[class*="ir-rsvp-preset-"]
.ir-rsvp-option.is-selected{
    transform:
        translateY(-1px);
}

.ir-rsvp-pro[class*="ir-rsvp-preset-"]
.ir-rsvp-submit{
    min-height:46px !important;
    border:0 !important;
    border-radius:13px !important;

    font-weight:900 !important;

    box-shadow:
        0 8px 20px
        rgba(0,0,0,.14) !important;
}


/* ============================================================
   PRESET 1
   BLANCO + DORADO
   ============================================================ */

.ir-rsvp-preset-white_gold{
    box-shadow:
        0 18px 55px
        rgba(103,78,25,.16) !important;
}

.ir-rsvp-preset-white_gold
.ir-rsvp-title,

.ir-rsvp-preset-white_gold
.ir-rsvp-question > strong,

.ir-rsvp-preset-white_gold
.ir-rsvp-companions-title{
    color:#332a1b !important;
}

.ir-rsvp-preset-white_gold
.ir-rsvp-subtitle{
    color:#8a7a5e !important;
}

.ir-rsvp-preset-white_gold
.ir-rsvp-control span{
    color:#71644d !important;
}

.ir-rsvp-preset-white_gold
.ir-rsvp-control input,

.ir-rsvp-preset-white_gold
.ir-rsvp-companion-list input{
    background:#fffefa !important;
    border-color:#dfcf9c !important;
    color:#332a1b !important;
}

.ir-rsvp-preset-white_gold
.ir-rsvp-option{
    background:#fffdf7 !important;
    border-color:#dcc88d !important;
    color:#4a3d25 !important;
}

.ir-rsvp-preset-white_gold
.ir-rsvp-option.is-selected{
    background:
        linear-gradient(
            135deg,
            #f8ebc3,
            #e7cf85
        ) !important;

    border-color:#ba922d !important;
    color:#3a2d11 !important;
}

.ir-rsvp-preset-white_gold
.ir-rsvp-submit{
    background:
        linear-gradient(
            135deg,
            #d9b857,
            #a87d19
        ) !important;

    color:#ffffff !important;
}


/* ============================================================
   PRESET 2
   MENTA + DORADO
   ============================================================ */

.ir-rsvp-preset-mint_gold{
    box-shadow:
        0 18px 55px
        rgba(38,91,65,.17) !important;
}

.ir-rsvp-preset-mint_gold
.ir-rsvp-title,

.ir-rsvp-preset-mint_gold
.ir-rsvp-question > strong,

.ir-rsvp-preset-mint_gold
.ir-rsvp-companions-title{
    color:#285b43 !important;
}

.ir-rsvp-preset-mint_gold
.ir-rsvp-subtitle{
    color:#60806f !important;
}

.ir-rsvp-preset-mint_gold
.ir-rsvp-control span{
    color:#4c725e !important;
}

.ir-rsvp-preset-mint_gold
.ir-rsvp-control input,

.ir-rsvp-preset-mint_gold
.ir-rsvp-companion-list input{
    background:#fbfffc !important;
    border-color:#b8d6c3 !important;
    color:#244f3b !important;
}

.ir-rsvp-preset-mint_gold
.ir-rsvp-option{
    background:#f7fcf8 !important;
    border-color:#b9d7c4 !important;
    color:#315d48 !important;
}

.ir-rsvp-preset-mint_gold
.ir-rsvp-option.is-selected{
    background:
        linear-gradient(
            135deg,
            #d9eddf,
            #bcd8c5
        ) !important;

    border-color:#c6a147 !important;
    color:#27523d !important;
}

.ir-rsvp-preset-mint_gold
.ir-rsvp-submit{
    background:
        linear-gradient(
            135deg,
            #4f8068,
            #315d48
        ) !important;

    color:#ffffff !important;
}


/* ============================================================
   PRESET 3
   ROSA + ROSE GOLD
   ============================================================ */

.ir-rsvp-preset-rose_gold{
    box-shadow:
        0 18px 55px
        rgba(139,78,70,.16) !important;
}

.ir-rsvp-preset-rose_gold
.ir-rsvp-title,

.ir-rsvp-preset-rose_gold
.ir-rsvp-question > strong,

.ir-rsvp-preset-rose_gold
.ir-rsvp-companions-title{
    color:#74463f !important;
}

.ir-rsvp-preset-rose_gold
.ir-rsvp-subtitle{
    color:#9c7771 !important;
}

.ir-rsvp-preset-rose_gold
.ir-rsvp-control span{
    color:#895e57 !important;
}

.ir-rsvp-preset-rose_gold
.ir-rsvp-control input,

.ir-rsvp-preset-rose_gold
.ir-rsvp-companion-list input{
    background:#fffafa !important;
    border-color:#e3c1bb !important;
    color:#633d37 !important;
}

.ir-rsvp-preset-rose_gold
.ir-rsvp-option{
    background:#fff8f7 !important;
    border-color:#e0bab3 !important;
    color:#7e5149 !important;
}

.ir-rsvp-preset-rose_gold
.ir-rsvp-option.is-selected{
    background:
        linear-gradient(
            135deg,
            #f1d5d0,
            #dfaaa0
        ) !important;

    border-color:#bb786d !important;
    color:#673d36 !important;
}

.ir-rsvp-preset-rose_gold
.ir-rsvp-submit{
    background:
        linear-gradient(
            135deg,
            #d89a8e,
            #ac6c61
        ) !important;

    color:#ffffff !important;
}


/* ============================================================
   PRESET 4
   NEGRO + DORADO
   ============================================================ */

.ir-rsvp-preset-black_gold{
    box-shadow:
        0 22px 65px
        rgba(0,0,0,.38) !important;
}

.ir-rsvp-preset-black_gold
.ir-rsvp-title,

.ir-rsvp-preset-black_gold
.ir-rsvp-question > strong,

.ir-rsvp-preset-black_gold
.ir-rsvp-companions-title{
    color:#f3d77b !important;
}

.ir-rsvp-preset-black_gold
.ir-rsvp-subtitle{
    color:#b9aa80 !important;
}

.ir-rsvp-preset-black_gold
.ir-rsvp-control span{
    color:#d8cba5 !important;
}

.ir-rsvp-preset-black_gold
.ir-rsvp-control input,

.ir-rsvp-preset-black_gold
.ir-rsvp-companion-list input{
    background:#17191e !important;
    border-color:#6d5925 !important;
    color:#ffffff !important;
}

.ir-rsvp-preset-black_gold
.ir-rsvp-control input::placeholder,

.ir-rsvp-preset-black_gold
.ir-rsvp-companion-list input::placeholder{
    color:#8d887a !important;
}

.ir-rsvp-preset-black_gold
.ir-rsvp-option{
    background:#16171b !important;
    border-color:#6f5a24 !important;
    color:#ead797 !important;
}

.ir-rsvp-preset-black_gold
.ir-rsvp-option.is-selected{
    background:
        linear-gradient(
            135deg,
            #c7a441,
            #7d6016
        ) !important;

    border-color:#e3c567 !important;
    color:#090909 !important;
}

.ir-rsvp-preset-black_gold
.ir-rsvp-submit{
    background:
        linear-gradient(
            135deg,
            #e0bf5e,
            #967119
        ) !important;

    color:#090909 !important;
}


/* ============================================================
   PRESET 5
   CRISTAL PREMIUM
   ============================================================ */

.ir-rsvp-preset-glass_premium{
    background:
        rgba(246,251,255,.78) !important;

    backdrop-filter:
        blur(18px)
        saturate(1.22) !important;

    -webkit-backdrop-filter:
        blur(18px)
        saturate(1.22) !important;

    border:
        1px solid
        rgba(255,255,255,.88) !important;

    box-shadow:
        0 22px 60px
        rgba(31,52,72,.20),
        inset 0 1px 0
        rgba(255,255,255,.92) !important;
}

.ir-rsvp-preset-glass_premium
.ir-rsvp-title,

.ir-rsvp-preset-glass_premium
.ir-rsvp-question > strong,

.ir-rsvp-preset-glass_premium
.ir-rsvp-companions-title{
    color:#20364a !important;
}

.ir-rsvp-preset-glass_premium
.ir-rsvp-subtitle{
    color:#667d8f !important;
}

.ir-rsvp-preset-glass_premium
.ir-rsvp-control span{
    color:#536d81 !important;
}

.ir-rsvp-preset-glass_premium
.ir-rsvp-control input,

.ir-rsvp-preset-glass_premium
.ir-rsvp-companion-list input{
    background:
        rgba(255,255,255,.68) !important;

    border-color:
        rgba(255,255,255,.9) !important;

    color:#20364a !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        0 4px 12px rgba(39,72,98,.08) !important;
}

.ir-rsvp-preset-glass_premium
.ir-rsvp-option{
    background:
        rgba(255,255,255,.58) !important;

    border-color:
        rgba(255,255,255,.9) !important;

    color:#38566d !important;
}

.ir-rsvp-preset-glass_premium
.ir-rsvp-option.is-selected{
    background:
        linear-gradient(
            135deg,
            rgba(217,235,247,.95),
            rgba(177,210,230,.92)
        ) !important;

    border-color:#7da9c4 !important;
    color:#1e4057 !important;
}

.ir-rsvp-preset-glass_premium
.ir-rsvp-submit{
    background:
        linear-gradient(
            135deg,
            #668da8,
            #385b72
        ) !important;

    color:#ffffff !important;
}