.elementor-kit-2992{--e-global-color-primary:#8CA387;--e-global-color-secondary:#314834;--e-global-color-text:#000000;--e-global-color-accent:#8CA387;--e-global-color-76b0881:#000000;--e-global-color-3691e76:#FFFFFF;--e-global-color-42a3ca7:#FFFFFF00;--e-global-color-c1c450e:#F1E8E1;--e-global-color-60a91ec:#949291;--e-global-color-8bbc03b:#A75C4D;--e-global-color-6cd6eca:#0000004D;--e-global-color-e0d9fb9:#8CA38740;--e-global-typography-primary-font-family:"Work Sans";--e-global-typography-primary-font-size:3em;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:none;--e-global-typography-secondary-font-family:"Work Sans";--e-global-typography-secondary-font-size:2em;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-letter-spacing:8px;--e-global-typography-text-font-family:"Work Sans";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Work Sans";--e-global-typography-accent-font-size:1em;--e-global-typography-accent-font-weight:600;--e-global-typography-d82acb8-font-family:"Work Sans";--e-global-typography-d82acb8-font-size:5em;--e-global-typography-d82acb8-font-weight:400;--e-global-typography-8696f28-font-family:"Work Sans";--e-global-typography-8696f28-font-size:1em;--e-global-typography-8696f28-font-weight:700;--e-global-typography-8696f28-text-transform:uppercase;--e-global-typography-8696f28-letter-spacing:3.6px;--e-global-typography-71f54f7-font-family:"Work Sans";--e-global-typography-71f54f7-font-size:2em;--e-global-typography-71f54f7-font-weight:400;--e-global-typography-2124428-font-family:"Work Sans";--e-global-typography-2124428-font-size:1.778em;--e-global-typography-2124428-font-weight:400;color:var( --e-global-color-76b0881 );font-family:"Work Sans", Sans-serif;font-size:18px;font-weight:400;}.elementor-kit-2992 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-2992{--e-global-typography-primary-font-size:2.2em;--e-global-typography-d82acb8-font-size:3em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-2992{--e-global-typography-primary-font-size:1.778em;--e-global-typography-secondary-font-size:0.889em;--e-global-typography-secondary-letter-spacing:3.2px;--e-global-typography-text-font-size:0.778em;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-size:0.778em;--e-global-typography-d82acb8-font-size:1.778em;--e-global-typography-8696f28-font-size:0.778em;--e-global-typography-8696f28-letter-spacing:1.4px;--e-global-typography-71f54f7-font-size:1.5em;--e-global-typography-2124428-font-size:1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*html, body {
    overflow-x: hidden;
}
*/
.bold-text {
    font-weight: 600;
}

/* Variables */
:root {
    --xxsmall-size: 20px;
    --xsmall-size: 40px;
    --small-size: 70px;
    --medium-size: 150px;
    --large-size: 200px;
    --pdd-xsmall-size: var(--xsmall-size);
    --pdd-small-size: var(--small-size);
    --pdd-medium-size: var(--medium-size);
    --pdd-large-size: var(--large-size);
}

@media(max-width: 1024px) {
     :root {
        --xsmall-size: 40px;
        --small-size: 70px;
        --medium-size: 90px;
        --large-size: 130px;
    }
}

@media(max-width: 767px) {
     :root {
        --xsmall-size: 10px;
        --small-size: 25px;
        --medium-size: 75px;
        --large-size: 90px;
    }
}
/**/

html {
    font-size: 16px;
}

.container-m {
    max-width: 1400px;
    margin: 0 auto;
    box-sizing: border-box;
}

.container-xs {
    max-width: 1100px;
    margin: 0 auto;
    box-sizing: border-box;
}

.pdd-0.elementor-section.elementor-section-boxed>.elementor-container {
    padding-right: unset !important;
    padding-left: unset !important;
}

.minh {
    min-height: 350px;
}

.minh-600 {
    min-height: 600px;
}

@media(max-width: 1024px) {
    .minh-600 {
        min-height: 500px;
    }
}

@media(max-width: 767px) {
    .minh {
        min-height: 250px;
    }
    .minh-600 {
        min-height: 300px;
    }
}

/* header Engine */
.mi-be-button.mi-be-book-btn{
    font-family: var(--e-global-typography-text-font-family);
}

.mi-be .mi-be-occupation-field.mi-dropdown-button {
    text-align: center;
}


/* btn book detail */
.page-template-bookingstep1 header .bot-reserva-header,
.cat-room-detail header .bot-reserva-header,
.cat-offer-detail header .bot-reserva-header,
.page-template-bookingstep1 .header-mobile .reservar-mobile, 
.cat-room-detail .header-mobile .reserva-header-mobile,
.cat-offer-detail .header-mobile .reserva-header-mobile{
    display: none !important;
}

/* disable engine widget on detail pages */
.cat-room-detail .elementor-widget-Mirai.Booking, .cat-offer-detail .elementor-widget-Mirai.Booking { 
    display: none; 
}

/* btn book detail */
.cat-room-detail header .reserva-header,
.cat-offer-detail header .reserva-header {
    display: none!important;
}

/* Hide wrapper */
.cat-room-detail section.header-mobile, .cat-offer-detail section.header-mobile{
    display: none; 
}

/* Pseudo Standarization */ 
@media (min-width: 768px) {
.elementor-section.elementor-section-boxed > .elementor-container {
    padding-left: 30px;
    padding-right: 30px;
}
}

.contenedor-mw, .cookies-section, .cat-room-detail .elementor-section.elementor-section-boxed > .elementor-container > .rooms-detail-wrapper,
.cat-offer-detail .elementor-section.elementor-section-boxed > .elementor-container > .offers-detail-wrapper {
    max-width: 1440px;
    margin: 0 auto;
    box-sizing: border-box;    
}

.contenedor-bw{    
    max-width: 1920px;
    margin: 0 auto;
    box-sizing: border-box; 
}

.boxed{
    margin-left: 2%;
    margin-right: 2%;
}

.hidden{
    display: none;
}

/* Bullet list */
.lista-web li, .lista-web2 li { 
    padding-left: 5px; 
}

.lista-web li::before {
    content: "•"; 
    padding-right: 5px;
    color: var(--e-global-color-primary ); 
}

/**/

/* -- FIXES -- */
a, p a{
    color: var(--e-global-color-primary);
}

a:hover, p a:hover{
    text-decoration: none;
    color: var(--e-global-color-secondary);
}

.elementor-widget-container .elementor-text-editor > p, .elementor-widget-container .elementor-text-editor {
    line-height: 180%;
    font-weight: inherit;
}


/* Lightbox Gallery */
.elementor-lightbox .elementor-slideshow__footer .elementor-slideshow__title{
    text-align: center;
}

/* Full-width section under mobile res. */
@media (max-width:480px){
    section.no-elefix.elementor-section> .elementor-container {
            padding-inline: 0px;
    }
}

/* GDPR */
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice {
    overflow: inherit;
}


/*Fix underline on close buttons on popups*/
.dialog-close-button.dialog-lightbox-close-button {
    text-decoration: none;
}

/*Hide features default icons*/
.rooms-listing .room-box .room-detail .occupancies-ico, .rooms-listing .room-box .room-detail .distibution-ico {
    display: none;
}

/*LOGIN MODAL*/
.mi-modal .mi-form__link, .mi-form__link, .mi-s-color-link, .mi-form-item__password-visibility {
    color: var(--e-global-color-primary);
}

.mi-modal .mi-form__link:hover, .mi-form__link:hover, .mi-s-color-link:hover, .mi-form-item__password-visibility:hover {
    color: #444444;
}

[class^="mi-"] .mi-s-color-button {
    background-color: var(--e-global-color-primary);
}

/* Hero - HEADERS */
@media (max-width:1366px){
    section.elementor-section.elementor-top-section.hero > div.elementor-container.elementor-column-gap-default{
        min-height: 600px;
    }
}

/* Rounded Images - Services */
.rounded-imgs img{
    border-radius:50%;
    margin-bottom: var(--xxsmall-size);
}

/* TEXT TO HTML */
.text-to-html *{
    margin-bottom: 20px;
}

.text-to-html h2{
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
}

.text-to-html h3{
    font-family: var(--e-global-typography-4e54c9f-font-family), Sans-serif;
    font-size: var(--e-global-typography-4e54c9f-font-size);
    font-weight: var(--e-global-typography-4e54c9f-font-weight);
    line-height: var(--e-global-typography-4e54c9f-line-height);
    letter-spacing: var(--e-global-typography-4e54c9f-letter-spacing);
    word-spacing: var(--e-global-typography-4e54c9f-word-spacing);
}

.text-to-html h4{
    font-family: var(--e-global-typography-17fe471-font-family), Sans-serif;
    font-size: var(--e-global-typography-17fe471-font-size);
    font-weight: var(--e-global-typography-17fe471-font-weight);
    line-height: var(--e-global-typography-17fe471-line-height);
    letter-spacing: var(--e-global-typography-17fe471-letter-spacing);
    word-spacing: var(--e-global-typography-17fe471-word-spacing);
}


/* FIXES Club & Modal Windows */
.elementor-popup-modal{
    z-index: 1049;
}

.mi-bsmodal-backdrop{
    z-index: 1050;
}

/* ENGINE FIXES */
[class^="mi-"] .mi-s-color-button:hover{
    background-color: var(--e-global-color-primary);
}

/* Form 'Reservas' */
.elementor-field-type-submit button.elementor-button.elementor-size-lg{
    margin-top: var(--xsmall-size);
}

.elementor-field-group-privacy, .elementor-field-type-html, .elementor-message {
    text-align: left;
}

.highlight{
    color: var(--e-global-color-primary);
}

/* ROOMS */ 

.room-description p{}
body.cat-rooms .rooms-listing .room-box .room-content{
        background-color:var(--e-global-color-c1c450e);
        padding: var(--small-size) var(--xsmall-size);
}

@media (min-width:1280px){
    body.cat-rooms .rooms-listing .room-box .room-image-link img, .rooms-listing .room-box .room-image-link span.no-photo{
        width:50%;
    }
    
    body.cat-rooms .rooms-listing .room-box .room-content{
        width: 50%;
        margin: -25% auto 9% 40%;
    }
}

body.cat-rooms .rooms-listing-wrapper .common-features > h2{
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    text-transform: var(--e-global-typography-secondary-text-transform);
    letter-spacing: var(--e-global-typography-secondary-letter-spacing);
}

body.cat-rooms .rooms-listing .room-box .room-content h3{
    font-family: var(--e-global-typography-2124428-font-family), Sans-serif;
    font-size: var(--e-global-typography-2124428-font-size);
    font-weight: var(--e-global-typography-2124428-font-weight);
    line-height: var(--e-global-typography-2124428-line-height);
    letter-spacing: var(--e-global-typography-2124428-letter-spacing);
    word-spacing: var(--e-global-typography-2124428-word-spacing);
}

body.cat-rooms .rooms-listing .room-box .room-content .room-description .more-info{
    margin-top: var(--xxsmall-size);
    display: block;
    font-family: var( --e-global-typography-8696f28-font-family ), Sans-serif;
    font-size: var( --e-global-typography-8696f28-font-size );
    font-weight: var( --e-global-typography-8696f28-font-weight );
    text-transform: var( --e-global-typography-8696f28-text-transform );
    line-height: var( --e-global-typography-8696f28-line-height );
    letter-spacing: 3px;
    word-spacing: var( --e-global-typography-8696f28-word-spacing );
    color: var( --e-global-color-primary );
    border-width: 0px;
    text-decoration: none;
}

body.cat-rooms .rooms-listing .room-box .room-content .room-description .more-info:hover{
    color: var(--e-global-color-secondary);
}

.room-description a.more-info:hover{
    color:var(--e-global-color-accent);
}

@media (max-width: 767px){
    body.cat-rooms .rooms-listing-wrapper .common-services li, p.room-description {
        font-size:0.778em;
    }
    
    body.cat-rooms .rooms-listing .room-box .room-content .room-description .more-info{
        font-size:1em;
    }
}

/* ROOM DETAILS */
.cat-room-detail .rooms-detail-wrapper h2{
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    text-transform: var(--e-global-typography-secondary-text-transform);
    letter-spacing: var(--e-global-typography-secondary-letter-spacing);     
}

.cat-room-detail .rooms-detail-wrapper h3{
    font-family: var(--e-global-typography-2124428-font-family), Sans-serif;
    font-size: var(--e-global-typography-2124428-font-size);
    font-weight: var(--e-global-typography-2124428-font-weight);
    line-height: var(--e-global-typography-2124428-line-height);
    letter-spacing: var(--e-global-typography-2124428-letter-spacing);
    word-spacing: var(--e-global-typography-2124428-word-spacing);
}

.room-box-offers .offers-listing .offer .offer-button{
    border-radius: 8px;
    border: 2px solid var(--e-global-color-primary);
    background: var(--e-global-color-3d23203);
    padding: 16px 24px;
    font-family: var(--e-global-typography-8696f28-font-family), Sans-serif;
    font-size: var(--e-global-typography-8696f28-font-size);
    font-weight: var(--e-global-typography-8696f28-font-weight);
    text-transform: var(--e-global-typography-8696f28-text-transform);
    line-height: var(--e-global-typography-8696f28-line-height);
    letter-spacing: var(--e-global-typography-8696f28-letter-spacing);
    word-spacing: var(--e-global-typography-8696f28-word-spacing);
    color: var(--e-global-color-primary); 
}

.cat-room-detail .rooms-detail-wrapper .room-box-extras h4 {
    font-family: var(--e-global-typography-8696f28-font-family), Sans-serif;
    font-size: var(--e-global-typography-8696f28-font-size);
    font-weight: var(--e-global-typography-8696f28-font-weight);
    text-transform: var(--e-global-typography-8696f28-text-transform);
    line-height: var(--e-global-typography-8696f28-line-height);
    letter-spacing: 3px;
    word-spacing: var(--e-global-typography-8696f28-word-spacing);
}

body.cat-room-detail .offers-listing .offer .offer-link span {
    font-size: 1em;
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-secondary-font-weight);
    text-transform: var(--e-global-typography-secondary-text-transform);
    letter-spacing: 3px;
}

body.cat-room-detail .rooms-detail-wrapper .go-to-offers-page a, #calendar-wrapper .dynamic-calendar .ui-datepicker-title{
    /*font-size: 1em;*/
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-secondary-font-weight);
    text-transform: var(--e-global-typography-secondary-text-transform);
    letter-spacing: 3px;
}

/* OFFERS */
.offers-listing-wrapper.no-offers{
    margin: 0 auto;
    text-align: center;
}

body.cat-offers .offers-listing-wrapper h2:first-child, 
body.cat-offer-detail .cont-tpl-booking{
    display: none;
}

body.cat-offers .offers-listing-wrapper{
    padding: var(--small-size) 0;
}

.cat-offers .offers-listing-5 .offers-listing .offer .offer-link, .offer-detail-5.offers-detail-wrapper .offer-wrapper {
    background-color: var(--e-global-color-secondary);
}

.cat-offers .offers-listing-5 .offers-listing .offer .offer-link:hover, .offer-detail-5.offers-detail-wrapper .offer-wrapper:hover {
    background-color: var(--e-global-color-primary);
}

body.cat-offers .offers-listing-wrapper h3, body.cat-offers .offer-discount {
      font-size: var(--e-global-typography-secondary-font-size);
}

body.cat-offers .offers-listing-wrapper h3, .offer-box p{
    display: inline-block;
    font-family: var(--e-global-typography-primary-font-family);
    text-transform: none;
    font-weight: 500;
}

body.cat-offers .offers-listing-wrapper h3, .offer-box p{
}

body.cat-offers .offers-listing .offer .offer-link, 
body.cat-offers .offers-listing .offer .offer-link *{
    color: var(--e-global-color-text);
    transition: all .3s ease-out;
}

body.cat-offers .offers-listing .offer .offer-link span{
    font-size: 1em;
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-secondary-font-weight);
    text-transform: var(--e-global-typography-secondary-text-transform);
    letter-spacing: 3px;    
}

body.cat-offers .offers-listing .offer .offer-link:hover, 
body.cat-offers .offers-listing .offer .offer-link *:hover{
    color: var(--e-global-color-secondary);
}

body.cat-offers .offers-listing .offer .offer-button.elementor-button.secondary-btn{
    border-radius: 8px;
    border: 2px solid var(--e-global-color-primary);
    background: var(--e-global-color-3d23203);
    padding: 16px 24px;
    font-family: var(--e-global-typography-8696f28-font-family), Sans-serif;
    font-size: var(--e-global-typography-8696f28-font-size);
    font-weight: var(--e-global-typography-8696f28-font-weight);
    text-transform: var(--e-global-typography-8696f28-text-transform);
    line-height: var(--e-global-typography-8696f28-line-height);
    letter-spacing: var(--e-global-typography-8696f28-letter-spacing);
    word-spacing: var(--e-global-typography-8696f28-word-spacing);
    color: var(--e-global-color-primary);
}

.offers-listing-1 .offer-link, .offer-detail-1.offers-detail-wrapper .offer-wrapper {
    background-color: var(--e-global-color-4ac6f22)!important;
}

.offers-detail-wrapper .offer-wrapper.row .offer-header-content-wrapper .offer-title{
    font-family: var(--e-global-typography-primary-font-family);
    text-decoration: none;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    padding-inline: 0px; 
    color: var(--e-global-color-text);
}

.offers-detail-wrapper .offer-features-wrapper .offer-boxes-wrapper .offer-box.main-box span{
    font-size: var(--e-global-typography-f457c57-font-size);
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-secondary-font-weight);
    text-transform: var(--e-global-typography-secondary-text-transform);
    letter-spacing: 3px;
}

.offer-button.elementor-button.secondary-btn:hover{
    color: var(--e-global-color-text);
    background-color: var(--e-global-color-47eea86e);
}

/* DYNAMIC CALENDAR */

body.cat-room-detail .calendar-wrapper.calendar-type1{
    border-top:0px;    
} 

.cat-offer-detail .calendar-wrapper.calendar-type1{
    margin-top: 40px;
}

.cat-offer-detail .offers-detail-wrapper{
    padding-top: 40px;
}

.calendar-wrapper.calendar-type1 .calendar-nights-label, .calendar-wrapper.calendar-type1 .calendar-title{
    font-family: var(--e-global-typography-primary-font-family);
    text-decoration: none;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight); 
}

#calendar-wrapper .dynamic-calendar .ui-datepicker-title{
    font-family: var(--e-global-typography-25a2ba0-font-family);
    text-transform: var(--e-global-typography-6633ad8-text-transform);

}

#calendar-wrapper .dynamic-calendar .ui-datepicker-calendar ._selected-date a, #calendar-wrapper .dynamic-calendar .ui-datepicker-calendar ._checkin-date a, #calendar-wrapper .dynamic-calendar .ui-datepicker-calendar ._checkout-date._checkin-date a, #calendar-wrapper .dynamic-calendar .ui-datepicker-calendar a:hover{
    background-color: #8CA38740;
    color: #555;
}

#calendar-wrapper .dynamic-calendar .ui-datepicker-calendar ._checkout-date a{
    background: var(--e-global-color-primary);
}

.calendar-wrapper.calendar-type1 .offer-calendar-button, .calendar-wrapper.calendar-type1 .room-calendar-button{
    font-family: var(--e-global-typography-8696f28-font-family), Sans-serif;
    font-size: var(--e-global-typography-8696f28-font-size) !important;
    font-weight: var(--e-global-typography-8696f28-font-weight);
    text-transform: var(--e-global-typography-8696f28-text-transform);
    line-height: var(--e-global-typography-8696f28-line-height);
    letter-spacing: var(--e-global-typography-8696f28-letter-spacing);
    word-spacing: var(--e-global-typography-8696f28-word-spacing);
    fill: #FFF;
    color: #FFF;
    background-color: var(--e-global-color-primary);
    border-style: none;
    border-radius: 8px 8px 8px 8px;
    padding: 29px 44px 29px 44px; 
}

.calendar-wrapper.calendar-type1 .offer-calendar-button:hover, .calendar-wrapper.calendar-type1 .room-calendar-button:hover{
    color: var(--e-global-color-secondary) !important;
    background-color: var(--e-global-color-accent) !important;    
}

/* Hide 'Join the club' on club pages */
.cat-mirai-club .join-club{
    display: none;
}

/**/ 

/* Home - Hero */
@media (min-width:1025px) and (max-width:1366px){
    section.hero-home.elementor-element{
        margin-top: 190px !important;
    }

    section.hero-home > .elementor-container {
        min-height: 78vh !important;
    }   
    
    div.elementor-element.hero-heading.elementor-widget.elementor-widget-heading{
            bottom: 138px;
            max-width:60%;
            width: 50%;  
            left:inherit !important;
    }
    
}

/* Home - Bg images */
.elementor-section.promo-section{
    overflow: hidden;    
}

.elementor-section.promo-section::after {
    width: 387px;
    height: 585px;
    background-image: url(https://static-resources-elementor.mirai.com/wp-content/uploads/sites/723/fondo-izq.png);
    position: absolute;
    content: "";
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 310px auto;
}

.elementor-section.promo-section::before {
    width: 469px;
    height: 727px;
    background-image: url(https://static-resources-elementor.mirai.com/wp-content/uploads/sites/723/fondo-der.png);
    position: absolute;
    content: "";
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 345px auto;
}

.elementor-section.promo-section::before{
    top: -26%;
    right:-7%;
    z-index: 1;
}

.elementor-section.promo-section::after {
    top:-11%;
    left: 0%;
    transform: scale(1, 1) rotate(.914deg);
}

@media (min-width:1025px) and (max-width:1366px){
    .elementor-section.promo-section::before {
        background-image: url(https://static-resources-elementor.mirai.com/wp-content/uploads/sites/723/fondo-der.png);
        background-size: 240px auto;
    }    
}

@media (min-width:770px) and (max-width:1024px){
    .elementor-section.promo-section::before {
        background-image: url(https://static-resources-elementor.mirai.com/wp-content/uploads/sites/723/fondo-der.png);
        /*background-size: 212px auto;*/
        right: -13%;
    }
}

@media (max-width:769px){
    
    .elementor-section.promo-section::after {
        width: 80px;
        height: 206px;
        background-image: url(https://static-resources-elementor.mirai.com/wp-content/uploads/sites/731/leaves-01-mobile.png);
        position: absolute;
        content: "";
        background-position: 0px 0px;
        background-repeat: no-repeat;
        background-size: 80px auto;
    }
    
    .elementor-section.promo-section::before {
        width: 80px;
        height: 206px;
        background-image: url(https://static-resources-elementor.mirai.com/wp-content/uploads/sites/731/leaves-02-mobile.png);
        position: absolute;
        content: "";
        background-position: 0px 0px;
        background-repeat: no-repeat;
        background-size: 80px auto;
    }

    .elementor-section.promo-section::before{
        top:0px;
        right: 0%;
        z-index: 1;
    }

    .elementor-section.promo-section::after {
        left: 0%;
    }
        
}

/* BS Hero - Fix header height */ 
body.cat-booking .elementor-1545 .elementor-element.elementor-element-2dbac13c > .elementor-container {
    min-height: auto;
}

.elementor-element.engine-hero .mi-be .mi-be-book-btn{
    padding: 11px 44px 11px 44px !important;    
}

/* Home Styles */
.cta-experiencias .elementor-cta__content .elementor-content-item{
    width: 50%;
    text-align: left;
}

.cta-experiencias .elementor-cta__content .elementor-cta__title{
    width: 50%;
    text-align: right;
}

.slide-experiencias .elementor-swiper-button{
    background-color: #fff;
    padding: 15px 10px;

}

.slide-experiencias .elementor-swiper-button.elementor-swiper-button-prev{
    left:0px;
    border-radius: 0px 30px 30px 0px;
}

.slide-experiencias .elementor-swiper-button.elementor-swiper-button-prev i.eicon-chevron-left{
    margin-left:-10px;
}

.slide-experiencias .elementor-swiper-button.elementor-swiper-button-next{
    right:0px;
    border-radius: 30px 0px 0px 30px;
}

.slide-experiencias .elementor-swiper-button.elementor-swiper-button-next i.eicon-chevron-right{
    margin-right:-10px;
}

/* Location Maps */
.cont-mapa #map-wrapper{
    height: 800px;
}

@media (max-width:769px){
    .cont-mapa #map-wrapper{
        height: 500px;
    }
}

/* Home Winter - Summer mods */
div.summer.elementor-widget-call-to-action{
    display: none;
} 

.summer-icon-box h5.elementor-icon-box-title a, .winter-icon-box h5.elementor-icon-box-title a{    
    font-size: 1em !important;
}

.img-promo, .promo-section, .services-section, .ubi-section, .experiencies-section {
      transition: background-color 0.5s;
}
    
body.summer-active .experiencies-section, body.summer-active .img-promo, body.summer-active .promo-section, body.summer-active .services-section, body.summer-active .ubi-section{
    background-color: #F1E8E1 !important;
}

body.summer-active .experiencies-section div.summer-icon-box.elementor-widget-icon-box > .elementor-widget-container{
    background-color: #fff !important;
}

body.summer-active div.col-testimonial  > .elementor-column-wrap{
    background-color: #F1E8E1 !important;
}

body.summer-active div.col-testimonial  > .elementor-column-wrap *{
    color: #000 !important;
}

body.summer-active .experiencies-section h1,
body.summer-active .experiencies-section h2,
body.summer-active .experiencies-section h4,
body.summer-active .experiencies-section h5,
body.summer-active .experiencies-section h6,
body.summer-active .experiencies-section p,
body.summer-active .img-promo h1,
body.summer-active .img-promo h2,
body.summer-active .img-promo h3,
body.summer-active .img-promo h4,
body.summer-active .img-promo h5,
body.summer-active .img-promo h6,
body.summer-active .img-promo p,
body.summer-active .promo-section h1,
body.summer-active .promo-section h2,
body.summer-active .promo-section h3,
body.summer-active .promo-section h4,
body.summer-active .promo-section h5,
body.summer-active .promo-section h6,
body.summer-active .promo-section p,
body.summer-active .services-section h1,
body.summer-active .services-section h2,
body.summer-active .services-section h3,
body.summer-active .services-section h4,
body.summer-active .services-section h5,
body.summer-active .services-section h6,
body.summer-active .services-section p,
body.summer-active .ubi-section h1,
body.summer-active .ubi-section h2,
body.summer-active .ubi-section h3,
body.summer-active .ubi-section h4,
body.summer-active .ubi-section h5,
body.summer-active .ubi-section h6,
body.summer-active .ubi-section p {
  color: #000;
}

body.summer-active .experiencies-section h3{
    color: #fff;
}

body.summer-active .experiencies-section div.summer.elementor-widget-call-to-action{
    transition: .5s all;
    display: block;
} 

body.summer-active .experiencies-section div.winter.elementor-widget-call-to-action{
    transition: .5s all;
    display: none;
} 

body.winter-active .experiencies-section, body.winter-active .img-promo, body.winter-active .promo-section, body.winter-active .services-section, body.winter-active .ubi-section{
    background-color: #314834 !important;
}

body.winter-active div.col-testimonial  > .elementor-column-wrap{
    background-color: #314834 !important;
}

body.winter-active div.col-testimonial  > .elementor-column-wrap *{
    color: #fff !important;
}

body.winter-active .experiencies-section h1,
body.winter-active .experiencies-section h2,
body.winter-active .experiencies-section h3,
body.winter-active .experiencies-section h4,
body.winter-active .experiencies-section h5,
body.winter-active .experiencies-section h6,
body.winter-active .experiencies-section p,
body.winter-active .img-promo h1,
body.winter-active .img-promo h2,
body.winter-active .img-promo h3,
body.winter-active .img-promo h4,
body.winter-active .img-promo h5,
body.winter-active .img-promo h6,
body.winter-active .img-promo p,
body.winter-active .promo-section h1,
body.winter-active .promo-section h2,
body.winter-active .promo-section h3,
body.winter-active .promo-section h4,
body.winter-active .promo-section h5,
body.winter-active .promo-section h6,
body.winter-active .promo-section p,
body.winter-active .services-section h1,
body.winter-active .services-section h2,
body.winter-active .services-section h3,
body.winter-active .services-section h4,
body.winter-active .services-section h5,
body.winter-active .services-section h6,
body.winter-active .services-section p,
body.winter-active .ubi-section h1,
body.winter-active .ubi-section h2,
body.winter-active .ubi-section h3,
body.winter-active .ubi-section h4,
body.winter-active .ubi-section h5,
body.winter-active .ubi-section h6,
body.winter-active .ubi-section p {
  color: #fff;
}

body.winter-active .experiencies-section div.winter.elementor-widget-call-to-action{
    transition: .5s all;
    display: block;
} 

body.winter-active .experiencies-section div.summer.elementor-widget-call-to-action{
    transition: .5s all;
    display: none;
} 

/* Same behaviour on Mobile devices*/
div.summer.elementor-widget-slides{
    display: none;
} 

body.winter-active .mob-experiencies-section div.winter.elementor-widget-slides{
    transition: .5s all;
    display: block;
} 

body.winter-active .mob-experiencies-section div.summer.elementor-widget-slides{
    transition: .5s all;
    display: none;
} 

body.summer-active .mob-experiencies-section div.summer.elementor-widget-slides{
    transition: .5s all;
    display: block;
} 

body.summer-active .mob-experiencies-section div.winter.elementor-widget-slides{
    transition: .5s all;
    display: none;
} 
/* */


/* Testimonial Home*/
@media (min-width:1025px) and (max-width:1366px){
    div.elementor-column.col-testimonial > .elementor-column-wrap.elementor-element-populated{
        margin: 0 5%;
    }
}

@media (min-width:768px) and (max-width:1024px){
    div.elementor-column.col-testimonial > .elementor-column-wrap.elementor-element-populated{
        border-radius: 20px 20px 20px 20px;
    }
}

@media (min-width:376px) and (max-width:767px){
    div.elementor-column.col-testimonial > .elementor-column-wrap.elementor-element-populated{
        border-radius: 20px 20px 20px 20px;
    }

    div.elementor-column.col-testimonial > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap{
        padding: 20px 20px;
    }
}

@media (max-width:480px){
    div.elementor-column.col-testimonial > .elementor-column-wrap.elementor-element-populated > 
    div.elementor-widget-wrap > div.elementor-element.elementor-widget-heading > div.elementor-widget-container{
        /*margin: 20px 0;*/
    }  
}

/* Home Video Button */
div.elementor-element.icon-mobile-video > div.elementor-widget-container .elementor-icon{
    display: inline-block;
}


/* Fix negative right margin - mobile */
@media (max-width:480px){
    .grecaptcha-badge{
        right:0px !important;
    }
}

/* */


/* Feedback UX */
div.elementor-element.menu-principal-modal li.current-menu-item a.elementor-item.elementor-item-active{
    color: var(--e-global-color-primary);
}

@media (min-width:1441px){
    div.elementor-column.fondo-cambiable > div.elementor-column-wrap.elementor-element-populated{
        max-width: 410px !important;
        max-height: 648px !important;
        height:100vh;
    }
    
    div.elementor-column.fondo-cambiable{    
        display: flex;
        align-items: center;
        justify-content: center;  
    }
}

div.elementor-element.elementor-widget-button a.elementor-button.elementor-button-link:hover{
    border-radius: 40px;
}

div.elementor-element.elementor-widget-button a.elementor-button.elementor-button-link:not(.bot-reserva-header):hover{
    fill: var(--e-global-color-primary);
    color: var(--e-global-color-primary);
    background-color: var(--e-global-color-42a3ca7);
    border-style: solid;
    border-color: var(--e-global-color-primary);
}

section.elementor-section.inner-winter-summer-desktop > div.elementor-container > div.elementor-row, section.elementor-section.innercontent-winter-summer > div.elementor-container > div.elementor-row{
    justify-content: center;
}

div.elementor-column.col-winter-summer-desktop, div.elementor-column.content-winter-summer{
    max-width: 380px
}

div.elementor-element.summer-icon-box h5.elementor-icon-box-title{
    margin-bottom: 15px;
}

div.elementor-icon-box-icon{
    margin-bottom: 0px;
}

section.inner-winter-summer-desktop .elementor-widget-icon-box {
    cursor: pointer; 
}

@media (min-width:1280px) {
    div.elementor-column.elementor-element.col-testimonial > div.elementor-column-wrap{
        min-width: 350px;
        max-width: 400px;
    }
}

@media (max-width:480px){
    div.elementor-element.slide-habitaciones .elementor-swiper-button, div.elementor-element.slide-wellness .elementor-swiper-button{
        display:none;
    }
}

.mob-experiencies-section .slide-experiencias .elementor-swiper-button.elementor-swiper-button-prev i::before{
    padding:10px;
    content:url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/731/arrow-left.svg');
}

.mob-experiencies-section .slide-experiencias .elementor-swiper-button.elementor-swiper-button-next i::before{
    padding:10px;
    content:url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/731/arrow-right.svg');
}

div.elementor-element.developed-mirai > .elementor-widget-container > [data-mirai-component="bookingQuery"] span[data-role="content"]{
        font-size: var(--e-global-typography-text-font-size);
}

@media (max-width:480px){
    div.elementor-element.developed-mirai > .elementor-widget-container > [data-mirai-component="bookingQuery"] span[data-role="content"]{
        font-size: 18px;
    }
}

@media (max-width:768px){
    div.elementor-element.developed-mirai > .elementor-widget-container{
        margin-bottom:13px;
    }
}

.cta-experiencias .elementor-cta__content > .elementor-cta__image img{
    display: none;
}

/* */

/* SCROLL on POPUP's */
.elementor-popup-modal .dialog-widget-content {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
        padding: 0;
}

@media screen and (max-width: 1024px) {
    .infochat_floatmain {
        transform: translateY(-90px) !important;
    }
}

body:has(ui-modal-overflow[class*="_visible"]) #infochat_float{
    visibility: hidden;
}/* End custom CSS */