.elementor-3987 .elementor-element.elementor-element-78ac747{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:var(--mft-space-xs);--padding-bottom:var(--mft-space-xs);--padding-left:var(--mft-space-2xl);--padding-right:var(--mft-space-2xl);top:0px;--z-index:99;}.elementor-3987 .elementor-element.elementor-element-78ac747:not(.elementor-motion-effects-element-type-background), .elementor-3987 .elementor-element.elementor-element-78ac747 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}body:not(.rtl) .elementor-3987 .elementor-element.elementor-element-78ac747{left:0px;}body.rtl .elementor-3987 .elementor-element.elementor-element-78ac747{right:0px;}.elementor-3987 .elementor-element.elementor-element-7d66923{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0 var(--mft-space-m);--row-gap:0;--column-gap:var(--mft-space-m);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3987 .elementor-element.elementor-element-7d66923.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-3987 .elementor-element.elementor-element-8e0f011 .elementor-button{background-color:#02010100;font-family:var( --e-global-typography-text-font-family );font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );fill:#FFFFFF00;color:#FFFFFF00;padding:0px 0px 0px 0px;}.elementor-3987 .elementor-element.elementor-element-8e0f011 .elementor-button:hover, .elementor-3987 .elementor-element.elementor-element-8e0f011 .elementor-button:focus{color:var( --e-global-color-bd9d5b8 );}.elementor-3987 .elementor-element.elementor-element-8e0f011 .elementor-button:hover svg, .elementor-3987 .elementor-element.elementor-element-8e0f011 .elementor-button:focus svg{fill:var( --e-global-color-bd9d5b8 );}.elementor-3987 .elementor-element.elementor-element-677dad2{--display:flex;--min-height:95px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0 var(--mft-space-m);--row-gap:0;--column-gap:var(--mft-space-m);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3987 .elementor-element.elementor-element-677dad2.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-3987 .elementor-element.elementor-element-8db928c img{width:151px;max-width:151px;height:74px;}.elementor-3987 .elementor-element.elementor-element-c7e54a5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0 var(--mft-space-m);--row-gap:0;--column-gap:var(--mft-space-m);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3987 .elementor-element.elementor-element-c7e54a5.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-3987 .elementor-element.elementor-element-fe09876{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 24px;--row-gap:0px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3987 .elementor-element.elementor-element-1c46267{width:auto;max-width:auto;}.elementor-3987 .elementor-element.elementor-element-349753e .elementor-button{background-color:#02010100;font-family:var( --e-global-typography-5c843f5-font-family );font-size:var( --e-global-typography-5c843f5-font-size );font-weight:var( --e-global-typography-5c843f5-font-weight );text-transform:var( --e-global-typography-5c843f5-text-transform );line-height:var( --e-global-typography-5c843f5-line-height );fill:var( --e-global-color-bd9d5b8 );color:var( --e-global-color-bd9d5b8 );padding:0px 0px 0px 0px;}.elementor-3987 .elementor-element.elementor-element-349753e .elementor-button-content-wrapper{flex-direction:row;}.elementor-3987 .elementor-element.elementor-element-349753e .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-3987 .elementor-element.elementor-element-349753e .elementor-button:hover, .elementor-3987 .elementor-element.elementor-element-349753e .elementor-button:focus{color:var( --e-global-color-fc842eb );}.elementor-3987 .elementor-element.elementor-element-349753e .elementor-button:hover svg, .elementor-3987 .elementor-element.elementor-element-349753e .elementor-button:focus svg{fill:var( --e-global-color-fc842eb );}.elementor-3987 .elementor-element.elementor-element-8259e03{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-3987 .elementor-element.elementor-element-5a42dce{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:var(--mft-space-3xs);--padding-bottom:var(--mft-space-3xs);--padding-left:var(--mft-space-3xs);--padding-right:var(--mft-space-3xs);}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-3987 .elementor-element.elementor-element-7d66923.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-3987 .elementor-element.elementor-element-8e0f011 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-3987 .elementor-element.elementor-element-8db928c img{width:117px;max-width:315px;height:124px;}.elementor-3987 .elementor-element.elementor-element-c7e54a5.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-3987 .elementor-element.elementor-element-349753e .elementor-button{font-size:var( --e-global-typography-5c843f5-font-size );line-height:var( --e-global-typography-5c843f5-line-height );}}@media(max-width:767px){.elementor-3987 .elementor-element.elementor-element-78ac747{--padding-top:0;--padding-bottom:0;--padding-left:var(--mft-space-4xs);--padding-right:var(--mft-space-4xs);}.elementor-3987 .elementor-element.elementor-element-7d66923{--width:auto;--gap:0 var(--mft-space-2xs);--row-gap:0;--column-gap:var(--mft-space-2xs);--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:var(--mft-space-2xs);}.elementor-3987 .elementor-element.elementor-element-8e0f011 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-3987 .elementor-element.elementor-element-677dad2{--width:0%;--gap:0 var(--mft-space-2xs);--row-gap:0;--column-gap:var(--mft-space-2xs);}.elementor-3987 .elementor-element.elementor-element-8db928c{width:100%;max-width:100%;text-align:left;}.elementor-3987 .elementor-element.elementor-element-8db928c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3987 .elementor-element.elementor-element-8db928c img{width:94px;}.elementor-3987 .elementor-element.elementor-element-c7e54a5{--width:auto;}.elementor-3987 .elementor-element.elementor-element-fe09876{--width:200px;--min-height:0px;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-3987 .elementor-element.elementor-element-349753e .elementor-button{font-size:var( --e-global-typography-5c843f5-font-size );line-height:var( --e-global-typography-5c843f5-line-height );}}@media(min-width:768px){.elementor-3987 .elementor-element.elementor-element-7d66923{--width:40%;}.elementor-3987 .elementor-element.elementor-element-677dad2{--width:16%;}.elementor-3987 .elementor-element.elementor-element-c7e54a5{--width:40%;}.elementor-3987 .elementor-element.elementor-element-fe09876{--width:auto;}}/* Start custom CSS for container, class: .elementor-element-78ac747 *//*******************************/

/*********** HEADER ***********/

/*****************************/

/* match the transition of elements when changing colour on scrolling */
.elementor-element.mft-header.elementor-sticky.elementor-sticky--active .elementor-button,
.elementor-element.mft-header.elementor-sticky.elementor-sticky--active .elementor-nav-menu--main .elementor-nav-menu a {
    transition: none;
}

/* header shadow when sticky */
.elementor-element.mft-header.elementor-sticky.elementor-sticky--active.elementor-sticky--effects {
	background-color: var(--e-global-color-47eea86e);
}

body:not(.dialog-prevent-scroll) .mft-header.elementor-sticky--active.elementor-sticky--effects {
	box-shadow: 0px 0px 9px #0000002e;
}

/* animation scroll up - scroll down header */
body:not(:has(.mft-finder-fixed-top)) .mft-header[data-mft-toggle-scroll="false"].mft-offset-active {
	transform: translateY(-100%);
}

/* FORZAR HEADER SIEMPRE STICKY */
body .mft-header[data-mft-toggle-scroll="false"].mft-offset-active {
    transform: translateY(0) !important;
}


/* dividing line between items */
.mft-dividing-line-items .mft-item-header:not(:last-child):not(:only-child)::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
    background-color: white;
    opacity: 20%;
}

@media (max-width: 1024px) {
    .mft-dividing-line-items .mft-item-header:not(:last-child):not(:only-child)::after {
        right: 0;
    }
}

/***** HAMBURGER BUTTON *****/
.mft-hamburger-btn.elementor-button {
    padding: 3px 0 !important;
}

/* HAMBURGER BUTTON MENU TEXT - with font-size 0 text is hidden */
.mft-hamburger-btn.elementor-button .elementor-button-text {
    /*font-size: 0;*/
    padding-left: 60px;
    min-height: 31px;
    display: flex;
    align-items: center;
}

/* transition of the three-line animation hamburger button */
.mft-hamburger-btn.elementor-button .elementor-button-content-wrapper::before, 
.mft-hamburger-btn.elementor-button::before, 
.mft-hamburger-btn.elementor-button::after {
    transition: width 0.3s ease-in-out;
}

/* first line - top line */
.mft-hamburger-btn.elementor-button::before {
    content: "";
    position: absolute;
    width: 28px;
    height: 3px;
    background: white;
    top: 0;
    left: 0;
}

/* second line - middle line */
.mft-hamburger-btn.elementor-button .elementor-button-content-wrapper::before {
    content: "";
    position: absolute;
    width: 48px;
    height: 3px;
    background: white;
    top: 50%;
    transform: translateY(-50%);
    left: 0 !important;
}

/* third line - bottom line */
.mft-hamburger-btn.elementor-button::after {
    content: "";
    position: absolute;
    width: 38px;
    height: 3px;
    background: white;
    bottom: 0;
    left: 0;
}

/* animation / hover three lines hamburger button */
.mft-hamburger-btn.elementor-button:hover .elementor-button-content-wrapper::before, 
.mft-hamburger-btn.elementor-button:hover::before, 
.mft-hamburger-btn.elementor-button:hover::after {
    width: 48px;
    background: var(--e-global-color-fc842eb);
}

@media (max-width: 767px) {
    .mft-hamburger-btn.elementor-button {
        padding: 0;
    }

    /* HAMBURGER BUTTON MENU TEXT */
    .mft-hamburger-btn.elementor-button .elementor-button-text {
        font-size: 0;
        padding-left: 32px;
    }

    /* first line - top line */
    .mft-hamburger-btn.elementor-button::before {
        width: 12px;
    }

    /* second line - middle line */
    .mft-hamburger-btn.elementor-button .elementor-button-content-wrapper::before {
        width: 32px;
    }

    /* third line - bottom line */
    .mft-hamburger-btn.elementor-button::after {
        width: 22px;
    }

    .mft-hamburger-btn.elementor-button:hover .elementor-button-content-wrapper::before, 
    .mft-hamburger-btn.elementor-button:hover::before, 
    .mft-hamburger-btn.elementor-button:hover::after {
        width: 32px;
        background: var(--e-global-color-text);
    }
}

@media (max-width: 1530px) {
    /* hide displayed menu, language and phone number */
    .mft-hidden-menu,
    .mft-header .mft-hidden-item-header .wpml-ls-legacy-dropdown-click .wpml-ls-current-language a .wpml-ls-native,
    .mft-hidden-item-header.mft-item-header.elementor-button .elementor-button-text  {
        display: none;
    }
}

@media (min-width: 1025px) {
    .mft-item-header.elementor-element {
        position: relative;
    }
}

/**********************/
/***** CLUB LOGIN *****/
/**********************/

/***** color club login *****/

/* 1 - when you are not logged in -- 2 - when you are logged in */
.mft-header.elementor-sticky [data-role="login"] [data-role="content"],
.mft-header [data-mirai-component="session"] [data-role="menu"] [data-role="content"] {
    color: var(--e-global-color-bd9d5b8);
}

@media (hover: hover) and (pointer: fine) {
    /* 1 - hover color club login -- 2 - when you are logged in */
    .mft-header.elementor-sticky [data-role="login"]:hover [data-role="content"],
    .mft-header [data-mirai-component="session"] [data-role="menu"]:hover [data-role="content"] {
        color: var(--e-global-color-fc842eb);
    }

    /* UNDERLINE HOVER ITEMS MENU - button & club login*/
    .mft-item-header.elementor-button:hover::after,
    .mft-item-header.elementor-element:hover [data-mirai-component="session"]::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background: var(--e-global-color-fc842eb);
        bottom: -7px;
        left: 0;
    }
}

@media (max-width: 1025px) and (min-width: 767px) {
    /* Hide the club login text when you are logged in */
    .mft-item-header [data-mirai-component="session"] [data-role="account"] ui-pressable > [data-role="view"] [data-role="view"]:nth-child(2) {
        display: none;
    }
}

/***** BUTTON AND CLUB LOGIN BEHAVIOUR FROM TABLETS *****/

@media (max-width: 1025px) {
    /* size clickable area of icons and centred icons */
    .mft-item-header,
    .mft-item-header [data-role="login"] [data-role="content"],
    .mft-item-header [data-mirai-component="session"] [data-role="account"],
    .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
        width: 48px;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::before {
        left: 50% !important;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    /* font size icons */
    .mft-item-header .elementor-button-icon,
    .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::before {
        font-size: 25px;
    }

    .mft-item-header [data-role="login"] [data-role="content"]:first-child {
        font-size: 29px;
    }

    /* hide text acceder login club in tb */
	[data-role="login"] [data-role="content"]:last-child {
		display: none;
	}

    /* hide the phone number in tb */
    .mft-item-header.elementor-button .elementor-button-text  {
        display: none;
    }
}

/***** STYLES FOR THE TRANSPARENT HEADER *****/
/* transparent header and white colour */
body:not(.elementor-editor-active) .mft-header.mft-header-transparent.elementor-sticky:not(.elementor-sticky--effects) {
    background-color: transparent !important;
    --e-global-color-bd9d5b8: var(--e-global-color-47eea86e);
    fill: var(--e-global-color-47eea86e);
}

.mft-header.mft-header-transparent .wpml-ls-legacy-dropdown-click a.wpml-ls-link {
    --e-global-color-bd9d5b8: var(--e-global-color-bd9d5b8);
    fill: var(--e-global-color-bd9d5b8);
}

.mft-header.mft-header-transparent.elementor-sticky.elementor-sticky--effects {
    background-color: rgba(255, 255, 255, 0.60) !important;  
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10);
}

.mft-header.mft-header-transparent.elementor-sticky.elementor-sticky--effects:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(15px);
}

body:not(.elementor-editor-active) .mft-header.mft-header-transparent.elementor-sticky:not(.elementor-sticky--effects) .mft-logo-header {
    filter: brightness(0) invert(1);
}

.mft-header.elementor-sticky--active.elementor-sticky--effects {
    background-color: #F9F6F3 !important;
}


/***** FINDER FIXED ******/
.mft-wrapper-finder-header {
    pointer-events: none;
}

.elementor-widget-Mirai-Finder {
    pointer-events: all;
}

.mft-wrapper-finder-header .elementor-widget-Mirai-Finder [data-mirai-component="finder"] > [data-role="finder"] {
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10);
}

/* FINDER FIXED BOTTOM */
.mft-wrapper-finder-header .mft-finder-fixed-bottom {
    position: fixed;
    bottom: -150px;
    z-index: 99;
    transition: all .5s ease;
}

body:not(:is(.cat-room-detail, .cat-offer-detail)) .mft-wrapper-finder-header.mft-offset-active .mft-finder-fixed-bottom {
    bottom: 0;
}

/* FINDER FIXED TOP */
.mft-wrapper-finder-header .mft-finder-fixed-top {
    position: fixed;
    top: -150px;
    z-index: 98;
    transition: all .5s ease;
}

body:not(:is(.cat-room-detail, .cat-offer-detail)) .mft-wrapper-finder-header.mft-offset-active .mft-finder-fixed-top {
    top: var(--mft-min-height-header);
}

@media(max-width: 1024px) {
    .mft-wrapper-finder-header .mft-finder-fixed-bottom {
       bottom: 0;
    }
}

/* FINDER HERO 4 PERFORMANCE */
@media (max-width: 1500px) {
    .mft-hero-4 .mft-wrapper-finder {
        display: none;
    }

    body:has(.mft-hero-4) .mft-wrapper-finder-header .mft-finder-fixed-bottom {
        bottom: 0;
    }

    body:has(.mft-hero-4) .mft-wrapper-finder-header .mft-finder-fixed-top {
        top: var(--mft-min-height-header);
    }
}

/* ===== COLORES ===== */



/* LOGO ARRIBA -> BLANCO */
body:not(.elementor-editor-active)
.mft-header:not(.elementor-sticky--effects)
.elementor-widget-theme-site-logo img {
    filter: brightness(0) invert(1) !important;
}

/* LOGO STICKY -> NEGRO */
.mft-header.elementor-sticky--effects .elementor-widget-theme-site-logo img,
.elementor-sticky--effects .elementor-widget-theme-site-logo img {
    filter: brightness(0) !important;
}

/* =============================
   HEADER ARRIBA (BLANCO)
============================= */

body:not(.elementor-editor-active)
.mft-header:not(.elementor-sticky--effects) {
    background: transparent !important;
    color: #fff !important;
}

/* Menu */
body:not(.elementor-editor-active)
.mft-header:not(.elementor-sticky--effects)
.elementor-nav-menu--main .elementor-item {
    color: #fff !important;
}

/* Iconos / textos */
body:not(.elementor-editor-active)
.mft-header:not(.elementor-sticky--effects)
.mft-item-header,
body:not(.elementor-editor-active)
.mft-header:not(.elementor-sticky--effects)
.mft-dividing-line-items,
body:not(.elementor-editor-active)
.mft-header:not(.elementor-sticky--effects)
.mft-hidden-item-header {
    color: #fff !important;
}

/* WPML idiomas */
body:not(.elementor-editor-active)
.mft-header:not(.elementor-sticky--effects)
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle,
body:not(.elementor-editor-active)
.mft-header:not(.elementor-sticky--effects)
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::before {
    color: #fff !important;
    fill: #fff !important;
}

/* Login */
body:not(.elementor-editor-active)
.mft-header:not(.elementor-sticky--effects)
[data-role="login"] [data-role="content"],
body:not(.elementor-editor-active)
.mft-header:not(.elementor-sticky--effects)
[data-mirai-component="session"] [data-role="menu"] [data-role="content"] {
    color: #fff !important;
}

/* Hamburguesa */
body:not(.elementor-editor-active)
.mft-header:not(.elementor-sticky--effects)
.mft-hamburger-btn::before,
body:not(.elementor-editor-active)
.mft-header:not(.elementor-sticky--effects)
.mft-hamburger-btn::after,
body:not(.elementor-editor-active)
.mft-header:not(.elementor-sticky--effects)
.mft-hamburger-btn .elementor-button-content-wrapper::before {
    background: #fff !important;
}

/* HAMBURGUESA -> NEGRA EN STICKY */
.mft-header.elementor-sticky--active.elementor-sticky--effects 
.mft-hamburger-btn.elementor-button::before,
.mft-header.elementor-sticky--active.elementor-sticky--effects 
.mft-hamburger-btn.elementor-button .elementor-button-content-wrapper::before,
.mft-header.elementor-sticky--active.elementor-sticky--effects 
.mft-hamburger-btn.elementor-button::after {
    background: #000 !important;
}

@media (max-width: 1024px) {

  .mft-header .elementor-widget-theme-site-logo {
      flex: 0 0 auto;
      display: flex;
      align-items: center;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      z-index: 5;
  }

  .mft-header .elementor-widget-theme-site-logo img {
      max-height: 46px;
      width: auto;
  }

  .mft-header .elementor-container,
  .mft-header .elementor-column {
      display: flex;
      align-items: center;
  }

  .mft-header {
      min-height: 70px;
  }
}
/* OCULTAR TEXTO "MENU" EN TODAS LAS VISTAS */
.mft-hamburger-btn.elementor-button .elementor-button-text,
.mft-hamburger-btn.elementor-button:hover .elementor-button-text,
.mft-hamburger-btn.elementor-button:focus .elementor-button-text,
.mft-hamburger-btn.elementor-button:active .elementor-button-text {
    visibility: hidden !important;
}/* End custom CSS */