:root {
    --color-palette-ghost-white-light: #ffffff;
    --color-palette-ghost-white-dark-active: #717073;
    --color-palette-dark-purple-normal: #2D082E;
    --color-palette-jacarta-dark-active: #20132F;
    --color-palette-jacarta-light: #EDEAF0;
    --color-palette-jacarta-light-active: #C6BDD1;
    --color-palette-jacarta-dark: #36204F;
    --color-palette-yellow-orange-normal: #FAAF38;
    --color-palette-yellow-orange-normal-hover: #E19E32;
    --color-palette-yellow-orange-dark: #BC832A;
    --color-palette-yellow-orange-normal-active: #C88C2D;
    --color-palette-yellow-orange-light-active: #FDE6C1;
    --color-palette-soap-normal-active: #AEA2BB;
    --color-palette-soap-ligth: #FBFAFD;
    --color-palette-soap-dark: #A498B0;
    --color-palette-soap-dark-active: #625B69;
    --color-palette-soap-dark-hover: #83798C;
    --light-purple: rgba(209, 201, 210, 0.5);
    --color-palette-dark-purple-light-hover: #E0DAE0;
    --color-palette-dark-purple-light-active: #BEB2BE;
    --color-palette-dark-purple-dark-hover:rgba(27, 5, 28, 0.9);
    --color-palette-dark-purple-darker: #100310;
    --color-Palette-Dark-Purple-Dark: #220623;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    background-color: transparent !important;
    -webkit-text-fill-color: inherit !important;
    transition: background-color 9999s ease-out;
}

.badge_input_mail input:-webkit-autofill,
.badge_input_mail input:-webkit-autofill:hover,
.badge_input_mail input:-webkit-autofill:focus,
.badge_input_mail input:-webkit-autofill:active {
    color: #83798C!important;
    -webkit-text-fill-color:  #83798C!important;
}


input:invalid {
    background-color: transparent;
    box-shadow: none;
}

#content{
    max-width:1300px;
    padding:0 15px;margin:0 auto;

}
#full-width{margin:0 auto}
html, body {
    padding-right: 0px!important;
    position: relative;
}

.mgl-5{
    margin-left: 5px;
}

/*===============Footer=============*/
.background_foot{background: #100310}
.padd_foot{padding: 80px 0px 50px 0px}

/*===============Home=================*/
input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 4px;
    background: #C88C2D;
    outline: none;
    opacity: 0.7;
    padding: 0 0 0 30px;
}
/* transition: opacity .2s;

 */

/* Estilos para el pulgar en WebKit/Blink */
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #C88C2D; /* Color del pulgar */
    cursor: pointer;
    border-radius: 50%;
}
.padd_btm_25{
    padding-bottom: 25px !Important;
}
.padd_btm_40{
    padding-bottom: 40px !Important;
}
.button_crypto{
    background: #0070ba;
    border: none;
    color: white;
    border-radius: 5px;
    height: 40px;
    font-weight: 500;
}
.not_underline{
    text-decoration: none !important;
}


/* Estilos para el contenedor en dispositivos móviles */
@media (max-width: 768px) {
    .width370dsk{
        width: 100% !Important;
    }
    .mr-30mob{
        margin: 0px 30px 0px 0px !Important;
    }
    .margin_mob-65{
        margin: 0px 0px 0px -65px !Important;
    }
    .mg_question_center{
        display: flex;
        justify-content: center;
        margin: -40px 0px 14px 0px;
    }
    .card_form_payment{
        border-radius: 12px;
        background: #DFDDE4 !Important;

        /* Inner Shadow */
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !Important;
        width: 617px;
        height: 620px;
        padding: 30px 10px !important;
    }


}
.color_text_paypal{
    color: #EAE5ED !Important;
}
.spacing{
    letter-spacing: 1.92px;
}
.btn-close-page{
    border-radius: 40px;
    border: 1px solid #BEB2BE;
    background: #FFF;
    height: 48px;
    padding: 10px 29px;
    font-family: "Red Hat Display";
    color: #A498B0;
    font-size: 16px;
    font-weight: 700;
}
.card_late{
    border-radius: 44px !Important;
    background: rgba(255, 255, 255, 0.24) !important;

    /* Inner Shadow */
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !important;
}
.color_late{
    color: #DACAEA !Important;
}
.gray_dark{
    color: #625B69 !Important;
}
.background_transparent{
    background-color: transparent !Important;
}
.card_video_container{
    padding: 10px 16px 10px 16px !Important;

    background: #D9D9D9;

    /* Inner Shadow */
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.border-top-shadow{
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}

#card-number-element{
    padding: 15px 40px !Important;
}
#card-expiry-element{
    padding: 15px 40px !Important;
}
#card-cvc-element{
    padding: 15px 40px !Important;
}
.save_this_card{
    background: #D9D9D9;
    padding: 5px 5px 5px 10px;
    border-radius: 10px;
}
.save_this_card_2{
    background: #83798C;
    padding: 5px 5px 5px 10px;
    border-radius: 10px;
}
.minheight50{
    min-height: 55px !important;
}
#btn-link-paypal:disabled {
    opacity: 0.5;
    pointer-events: none;
}
@media  (max-width:889px) {
    .font-size65 {
        font-size: 40px
    }
    .top20_m{
        margin-top: 20px !important;
    }
    .margin-l5{
        margin: 0px 0px 0px -5px !important;
    }
    .margin-l52{
        margin: 0px 0px 0px -5px !important;
    }
    .margin-l14{
        margin: 0px 0px 0px -14px !important;
    }
    .margin-l22{
        margin: 0px 0px 0px -22px !important;
    }
    .max-width-label{
        max-width: 150px;
    }
    .radius-card-payment{
        border-radius: 15px 15px 0px 0px !Important ;
    }

    .underline_ok{
        text-decoration: underline;
        display: contents;
    }
    .width125mob{
        width: 140px !important;
        padding: 10px 4px 0px 31px ! IMPORTANT;
    }
    .width290mob{
        width: 275px !Important;
        padding: 0 !important;
    }
    .display_blockmob{
        display: block !Important;
        line-height: 19px;
    }
    .svg-bottom-center {
        position: absolute;
        bottom: 15px;
        left: 15%;
        transform: translateX(-50%);
    }
    .chatbot_custom_top{
        top: 160px !important;
    }
    .see_custom_top{
        top: 215px !important;
    }
    .padd-3010{
        padding: 30px 15px 30px 15px;
    }
    .font-size2016{
        font-size: 16px
    }
    .h2_cost{
        color: var(--color-palette-soap-dark-hover, #83798C);
        text-align: center;
        font-family: "Red Hat Display";
        font-size: 40px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
    }
    .padd_side15mob{
        padding-left: 15px !Important;
        padding-right: 15px !Important;
    }
    .padd_sideall15mob{
        padding: 15px !Important;
    }
    .paypal_align{
        margin: 10px 0 0 5%;
    }
    .minstagram{
        margin: 0px 0px 0px 0px;
    }

    .myoutube{
        margin: 0px 0px 0px 8px;
    }

    .padd_card_payment_mob{
        padding: 0px !Important;
    }
    .padd_10mob{
        padding: 20px 10px 20px 10px !Important;
    }
    .badge_input_mail{
        background: transparent !important;
        padding:10px ! important;
        border-radius: 40px;
        border: 1px solid #83798C;
        width: 100%;
        margin-bottom: 10px;
        justify-content: left !Important;
        height: 48px !important;
        display: flex !important;
        justify-content: space-between !important;

    }
    .mt_mob--220{
        margin-top: -220px;
    }
    .mt_mob--160{
        margin-top: -160px;
    }
    .padding_form{
        padding: 26px 10px !Important;
    }
    .card_form_payment_2{
        border-radius: 12px;
        background: #DFDDE4 !Important;

        /* Inner Shadow */
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !Important;
        width: 100%;
        height: 651px;
    }
    .top115mob{
        margin-top: 75px;
    }
    .center-mob{
        text-align: center !Important;
    }
    .margin-remove-mob{
        margin: 0 !important;
    }
    .size19mob{
        font-size: 19px !important
    }
    .back_countdown{
        border-radius: 15px;
        background: rgba(255, 255, 255, 0.24);
        padding: 15px 0px 15px 0px !important;
        margin-right: 12px !important;
        width: 29% !important;
    }
    .size13mob{font-size: 13px}
    .size24booking {
        font-size: 17px
    }
    .input_checkout{
        border-radius: 40px !Important;
        border: 1px solid #83798C !Important;
        width: 100% !Important;
        height: 48px !Important;
    }
    .input_newsletter{
        border-radius: 40px !Important;
        border: 1px solid #83798C !Important;
        width: 100% !Important;
        height: 42px !Important;
        color: #36204F !Important;
        font-weight: 400 !important;
    }

    /************ Calendar Booking *************/
    .card-input-element-hour {
        display: none;
    }

    .card-input-hour {
        margin: 10px;
        padding: 00px;
        color: #2D082E;
        background: white;
        border-radius: 19px;
        padding: 10px 0px 10px 0px;
        width: 100%;
        margin-left: 0 !important;
    }


    .card-input-hour:hover {
        cursor: pointer;
        background: #2D082E;
        border-radius: 19px;
        width: 100%;
        padding: 10px 0px 10px 0px;
        color: white;

    }

    .card-input-element-hour:checked + .card-input-hour {
        background: #2D082E;
        border-radius: 19px;
        padding: 10px 0px 10px 0px;
        color: white;
    }

    .card-input-element {
        display: none;
    }

    .card-input {
        margin: 10px;
        padding: 00px;
        color: #2D082E;
    }

    .card-input:hover {
        cursor: pointer;
        background: #2D082E;
        border-radius: 16px;
        width: 65px;
        height: 65px;
        color: white;

    }

    .card-input-element:checked + .card-input {
        background: #2D082E;
        border-radius: 16px;
        width: 65px;
        height: 65px;
        color: white;
    }

    .panel-heading {
        font-family: Lato, sans-serif;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
    }

    .width40pxmob {
        width: 40px !important
    }

    .div_mob_full {
        width: 100%; /* Si el padding del padre es 20px */
    }

    .margin_top45mob {
        margin-top: 45px
    }

    .btn_preferences {
        background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(0deg, #FFF 0%, #FFF 100%),
        linear-gradient(0deg, #FFF 0%, #FFF 100%), #FFF !Important;
        border-radius: 20px !Important;
        color: var(--Color-Palette-Dark-Purple-Dark);
        font-size: 20px;
        font-family: "Red Hat Display";
        width: 100%;
        height: 40px;
        border: none;
        font-weight: 600;
    }

    .btn_preferences:hover {
        background: #2D082E !Important;
        border-radius: 20px !Important;
        color: white;
        font-size: 20px;
        font-family: "Red Hat Display";
        width: 100%;
        height: 40px;
        border: none;
        font-weight: 600;
    }

    .padding_cookiedsk {
        padding: 40px 20px 40px 20px !Important
    }

    .margin-top10mob {
        margin-top: 10px
    }

    .margin_text_cookie {
        margin: 10px 0px 0px 0px;
        display: table-caption;
        font-family: "Red Hat Display";
        font-weight: 600;
    }
    .margin_close_promo{
        margin: -75px 0px 0px 15px;
    }

    .margin_text_cookie2 {
        margin: 10px 6px 0px 15px;
        display: table-caption;
        font-family: "Red Hat Display"
    }

    .style_badge_sale {
        font-size: 13px !Important;
        padding: 18px 30px 18px 30px !Important;
        color: var(--Color-Palette-Dark-Purple-Normal) !Important;
        background: white !Important;
        font-weight: 700 !Important;
        border: 1px solid #BEB2BE
    }
    .style_badge_saleNews {
        font-size: 13px !Important;
        padding: 18px 30px 18px 30px !Important;
        color: var(--Color-Palette-Dark-Purple-Normal) !Important;
        background: white !Important;
        font-weight: 700 !Important;
        border: 1px solid #BEB2BE;
        width: 100%;
    }
    .style_badge_sale2 {
        font-size: 13px !Important;
        padding: 16px 14px 16px 22px !Important;
        color: var(--Color-Palette-Dark-Purple-Normal) !Important;
        background: white !Important;
        font-weight: 700 !Important;
        border: 1px solid #BEB2BE
    }

    .style_badge_decline {
        font-size: 13px !Important;
        padding: 16px 12px 16px 12px !Important;
        color: var(--Color-Palette-Dark-Purple-Normal) !Important;
        background: transparent !Important;
        border: 1px solid white;
    }

    .back_child_cookie {
        background: #EDEAF0;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
        border-radius: 16px 0px 0px 16px;
        padding: 15px 8px 15px 8px
    }
    .back_child_cookie_download {
        background: #EDEAF0;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
        border-radius: 16px 0px 0px 16px;
        padding: 32px 8px 32px 8px
    }

    .back_child_cookie2 {
        background: #EDEAF0;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
        border-radius: 35px 0px 0px 35px;
        padding: 8px 0px 8px 8px
    }

    .height40pxmob {
        height: 45px !important
    }

    .padd_removemob {
        padding: 0 !Important
    }

    .height600mov {
        height: 600px !Important
    }

    .height400mov {
        height: auto !Important;
        margin: 95px 0px 0px 0px !important
    }

    .padding_card_rangemob {
        padding: 20px 10px 20px 10px !important
    }

    .background_range {
        background-image: url(../img/home/rangemob.webp);
        background-size: cover;
        background-position: center;
        border-radius: 10px;
    }

    .card_price {
        padding: 25px 20px !Important;
        background: rgba(255, 255, 255, 0.80) !important;
        box-shadow: 0px 514px 144px 0px rgba(75, 75, 75, 0.00), 0px 329px 132px 0px rgba(75, 75, 75, 0.01), 0px 185px 111px 0px rgba(75, 75, 75, 0.05), 0px 82px 82px 0px rgba(75, 75, 75, 0.09), 0px 21px 45px 0px rgba(75, 75, 75, 0.10);
    }

    .line-break-mob {
        display: block !Important
    }


    .font-size25 {
        font-size: 18px
    }

    .text-alignright {
        text-align: right !Important
    }

    .button-sale {
        border: none;
        border-radius: 16px 0px 0px 16px;
        background: #625B69;
        box-shadow: 0px 109px 31px 0px rgba(131, 121, 140, 0.00);
        font-weight: 400;
        padding: 0px 0px 0px 0px;
        color: #2D082E;
        font-size: 20px
    }
    .button-sale-cookie {
        border: none;
        border-radius: 35px 0px 0px 35px;
        background: #625B69;
        font-weight: 400;
        padding: 0px;
        color: white;
        font-size: 20px;
        display: flex
    }
    .padding-leftmob-remove {
        padding-left: 0 !important;
        padding-right: 20px !Important;
    }
    .button-schedule-1 {
        border: none;
        border-radius:35px;
        background: #FAAF38;
        padding: 8px 15px 8px 15px;
        width: 100%;
        color: #100310 !important;
        font-size: 16px;
        font-weight: bold!important;
        font-family: "Red Hat Display"!important;
        height: 58px;
    }
    .button-schedule-1:hover {
        border: none;
        border-radius: 35px;
        background: #e19e32;
        font-weight: 500;
        width: 100%;
        color: #100310 !important
    }
    .bottom-150mob {
        margin-bottom: 65px !Important
    }

    .overlay_slide {
        width: 100% !Important;
        height: 370px;
    }
    .size30 {
        font-size: 24px;
    }

    .size40 {
        font-size: 24px
    }

    .size72 {
        font-size: 44px !Important
    }

    .size72Cookie {
        font-size: 40px
    }
    .size63 {
        font-size: 48px
    }
    .size35 {
        font-size: 24px
    }

    .size54 {
        font-size: 40px
    }
    .button_slide {
        background: white;
        border: 1px solid #BEB2BE;
        color: #290729;
        border-radius: 25px;
        font-family: "Red Hat Display", sans-serif;
        font-weight: 700;
        width: 100%;
        height: 34px;
        font-size: 14px;
    }
    .button_slide:hover {
        background: #2D082E;
        border: 1px solid #C6BDD1;
        color: white;
        border-radius: 25px;
        font-family: "Red Hat Display", sans-serif;
        font-weight: 700;
        width: 100%;
        height: 34px;
    }

    .padd_side20mob {
        padding-left: 20px !Important;
        padding-right: 20px !Important
    }


    .card_payment_parent{
        border-radius: 12px 12px 0px 0px !Important;
        /* opacity: 0.5 !Important;*/
        background: #DFDDE4 !important;

        /* Inner Shadow */
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !important;

    }
    .card_payment_parentActivation{
        border-radius: 12px 12px 0px 0px !Important;
        /* opacity: 0.5 !Important;*/
        background: #DFDDE4 !important;

        /* Inner Shadow */
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !important;
        opacity: .8;
    }

    .card_payment_child{
        border-radius: 16px;
        background: #FFF !important;

        /* Inner Shadow */
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !Important;
        padding: 20px 15px ! IMPORTANT;
    }

    .card_payment_child2{
        border-radius: 16px !Important;
        background: #FFF !important;

        /* Inner Shadow */
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !Important;
    }
    .btn-dropdown{
        border: 1px solid #BEB2BE !Important;
        border-radius: 40px !important;
        width: 100%;
        height: 48px;
        color: #290729 !Important;
        font-family: "Red Hat Display" !Important;
        font-size: 16px !Important;
        font-style: normal !Important;
        font-weight: 700 !Important;
        line-height: 24px !Important;
    }
    .card_payment_img{
        border-radius: 0px 0px 12px 12px !Important;
        width: 100%;
    }
    .card_confirmation{
        border-radius: 44px !important;
        background: rgba(255, 255, 255, 0.24) !important;

        /* Inner Shadow */
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !important;

    }
    .card_calendar{
        border-radius: 16px;
        background: rgba(223, 221, 228, 0.6) !important;

        /* Inner Shadow */
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !Important;
    }

}
@media  (min-width:1400px)  {
    .position-bottom{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
    }
}
@media  (min-width:1100px)  {
    .width800dsk{width: 800px}
    .width617dsk{width:617px}
    .width600dsk{
        width: 600px
    }
    .margin-right100dsk{margin-right: 100px !important;}
    .margin-left100dsk{margin-left: 100px !important;}
}
@media  (max-width:415px)  {
    .font-size12{
        font-size: 12px !important;
    }
}
@media  (max-width:376px)  {

    .font-size65_2 {
        font-size: 30px
    }

    .mg_question_center_yn{
        display: flex;
        justify-content: center;
        margin: -40px 0px 14px 30px;
    }
    .font-size14{
        font-size: 14px !Important;
    }
    .font-size13{
        font-size: 13px !Important;
    }
    .width210{
        width: 186px !Important;
    }
    .width278{
        width: 278px !Important;
    }
    .width230px{
        width: 200px !Important;
    }
    .width220icon4{
        width: 220px !important;
    }
    .width_clarity{
        width: 250px;
    }
    .input_email_pay2{
        border: none;
        font-size: 16px;
        margin: 0px 0px 0px 6px;
        max-width: 184px;
        width: 100%;
        color: #83798C;
        font-weight: 400;
    }
    .btn_continue_enable_confirm{
        background: #2D082E;
        border: none;
        width: 100%;
        height: 48px;
        border-radius: 40px;
        font-family: "Red Hat Display";
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        color: #C6BDD1;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }
    .cursive2{
        color: var(--color-palette-dark-purple-normal);
        text-align: center;
        font-family: "Red Hat Display";
        font-size: 12px;
        font-style: italic;
        font-weight: 400;
        line-height: 20px; /* 187.5% */
    }
    .btn_continue_enable{
        background: white;
        border: none;
        width: 100%;
        height: 48px;
        border-radius: 40px;
        font-family: "Red Hat Display";
        font-size: 11px;
        font-style: normal;
        font-weight: 700;
        color: #A498B0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }
    .close_chatbot{
        margin: 20px 6px 0px 0px;
        float: right;
    }
    .font-sizechat{font-size: 14px}
    .width800dsk{width: 100%}
    .padding_card_bookingmob{
        /* padding: 20px 12px 20px 12px !Important */
    }
    .size28d22m{
        font-size: 19px
    }
    .width_btn_6p{width: 330px !important}
}
@media  (min-width:377px)  {
    .mg_question_center_yn_refund{
        display: flex;
        justify-content: center;
        margin: -40px 0px 14px -20px !important;
    }


    .mg_question_center_yn{
        display: flex;
        justify-content: center;
        margin: -40px 0px 14px 0px;
    }
    .width210{
        width: 213px !Important;
    }
    .width278{
        width: 278px !Important;
    }
    .width230px{
        width: 230px !Important;
    }

    .input_email_pay2{
        border: none;
        font-size: 16px;
        margin: 0px 0px 0px 6px;
        max-width: 240px;
        width: 100%;
        color: #83798C;
        font-weight: 400;
    }
    .btn_continue_enable_confirm{
        background: #2D082E;
        border: none;
        width: 100%;
        height: 48px;
        border-radius: 40px;
        font-family: "Red Hat Display";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        color: #C6BDD1;;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }
    .cursive2{
        color: var(--color-palette-dark-purple-normal);
        text-align: center;
        font-family: "Red Hat Display";
        font-size: 16px;
        font-style: italic;
        font-weight: 400;
        line-height: 20px; /* 187.5% */
    }
    .btn_continue_enable{
        background: white;
        border: none;
        width: 100%;
        height: 48px;
        border-radius: 40px;
        font-family: "Red Hat Display";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        color: #A498B0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }
}
@media  (min-width:376px) and (max-width:879px)  {
    .font-size65_2 {
        font-size: 35px
    }
    .close_chatbot{
        margin: 20px 6px 0px 0px;
        float: right;
    }
    .font-sizechat{font-size: 14px}
    .width800dsk{width: 100%}
    .size28d22m{
        font-size: 22px
    }
    .width_btn_6p{width: 350px !Important}
}
@media  (min-width:880px)  {
    .width370dsk{
        width: 370px !Important;
    }
    .font-size65_2 {
        font-size: 65px
    }
    .padd_10dsk{
        padding: 10px !important;
    }
    .align_ul_pricing{
        margin: 0px 0px 0px 18px !Important;
    }
    .max-width{
        max-width: 270px;
    }
    .width300{
        width: 300px !Important;
    }
    #menu_nav{
        padding-top: 2px;
    }
    #menu_session{
        padding-top: 5px;
    }
    .margin_living_proof{
        margin: -28px 0px 30px 0px !Important;
    }
    .align_right_dsk{
        text-align: right !Important;
    }
    .card_form_payment{
        border-radius: 12px;
        background: #DFDDE4 !Important;

        /* Inner Shadow */
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !Important;
        width: 617px;
        height: 100%;
        min-width: 652px;

    }

    .mtop-18dsk{
        margin-top: 18px !important;
    }
    .mtop-14dsk{
        margin-top: 14px !important;
    }
    .mtop-8dsk{
        margin-top: 8px !important;
    }
    .padding_new_l{
        padding: 0px 0px 0px 30px !Important;
    }
    .display_blockmob{
        display: inline-grid !Important;
    }
    .display_flexdsk{
        display: inline-flex !important;
    }
    .chatbot_custom_top{
        top: 100px !important;
    }
    .see_custom_top{
        top: 165px !important;
    }
    .padd-3010{
        padding: 30px;
    }
    .font-size2016{
        font-size:20px
    }
    .mg_question_center{
        display: flex;
        justify-content: center;
        margin: -40px 0px 14px 0px;
    }
    .paypal_align{
        margin: 10px 0 0 73%;
    }
    .badge_input_mail{
        background: transparent !important;
        padding:10px ! important;
        border-radius: 40px;
        border: 1px solid #83798C;
        max-width: 338px;
        margin-bottom: 10px;
        width: 100%;
        height: 48px !important;
        display: flex !important;
        justify-content: space-between !important;

    }
    .card_form_payment_2{
        border-radius: 12px;
        background: #DFDDE4 !Important;

        /* Inner Shadow */
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !Important;
        width: 617px;
        height: 651px;
    }
    .border-radius10New{
        border-radius: 10px 0px 0px 10px;
    }
    .width_btn_6p{
        width: 350px !Important
    }
    .width420dsk{
        width: 420px !Important;
    }
    .center-mob{
        text-align: left !Important;
    }
    .line-height85{
        line-height: 85px;
    }
    .line-height70{
        line-height: 70px !Important;
    }
    .width460dsk{
        width: 460px !important
    }
    .width485dsk{
        width: 485px !important
    }
    .side_form{
        padding: 20px 60px 0px 60px;
    }
    .input_checkout{
        border-radius: 40px !Important;
        border: 1px solid #83798C !Important;
        width: 378px !important;
        height: 48px !important;
    }
    .input_newsletter{
        border-radius: 40px !Important;
        border: 1px solid #83798C !Important;
        width: 260px !important;
        height: 45px !important;
        color: #36204F !Important;
        margin-right: 18px ! IMPORTANT;
        font-weight: 400 !important;
    }
    .size24booking{
        font-size: 24px
    }

    /************ Calendar Booking *************/


    .card-input-element-hour {
        display: none;
    }

    .card-input-hour {
        margin: 10px;
        padding: 00px;
        color: #2D082E;
        background: white;
        border-radius: 40px;
        padding: 14px 0px 14px 0px;

    }

    .card-input-hour:hover {
        cursor: pointer;
        background: #2D082E;
        border-radius: 40px;

        padding: 14px 0px 14px 0px;
        color: white;

    }

    .card-input-element-hour:checked + .card-input-hour {
        background: #2D082E;
        border-radius: 40px;
        padding: 14px 0px 14px 0px;
        color: white;
    }
    .card-input-element {
        display: none;
    }

    .card-input {
        margin: 10px;
        padding: 00px;
        color: #2D082E;
    }

    .card-input:hover {
        cursor: pointer;
        background: #2D082E;
        border-radius: 16px;
        width: 100px;
        height: 115px;
        color: white;

    }

    .card-input-element:checked + .card-input {
        background: #2D082E;
        border-radius: 16px;
        width: 100px;
        height: 115px;
        color: white;
    }

    .panel-heading{
        font-family: Lato, sans-serif;
        font-size: 45px;
        font-style: normal;
        font-weight: 400;
    }
    .close_chatbot{
        margin: 15px 0px 0px 0px;
        float: right;
    }
    .wh-component9{
        width: 100%;height: 750px
    }

    .btn_preferences{
        background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(0deg, #FFF 0%, #FFF 100%),
        linear-gradient(0deg, #FFF 0%, #FFF 100%), #FFF !Important ;border-radius: 20px !Important;
        color: var(--Color-Palette-Dark-Purple-Dark);font-size: 20px;font-family: "Red Hat Display";
        width: 374px;height: 40px;border: none;font-weight: 600;
    }
    .btn_preferencesOLD:hover{
        background: #2D082E!Important ;
        border-radius: 20px !Important;
        color: white;font-size: 20px;font-family: "Red Hat Display";
        width: 214px;height: 40px;border: none;font-weight: 600;
    }
    .padding_cookiedsk{
        padding: 50px 200px 50px 200px !Important
    }

    .underline_ok{
        text-decoration: underline;
        display: contents;
    }
    .card_payment_parent{
        border-radius: 12px 0px 0px 12px !Important;
        /* opacity: 0.5 !Important;*/
        background: #DFDDE4 !important;

        /* Inner Shadow */
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !important;

    }
    .card_payment_parentActivation{
        border-radius: 12px 0px 0px 12px !Important;
        /* opacity: 0.5 !Important;*/
        background: #DFDDE4 !important;

        /* Inner Shadow */
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !important;
        opacity: .8;

    }
    .card_payment_child{
        border-radius: 16px !Important;
        background: #FFF !important;

        /* Inner Shadow */
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !Important;

    }
    .card_payment_child2{
        border-radius: 16px !Important;
        background: #FFF !important;

        /* Inner Shadow */
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !Important;
    }
    .h2_payment{
        color: #FFF;

        text-align: center;
        font-family: "Red Hat Display";
        font-size: 64px;
        font-style: normal;
        font-weight: 700;
        line-height: 100px;
        opacity: 0.5;

    }
    .h2_cost{
        color: var(--color-palette-soap-dark-hover, #83798C);
        text-align: center;
        font-family: "Red Hat Display";
        font-size: 40px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
    }
    .btn-dropdown{
        border: 1px solid #BEB2BE !Important;
        border-radius: 40px !important;
        max-width: 338px;
        width: 100%;
        color: #290729 !Important;
        font-family: "Red Hat Display" !Important;
        font-size: 16px !Important;
        font-style: normal !Important;
        font-weight: 700 !Important;
        line-height: 24px !Important;
        height: 48px;
    }


    .card_payment_img{
        border-radius: 0px 12px 12px 0px !Important;
        height: 100%;
        width: 100%;
        object-fit: cover;
        display: block;
    }
    .line-height{
        line-height: 41.902px
    }
    .style_badge_sale{
        font-size: 16px !Important;
        padding: 15px !Important;
        color: var(--Color-Palette-Dark-Purple-Normal) !Important;
        background: white !Important;
        font-weight: 700 !Important;
        border: 1px solid #BEB2BE
    }
    .style_badge_saleNews{
        font-size: 16px !Important;
        padding: 24px 15px 24px 15px !Important;
        color: var(--Color-Palette-Dark-Purple-Normal) !Important;
        background: white !Important;
        font-weight: 700 !Important;
        border: 1px solid #BEB2BE
    }
    .style_badge_sale2{
        font-size: 16px !Important;
        padding: 15px !Important;
        color: var(--Color-Palette-Dark-Purple-Normal) !Important;
        background: white !Important;
        font-weight: 700 !Important;
        border: 1px solid #BEB2BE
    }
    .style_badge_decline{
        font-size: 13px !Important;
        padding: 16px 18px 16px 18px !Important;
        color: var(--Color-Palette-Dark-Purple-Normal) !Important;
        background: transparent !Important;
        border: 1px solid white;
    }
    .back_child_cookie{
        background: #EDEAF0;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
        border-radius: 35px 0px 0px 35px;
        display: inline;
        padding: 7px 30px 13px 30px
    }
    .back_child_cookie_download{
        background: #EDEAF0;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
        border-radius: 35px 0px 0px 35px;
        display: inline;
        padding: 7px 30px 13px 30px
    }
    .back_child_cookie2{
        background: #EDEAF0;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
        border-radius: 35px 0px 0px 35px;
        display: inline;
        padding: 5px 30px 10px 30px
    }
    .margin_text_cookie{
        margin: 7px 0px 0px 0px
    }
    .margin_text_cookie2{
        margin: 7px 25px 0px 0px
    }
    .margintop250dsk{
        margin-top: 250px !Important
    }
    .margin-top145{
        margin-top: 150px !important
    }
    .padding_18dsk{
        padding: 18px !Important
    }
    .background_range{
        background-image: url(../img/home/family.webp);
        background-size: cover;
        background-position: center;
        border-radius: 10px;
    }
    .card_price{
        padding: 40px 37px !Important;
        background: rgba(255, 255, 255, 0.80) !important;
        box-shadow: 0px 514px 144px 0px rgba(75, 75, 75, 0.00), 0px 329px 132px 0px rgba(75, 75, 75, 0.01), 0px 185px 111px 0px rgba(75, 75, 75, 0.05), 0px 82px 82px 0px rgba(75, 75, 75, 0.09), 0px 21px 45px 0px rgba(75, 75, 75, 0.10);
    }
    #content-DSK{
        max-width:1200px;
        padding:0px;
        margin:0 auto
    }
    .margin-remove-dsk{
        margin: 0 !Important
    }
    .line-break-dsk{
        display: block
    }
    .overlay_slide{
        width: 500px !Important;
        height: 100%;
        margin: 0px 0px 0px 120px !Important;
        padding: 40px 20px 20px 35px !Important;
    }
    .mbottom32{
        margin-bottom: 32px !Important
    }
    .padd_side100dsk{
        padding: 0px 100px 0px 100px !Important
    }
    .gap90dsk{
        gap:80px !Important
    }
    .button-sale{
        border: none;
        border-radius: 35px 0px 0px 35px;
        background: #625B69;
        box-shadow: 0px 109px 31px 0px rgba(131, 121, 140, 0.00);
        font-weight: 400;
        padding: 4px 0px 10px 30px;
        color: #2D082E;
        font-size: 35px;
        display: flex
    }
    .button-sale-cookie{
        border: none;
        border-radius: 35px 0px 0px 35px;
        background:#625B69;
        font-weight: 400;
        padding: 0px 0px 0px 40px;
        color: white;
        font-size: 35px;
        display: flex
    }
    .button-schedule-1{
        border: none;
        border-radius: 35px;
        background: #FAAF38;
        font-weight: 500;
        padding: 8px 40px 8px 40px;
        color: #100310 !Important;
        font-weight: bold;
        font-family: "Red Hat Display"!important;
        height: 58px;
    }
    .button-schedule-1:hover{
        border: none;
        border-radius: 35px;
        background: #e19e32;
        font-weight: bold;
        font-family: "Red Hat Display"!important;
        color: #100310 !important
    }
    .btn-confirmation{
        text-align: center;
        font-family: "Red Hat Display";
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 27px;
        color: #C6BDD1;
    }
    .font-size65{
        font-size: 65px
    }
    .font-size25{
        font-size: 25px
    }
    .size30{
        font-size: 30px;
    }
    .size40{
        font-size: 40px
    }
    .size72{
        font-size: 72px !Important;
    }
    .size72Cookie{
        font-size: 72px
    }
    .size63{
        font-size: 63px
    }
    .size35{
        font-size: 35px
    }
    .size54{
        font-size: 54px
    }
    .button_slide{
        background: white;
        border: 1px solid #BEB2BE;
        color: #290729;
        border-radius: 25px;
        font-family: "Red Hat Display", sans-serif;
        font-weight: 700 ;
        width: 200px;
        height: 48px;
    }
    .button_slide:hover{
        background: #2D082E;
        border: 1px solid #C6BDD1;
        color: white;
        border-radius: 25px;
        font-family: "Red Hat Display", sans-serif;
        font-weight: 700 ;
        width: 200px;
        height: 48px;
    }
    .card_confirmation{
        border-radius: 44px !important;
        background: rgba(255, 255, 255, 0.24) !important;

        /* Inner Shadow */
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !important;
        width: 1200px;
    }
    .card_calendar{
        border-radius: 16px;
        background: rgba(223, 221, 228, 0.6) !important;

        /* Inner Shadow */
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !Important;
        width: 440px;
    }
    .size28d22m{
        font-size: 28px
    }
    .back_countdown{
        border-radius: 15px;
        background: rgba(255, 255, 255, 0.24);
        padding: 15px 24px 15px 24px !important;
        margin-right: 12px !important;
    }
    .width-video700px{
        width: 650px;
        min-height: 365px;
        aspect-ratio: 16 / 9;
    }
    .width-video750px{
        width: 740px;
    }
}
.padding_left_revert{
    padding-left: revert !important;
}
.margin-right5{
    margin-right: 5px;
}
.width80px{
    width: 80px;
}
.btn_again{
    border-radius: 40px;
    width: 100%;
    height: 48px;
    background: #4C4752;
    color: white;
    border: none;
    font-family: "Red Hat Display";
}
.btn_send_video{
    border-radius: 40px;
    width: 100%;
    height: 48px;
    background: #D1C9D2;
    color: #EDEAF0;
    border: none;
    font-family: "Red Hat Display";
    font-weight: 600;
}
.btn_send_video_enable{
    border-radius: 40px;
    width: 100%;
    height: 48px;
    background: white;
    border: 1px solid #BEB2BE;
    color: #C6BDD1;
    border: none;
    font-family: "Red Hat Display";
    font-weight: 600;
    border: 1px solid #BEB2BE;

}
.back_videos{
    background: #D9D9D9
}
.card_overflow {
    display: inline-block; /* Muestra las tarjetas en línea */
}

.bold-placeholder-payment::placeholder {
    font-weight: 400;
    color: #83798C !Important;
}
.bold-placeholder::placeholder {
    font-weight: 400;
    color: #83798C;
}
.bold-placeholder2::placeholder {
    font-weight: 400 !important;
    color: #83798C;
}
.bold-placeholder_news::placeholder {
    font-weight: 300;
    color: #83798C !important;
}
.background_home_preview{
    background: #A498B0;

}
.padd_card_calendars{
    padding: 20px 36px 20px 36px !important;
}

.cursive{
    color: var(--color-palette-yellow-orange-dark);
    text-align: center;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 30px; /* 187.5% */
}

.radius-top{
    border-radius: 40px 40px 0px 0px;
}
.radius-top15{
    border-radius: 15px 15px 0px 0px !Important;
}
.radius-btm{
    border-radius: 0px 0px 40px 40px;
}
.radius-btm15{
    border-radius: 0px 0px 15px 15px;
}
.content-container{
    max-width: 1200px !Important;
    padding: 0 15px !Important;
    margin: 0 auto !Important;
}
.button_expand{
    border: none;
    background: transparent;
    padding-top: 10px;
}
.btn-discount{
    border-radius: 40px;
    border: 1px solid #BEB2BE;
    background: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    color: #290729;
    padding: 14px 30px 14px 30px;
    font-family: "Red Hat Display";
}


.badge_input_mail6p{
    background: transparent !Important;
    padding: 21px 35px 21px 10px ! Important;
    border-radius: 40px;
    border: 1px solid #83798C;
    /* max-width: 300px;*/
    width: 100%;
    margin-bottom: 0px;
    display: flex !important;
    justify-content: space-between !important;

}
.status_label{
    font-weight: 400;
    font-family: "Red Hat Display";
}
.badge_code{
    background: white !Important;
    padding: 27px 6px 27px 13px ! Important;
}
.input_email_pay{
    border: none;
    font-size: 16px;
    margin: 0px 0px 0px 6px;
    max-width: 225px;
    width: 100%;
    color: #83798C;
    font-weight: 400;
}
.input_code::placeholder {
    text-transform: none; /* Esto evita que el placeholder se convierta */
}
.input_code{
    border: none;
    font-size: 16px;
    margin: 0px 0px 0px 10px;
    width: 103px;
    text-transform: uppercase;
}

.btn-enter-discount{
    border-radius: 40px;
    border: none;
    background: #BEB2BE;
    font-size: 16px;
    font-weight: 700;
    color: white;
    padding: 22px 10px 22px 11px;
    font-family: "Red Hat Display";
    pointer-events: none;
}
.btn-active-code{
    background: #2D082E !Important;
    pointer-events: all;
}
#show-enter-code {
    display: none;
}
#code-valid {
    display: none;
}
#info-upgrade{
    display: none;
}
#info-upgrade2{
    display: none;
}
.white{
    color: white !Important
}
.color1{
    color: #2D082E !Important
}

.text-shadow{
    text-shadow: 0px 4px 4px rgba(25, 15, 37, 0.25);
}
.title-1{
    color: #FDE6C1 !Important
}
.margin_right30{
    margin: 0px 0px 0px 30px
}
.margin_30_title1{
    margin: 0px 0px 60px 24px
}
.margin_30_title1B{
    margin: 0px 0px 115px 30px
}
.label_cookie{
    color: #A498B0
}
.font-size20{
    font-size: 20px
}
.font-size18{
    font-size: 18px !important;
    opacity: 0.72 !Important;
    margin: 18px 0px 14px 0px
}
.size24{
    font-size: 24px
}
.size22{
    font-size: 22px
}
.size15{
    font-size: 15px;
}
.size16{
    font-size: 16px
}
.size14{
    font-size: 14px
}
.size28{
    font-size: 28px
}
.size18{
    font-size: 18px !Important
}

.label_menu{color: #CDCDCD !important;
    font-family: Lato, sans-serif !Important;
    font-size: 16px !Important;
    font-style: normal !Important;
    font-weight: 400 !important;
    pointer-events: none !Important;
}
.active_menu{color: var(--color-Palette-Dark-Purple-Dark) !important;
    font-family: Lato, sans-serif !Important;
    font-size: 16px !Important;
    font-style: normal !Important;
    font-weight: 700 !important;
    pointer-events: none !Important;
}
.label_checkout{
    color: var(--color-Palette-Dark-Purple-Dark) !important;
    font-family: "Red Hat Display";
    font-size: 22.39px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 20.151px !important;; /* 90% */
    letter-spacing: 1.343px !important;
}
.top18px{
    margin-top: 18px
}
.padd_height{
    padding: 0px 0px 175px 0px !Important;
    z-index: 99999
}
.padd_text{
    padding: 0px 50px 60px 0px
}
.color2{
    color:#BEB2BE
}

.background_table{
    background: rgb(224, 218, 224, 0.5);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.background_tr{
    background: rgb(224, 218, 224, 0.9);
}
.background_tr2{
    background: rgb(224, 218, 224, 0.8);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}
.background_tr2clean{
    background: rgb(224, 218, 224, 0.8);
}
.th_title{color: #36204F !Important;
    font-size: 40px !Important;
    font-weight: 700 !Important;
    font-family: "Red Hat Display", sans-serif;
    text-transform: capitalize !Important
}

.card_form_paymentActivation{
    border-radius: 12px;
    background: rgba(223, 221, 228, 0.5) !Important;
    /* Inner Shadow */
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !Important;
    width: 617px;
    height: 651px;

}

.bold_table{
    color: #36204F;
    font-size: 30px
}
.bold_table2{
    color: #36204F;
    font-size: 24px
}
.bold_table4{
    color: #36204F;
    font-size: 22px}

.marg-top-15{
    margin-top: -15px !important;
}
.border-radius10{
    border-radius: 10px
}
.border-radius20{
    border-radius: 20px !Important
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.spin-animation {
    animation: spin 2s linear infinite;
}

.background_section2{
    background:#EDEAF0;
    padding: 65px 0px 90px 0px !Important
}
.background_checkout{
    background:#E0DAE0;
    padding: 45px 0px 0px 0px !Important
}

.height100{
    height: 96% !Important
}
.height100Full{
    height: 100% !Important
}
/* Hack específico para Safari */
@supports (-webkit-hyphens: none) and (object-fit: fill) {
    .heightSafari {
        height: 455px !important;
        object-fit: fill !important;
    }
}

.height96{
    height: 96% !Important
}
.disabled_pay{
    pointer-events: none !Important;
    background: #D1C9D2 !Important;
    color: white!important;

}
.background_section3{
    background:#625B69;
    padding: 55px 0px 95px 0px !important;
    overflow-x: hidden;
}
.color3{
    color: #E0DAE0
}
.width300{
    width: 350px;
}

.padding20{
    padding: 20px !Important
}
.radius_cardtop{
    border-radius: 10px 10px 0px 0px
}
.radius_cardbottom{
    border-radius: 0px 0px 10px 10px
}
.background_white{
    background: white;
    padding: 55px 0px 95px 0px
}
.background_grey_claro{
    background:#F0EAF0;
    padding: 45px 0px 60px 0px !Important
}
.background_grey{
    background:#625B69;
    padding: 45px 0px 60px 0px !Important
}
.gray_1{
    color: #585859
}
.padd-left10{
    padding-left: 10px !important
}
.w600{
    font-weight: 600 !Important
}
.w800{
    font-weight: 800 !Important
}
.bullet-text {
    display: flex;
    align-items: flex-start;
    gap: 2px; /* espacio entre imagen y texto */
    margin: 0;
    font-size: 18px;
    text-align: left;
    line-height: 1.4;
}

.bullet-text img {
    width: 18px;
    height: auto;
    margin-top: 0px !Important; /* opcional, para alinear mejor con el texto */
    flex-shrink: 0;   /* evita que la imagen se encoja en espacios pequeños */
}
.usd{
    font-size: 13px;
    position: absolute;
    margin: 30px 0px 0px 8px
}
.margintop20{
    margin: 20px 0px 0px 0px
}
.color4{
    color: #36204F !important;
}
.btn_disabled_download{
    background: #D1C9D2 !important;
    opacity: .5;
}

.black{
    color: black !important;
}
.width100{
    width: 100% !Important
}
.w150px{
    width: 150px
}
.color5{
    color: #C88C2D !Important
}
.color11{
    color: #717073;
}
.color12{
    color: #290729 !Important;
}
.w400{
    font-weight: 400
}
.w500{
    font-weight: 500 !important;
}
.background_section4{
    background: #625B69
}
.color6{
    color: #C6BDD1
}

/*.color7{color: #FDE6C1}*/

.card_calendar_booking{
    border-radius: 16px !important;
    background: #DFDDE4 !Important;

    /* Inner Shadow */
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !important;
}
.background_cardrange{
    background: rgb(224, 218, 224, 0.7);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.btn_other_card{
    background: white !Important;
    border: 1px solid #BEB2BE !Important;
    color: #290729 !important;
    border-radius: 40px !Important;
    font-family: "Red Hat Display" !Important;
    padding: 3px 40px 3px 40px !Important;
}
.card_saved_cards{
    border-radius: 12px;
    background: #f3f3f3 !Important;
    /* Inner Shadow */
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25) inset;
    padding: 18px 30px 18px 30px !important;
}
.color7{
    color: #83798C !Important
}
.w900{
    font-weight: 900 !Important;
}
.paddtb{
    padding: 50px 0px 50px 0px
}
.card_table2{
    padding: 12px 0px 12px 0px !important;
    border-radius: 70px !Important
}
.card_table3{
    padding: 32px 0px 35px 0px !important;
    border-radius: 23px !Important
}
.card_table3_head{
    padding: 32px 40px 32px 0px !important;
    border-radius: 23px !Important
}
.card_table4{
    padding: 12px 20px 12px 20px !important;
    border-radius: 70px !Important
}
.size23{
    font-size: 23px
}
.circle{    box-sizing: border-box;
    min-width: 70px;
    height: 70px;
    padding: 0 5px;
    border-radius: 500px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 40px;
    display: inline-flex
;
    justify-content: center;
    align-items: center;
    line-height: 0;

;background: #625B69;
    filter: drop-shadow(0px 4px 2px #E9EBF8) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); ;
    color: #BEB2BE !Important;font-family: "Lato", sans-serif}
.circle-c{    box-sizing: border-box;
    min-width: 70px;
    height: 70px;
    padding: 0 5px;
    border-radius: 500px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 40px;
    display: inline-flex
;
    justify-content: center;
    align-items: center;
    line-height: 0;

;background: #EDEAF0;
    filter: drop-shadow(0px 4px 4px #E9EBF8) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); ;
    color: #83798C !Important;font-family: "Lato", sans-serif}
.bottom--30{
    margin:0px 0px -30px 0px
}
.card_custom_1{
    background: var(--color-palette-ghost-white-light-hover, #FFFEFF);
;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !Important;
    border-radius: 16px;
    position: static !Important
}
.color8{
    color: #4C4752 !important
}
.padd_sideremove{
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.padd_side30{
    padding-left: 30px !Important;
    padding-right: 30px !Important
}
.white-space{
    white-space: nowrap
}
.margin_aligntext{
    margin: 0px -35px 0px 0px !Important
}
.w100{
    font-weight: 100 !Important
}
.padd_align_table{
    text-align: left !Important;
    padding: 0px 0px 0px 50px !Important
}
.size65all{
    font-size: 65px
}
.color10{
    color: #E4DFE9;
}
.margintop45{
    margin-top: 55px
}
.margintop74{
    margin-top: 74px
}
.position_dialog_chatbot{
    float: right;
    margin: 0px -40px 0px 0px !important;
    background: rgba(255, 255, 255, 0.48) !Important;
    backdrop-filter: blur(9.5px);
    border-radius: 10px 0px 0px 10px !important;
    width: 400px !Important
}
.question-badge{
    background: #E3E1E6;
    border-radius: 20px 20px 20px 0px;
    padding: 8px 10px 8px 15px;
    font-size: 14px;
    color: #2D082E
}
.margin-top-custom-btn{
    margin-top: 60px;
}
.margin-top-custom{
    margin-top: 60px;
}
.margin-top-custom2{
    margin-top: 50px;
}
.color_title_chatbot{
    color: #5E4D72;
}
.answer-badge{
    background: #5E4D72;
    color:white;
    border-radius: 20px 20px 0px 20px;
    padding: 8px 10px 8px 15px;
    font-size: 14px;
}
.pointer-events{
    pointer-events: none
}
.margintop--15{
    margin-top: -15px
}
.margintop--20{
    margin-top: -20px
}
.shadow_1{
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.color_span{
    color:#4B4B4B !important
}
.margin-top15{
    margin-top: 15px !Important
}
.padd_button_card{
    padding: 12px 40px 12px 40px !Important;
}
.margintop-5px{
    margin-top: -5px !important
}
.margintop-6px{
    margin-top: -6px !important
}
.margintop-4px{
    margin-top: -4px !important
}
.color_new{
    color: #A498B0 !Important
}
.color_card_resena{
    color:#583D14 !Important;
    margin: 0 !IMPORTANT;
}
.margin-top7{
    margin-top: 7px !Important;
    padding: 0px 12px 0px 0px;
}
.border-radius_overlay{
    border-radius: 0px 0px 10px 10px !Important
}
.w700{
    font-weight: 700 !Important
}
.padding_section{
    padding: 45px 0px 65px 0px
}
.margin_bottom6px{
    margin-bottom: 6px !important
}
.color9{
    color: #EDEAF0
}
.z-index{
    z-index: 9999999 !Important
}
.background_manage_cookie{
    background: var(--color-palette-dark-purple-dark-hover) !Important;
    opacity: 0.9 !important
}
.line-height44{
    line-height: 44px
}
.line-heightnormal{
    line-height: normal;
}
.line-height60{
    line-height: 60px
}
.line-height18{
    line-height: 18px
}
.mb-small-3{
    margin-bottom: 3px !important
}
.mt-small-3{
    margin-top: 3px !important;
    padding: 0px 10px 0px 0px;
}
.mt-removemob{
    margin-top: 0px !important
}


.scroll_chatbot{height: 320px;
    overflow: auto;
    scrollbar-width: none;        /* Firefox */
    -ms-overflow-style: none;
}
.center_force{
    display: flex;
    justify-content: center
}
.btn_continue_disable{
    background: #D1C9D2;
    border: none;
    width: 100%;
    height: 48px;
    border-radius: 40px;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    color: #EDEAF0;
    pointer-events: none;
}

.btn_continue_influencer{
    background: #2D082E;
    border: none;
    width: 100%;
    height: 48px;
    border-radius: 40px;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    color: white;
}


.btn_continue_preview{
    background: #2D082E;
    border: none;
    width: 100%;
    height: 48px;
    border-radius: 40px;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    color: #A498B0;
    cursor: pointer;
}




/************ Login and singup *************/
.overlay {
    backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.5);
}

/* Typograpy */
.heading-h2 {
    font-family: "Red Hat Display", sans-serif;
    font-size: 3rem;
    font-weight: 700;
    margin: 0;
    line-height: 76.589px;
}

.heading-h4 {
    text-align: center;
    font-family: Lato, sans-serif;
    font-size: 23px;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
    padding: 0 36px;
}

.text-error {
    color: var(--color-palette-ghost-white-dark-active);
    text-align: center;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: "Red Hat Display";
    font-weight: 700;
}


/* Structure */
.signup-container, .login-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    height: auto;
}

.signup-container .signup-header, .login-container .login-header {
    gap: 1.5rem;
}

.card-login, .card-signup {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 100%;
    padding: 2rem 1rem 4.375rem 1rem;
    border-radius: 44px;
    background: rgba(255, 255, 255, 0.24);
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
}

.card-login-body, .card-signup-body {
    width: 100%;
    display: grid;
    text-align: center;
    gap: 27px;
}

.form-login, .form-signup {
    display: grid;
    gap: 30px;
    justify-content: center;
}

.p-card {
    padding: 2% 5%;
}

/* Buttons */
.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 200px;
    padding: 11px 22px;
    border-radius: 40px;
    font-family: Lato, sans-serif;
    font-size: 16.4px;
    font-weight: 500;
    line-height: 160%;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-icon {
    background: none;
    border: none;
}

.btn-icon svg {
    height: 40px;
    width: 40px !important;
}

.btn-icon svg path {
    fill: white!important;
}

.btn-outline-white {
    border: 1px solid #fff;
    background: transparent;
    color: var(--color-palette-ghost-white-light);
}

.btn-outline-white:hover {
    background-color: var(--color-palette-ghost-white-light);
    color: #220623 !important;
}

.btn-solid-white {
    background-color: var(--color-palette-ghost-white-light);
    color: var(--color-palette-dark-purple-normal);
    font-weight: 700;
    width: auto;
}

.btn-solid-white:hover {
    background: var(--color-palette-dark-purple-normal);
    color: #E4DFE9;
}

.btn-solid-white:disabled {
    background: rgba(209, 201, 210, 0.50);
    cursor: not-allowed;
    color: var(--color-palette-ghost-white-light);
}

.btn-solid-white:disabled:hover {
    background: rgba(209, 201, 210, 0.50)!important;
    color: var(--color-palette-ghost-white-light);
}

button:disabled .btn-text-secondary {
    color: var(--color-palette-jacarta-light);
}

button .btn-text-secondary {
    color: var(--color-palette-soap-normal-active);
}

.input-rounded {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px 22px;
    border: 1px solid #fff;
    border-radius: 40px;
    height: 48px;
    width: 100%;
}

.input-rounded input {
    width: 100%;
    height: 100%;
    background: transparent!important;
    background-color: transparent!important;
    border: none;
    color: var(--color-palette-ghost-white-light);
    font-family: "Red Hat Display", sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.input-rounded input::placeholder {
    color: var(--color-palette-ghost-white-light);

}

.input-rounded input:focus-visible {
    outline: none;
}

.input_code::placeholder {
    color: #290729;
    font-weight: bold;
    font-family: "Red Hat Display";
}

.input_code input:focus-visible {
    outline: none;
    font-weight: bold;
}
.scroll-bar-hidden::-webkit-scrollbar {
    display: none !Important;
}


/* Phone landscape and bigger */
@media (max-width: 640px) {
    .signup-container, .login-container {
        align-items: center;
        gap: 1.35rem;
        margin-top: 1.875rem;
        height: auto;
    }

    .signup-container .signup-header, .login-container .login-header {
        gap: 0.563rem;
    }

    .heading-h2 {
        font-size: 2.5rem;
        line-height: 48px;
    }

    .text-error {
        color: var(--color-palette-yellow-orange-normal);
    }
}

/*blog*/

.card-blog {
    max-width: 555px;
    background-size: cover;
    border-radius: 16px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: flex-start;
    justify-content: flex-start;
    text-align: justify;
}




.card-blog .card-body {
    color: var(--color-palette-soap-dark-active);
    border-radius: 0px 0px 14px 14px;
    background: rgb(255 255 255 / 80%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
    padding: 24px 39px;
    min-height: 190px;
    text-align: start;
}

.card-blog .card-body .title-card {
    color: var(--color-palette-soap-dark-active);
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    margin-bottom: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-blog .author {
    color: var(--color-palette-yellow-orange-normal-hover);
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.27px;
    margin-right: 10px;
}
.card-blog .time{
    color: var(--color-palette-soap-dark-hover);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.21px;
}

.card-blog .card-description {
    color: var(--color-palette-soap-dark-active);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.9px;
    margin: 24px 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-blog .category {
    display: flex;
    width: 200px;
    height: 48px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--color-palette-jacarta-dark-active);
    border-color: var(--color-palette-jacarta-dark-active);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.variant-card-blog-1 {
    height: 100%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}

.variant-card-blog-1 .card-body {
    background: #ebe9f2;
    box-shadow: none!important;
}

.variant-card-blog-1.white .card-body {
    background: var(--color-palette-soap-ligth)!important;
    box-shadow: none!important;
}

.variant-card-blog-1 .image-card {
    height: 390px!important;
}

.variant-card-blog-1 .card-description {
    -webkit-line-clamp: 5!important;
}


.variant-card-blog-3 .title-card {
    margin-bottom: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.variant-card-blog-3 .image-card {
    height: 354px!important;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.variant-card-blog-3 .title-card {
    margin: 0px!important;
    margin-bottom: 5px!important;
}


.variant-card-blog-3 .card-description {
    margin: 0px!important;
    margin-top: 5px!important;
}
.variant-card-blog-3 .card-body {
    position: absolute;
    bottom: 0;
    max-height: 180px!important;
}



.expand-area {
    text-align: center;
}

.expand-area > h3, .expand-area > p {
    color: var(--color-palette-yellow-orange-light-active);
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; /* 95% */
}


@media (max-width: 1246px) {
    .width_overflowmob {
        width: 1300px !Important;
        height: 715px !Important
    }

    .width_overflowmob2 {
        width: 1300px !Important;
        height: 640px !Important
    }

    .width_overflowmob3 {
        width: 1300px !Important;
        height: 980px !Important
    }

    .width_overflowmob4 {
        width: 1300px !Important;
        height: 730px !Important
    }
    .height670pxdsk{
        height: 670px !important
    }
    .contenedor_overlow {
        overflow-x: auto; /* Habilita el desplazamiento horizontal */
        white-space: nowrap;
    }/* Evita que los elementos se envuelvan */
    .card_overflow {
        width: 1300px; /* Ancho fijo */
        height: 715px; /* Alto fijo */
        /* Otros estilos como bordes, sombras, etc. */
    }
    .card_overflow_2 {
        width: 1300px; /* Ancho fijo */
        height: 640px; /* Alto fijo */
        /* Otros estilos como bordes, sombras, etc. */
    }
    .card_overflow_3 {
        width: 1300px; /* Ancho fijo */
        height: 980px; /* Alto fijo */
        /* Otros estilos como bordes, sombras, etc. */
    }

    .card_overflow_4 {
        width: 1300px; /* Ancho fijo */
        height:730px; /* Alto fijo */
        /* Otros estilos como bordes, sombras, etc. */
    }

    .card-body, .card-blog .image-card, .card-blog  {
        max-width: 376px!important;
        min-width: 376px;
    }
    .category-container  {
        max-width: 809px !important;
    }
}

@media (min-width: 670px) and (max-width: 868px) {
    .card-body, .card-blog .image-card, .card-blog  {
        max-width: 555px!important;
    }
    .category-container  {
        max-width: 555px !important;
    }
}

@media (max-width: 599px) {
    /* Estilos para móviles o pantallas pequeñas */
    .category-container  {
        max-width: 376px !important;
    }
    .card-body, .card-blog .image-card, .card-blog  {
        max-width: 555px!important;
        min-width: 330px!important;
    }
}

.mg_question_3{
    margin: -40px 0px 14px 10px !important;
}
.card-category-label {
    color: var(--color-palette-jacarta-dark-active)!important;
    text-align: center!important;
    font-family: "Red Hat Display"!important;
    font-size: 16px!important;
    font-style: normal!important;
    font-weight: 700!important;
    line-height: 18px !important;
    padding: 12px 25px!important;
    border: 1px solid var(--color-palette-soap-dark-active)!important;
    cursor: default!important;
    text-transform: capitalize !important;
}

/*NO MOVER*/

.without-scrollbar {
    scrollbar-width: none; /* Firefox */
    overflow-x: auto;
}

.without-scrollbar::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Edge */
    overflow-x: auto;
}


.container-scientific-validation{
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    padding: 2rem;
}
.title-scientific-validation-2{
    color: var(--color-palette-dark-purple-normal-hover, #290729);
    text-align: center;
    font-family: "Red Hat Display";
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    max-width: 260px;
    min-height: 56px;
}
.description-scientific-validation-2{
    color: var(--color-palette-ghost-white-dark-active, #717073);
    text-align: center;
    font-family: "Red Hat Display";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    max-width: 260px;
    margin: 0px;
}
.title-scientific-validation{
    color: var(--color-palette-yellow-orange-light-active, #FDE6C1);
    text-align: center;
    font-family: "Red Hat Display";
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    max-width: 260px;
    min-height: 56px;
}
.description-scientific-validation{
    color: var(--Color-Palette-Jacarta-Light, #EDEAF0);
    text-align: center;
    font-family: "Red Hat Display";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    max-width: 260px;
    margin: 0px;
}



.isometric-video{
    min-height: 560px;
    height: 100%;
    width: 100%;
}

@media (max-width: 1001px) {
    .isometric-video{
        min-height: auto!important;
    }
}

@media (max-width: 360px) {
    .isometric-video{
        min-height: 200px!important;
    }
}