.elementor-kit-1397{--e-global-color-primary:#004055;--e-global-color-secondary:#697100;--e-global-color-accent:#1986AA;--e-global-color-text:#202020;--e-global-color-52235058:#000B0E;--e-global-color-13f4851a:#00232F;--e-global-color-6cb047a:#93D2E6;--e-global-color-c192f6c:#D9EAEF;--e-global-color-d2ec73e:#262900;--e-global-color-cde7fbb:#414600;--e-global-color-ca1687a:#979D40;--e-global-color-9c3eef3:#C4C792;--e-global-color-f79e654:#F7F8F1;--e-global-color-21f8c9b7:#222222;--e-global-color-d9f1a36:#484848;--e-global-color-485e56c:#999999;--e-global-color-610777e:#E4E4E4;--e-global-color-15b9b07:#F6F6F6;--e-global-color-47eea86e:#FFF;--e-global-color-bd9d5b8:#FFFFFF;--e-global-color-fc842eb:#BBD2ED;--e-global-color-880fc45:#202020;--e-global-color-7c519eb:#FFFFFF00;--e-global-typography-primary-font-family:"Afacad";--e-global-typography-primary-font-size:clamp(40px, calc(40px + (96 - 40) * ((100vw - 1180px) / (1920 - 1180))), 96px);--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Afacad";--e-global-typography-secondary-font-size:clamp(36px, calc(36px + (72 - 36) * ((100vw - 1180px) / (1920 - 1180))), 72px);--e-global-typography-secondary-font-weight:400;--e-global-typography-accent-font-family:"Afacad";--e-global-typography-accent-font-size:clamp(32px, calc(32px + (56 - 32) * ((100vw - 1180px) / (1920 - 1180))), 56px);--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.1;--e-global-typography-text-font-family:"Figtree";--e-global-typography-text-font-size:clamp(16px, calc(16px + (18 - 16) * ((100vw - 1180px) / (1920 - 1180))), 18px);--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5;--e-global-typography-962030d-font-family:"Afacad";--e-global-typography-962030d-font-size:clamp(24px, calc(24px + (40 - 24) * ((100vw - 1180px) / (1920 - 1180))), 40px);--e-global-typography-962030d-font-weight:400;--e-global-typography-962030d-line-height:1.1;--e-global-typography-4d3a7db-font-family:"Afacad";--e-global-typography-4d3a7db-font-size:clamp(24px, calc(24px + (32 - 24) * ((100vw - 1180px) / (1920 - 1180))), 32px);--e-global-typography-4d3a7db-font-weight:400;--e-global-typography-4d3a7db-text-transform:uppercase;--e-global-typography-4d3a7db-line-height:1.1;--e-global-typography-fcce242-font-family:"Figtree";--e-global-typography-fcce242-font-size:clamp(20px, calc(20px + (22 - 20) * ((100vw - 1180px) / (1920 - 1180))), 22px);--e-global-typography-fcce242-font-weight:400;--e-global-typography-fcce242-line-height:1.5;--e-global-typography-013566d-font-family:"Figtree";--e-global-typography-013566d-font-size:clamp(14px, calc(14px + (16 - 14) * ((100vw - 1180px) / (1920 - 1180))), 16px);--e-global-typography-013566d-font-weight:400;--e-global-typography-013566d-line-height:1.5;--e-global-typography-8035a56-font-family:"Poppins";--e-global-typography-8035a56-font-size:clamp(12px, calc(12px + (14 - 12) * ((100vw - 1180px) / (1920 - 1180))), 14px);--e-global-typography-8035a56-font-weight:400;--e-global-typography-8035a56-line-height:1.5;--e-global-typography-6d2edf1-font-family:"Figtree";--e-global-typography-6d2edf1-font-size:clamp(16px, calc(16px + (18 - 16) * ((100vw - 1180px) / (1920 - 1180))), 18px);--e-global-typography-6d2edf1-font-weight:600;--e-global-typography-179695a-font-family:"Figtree";--e-global-typography-179695a-font-size:clamp(12px, calc(12px + (14 - 12) * ((100vw - 1180px) / (1920 - 1180))), 14px);--e-global-typography-179695a-font-weight:600;--e-global-typography-3ed5403-font-family:"Afacad";--e-global-typography-3ed5403-font-size:clamp(32px, calc(32px + (56 - 32) * ((100vw - 1180px) / (1920 - 1180))), 56px);--e-global-typography-3ed5403-font-weight:400;--e-global-typography-3ed5403-line-height:1.1;--e-global-typography-5c843f5-font-family:"Figtree";--e-global-typography-5c843f5-font-size:clamp(16px, calc(16px + (18 - 16) * ((100vw - 1180px) / (1920 - 1180))), 18px);--e-global-typography-5c843f5-font-weight:500;--e-global-typography-5c843f5-line-height:1;--e-global-typography-c9a8330-font-family:"Figtree";--e-global-typography-c9a8330-font-size:clamp(14px, calc(14px + (14 - 14) * ((100vw - 1180px) / (1920 - 1180))), 14px);--e-global-typography-c9a8330-font-weight:500;background-color:var( --e-global-color-primary );color:var( --e-global-color-text );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 );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-1397 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1397 h1{font-size:3.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1600px;}.e-con{--container-max-width:1600px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1200px){.elementor-kit-1397{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-1397{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0;--container-default-padding-right:0;--container-default-padding-bottom:0;--container-default-padding-left:0;}}/* Start custom CSS *//*--- anthologyhotels.com ---*/
/* General */
html {
    overflow-x: hidden;
}

.elementor-popup-modal {
    max-height: 100svh;
    min-height: 100svh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.elementor-popup-modal .dialog-widget-content {
    overflow-y: auto!important;
    overflow-x: hidden!important;
    -webkit-overflow-scrolling: touch!important;
}

body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F7F7F7;
}
body::-webkit-scrollbar {
	width: 12px;
	background-color: #F7F7F7;
}
body::-webkit-scrollbar-thumb {
	background-color: var(--e-global-color-primary);
	border: 2px solid #F7F7F7;
}

.elementor-icon-wrapper,
.elementor-button-icon,
.elementor-icon-box-icon,
.elementor-button-wrapper {
    display: flex!important;
    justify-content: center;
    align-items: center;
}

p {
    margin: 0;
}



/* Tipografía */
/*-- Afacad --*/
.title-popup h2,
.title-popup h3,
.menu-vert li a,
.menu-vert li a span,
.cont-titles .pretitle,
.cont-titles .primary-title,
.cont-titles .secondary-title,
.cont-titles .subtitle,
.cont-text.text-l,
.cont-text.text-l div,
.cont-text.text-l p,
.cont-text.text-l span,
.cont-text.text-l a,
#main .rooms-listing-wrapper h2,
#main .rooms-listing-wrapper h3 a,
#main .rooms-detail-wrapper h2,
#main .rooms-detail-wrapper h3,
#main .offers-listing-wrapper h2,
#main .offers-listing-wrapper h3,
#main .offers-detail-wrapper .detail-description h2,
#main .offers-detail-wrapper .detail-description h3 {
    font-family: "Afacad", sans-serif!important;
    line-height: 110%!important;
}

/*-- Figtree --*/
#header .wpml-ls-legacy-dropdown-click a,
#header .wpml-ls-legacy-dropdown-click a span,
.popup-menu .wpml-ls-legacy-dropdown-click a,
.popup-menu .wpml-ls-legacy-dropdown-click a span,
#header .hover-header .vcard-header a,
#header .hover-header .mirai-club span.login,
#header .hover-header .mirai-club .login span,
#finder ui-finder > ui-button,
.popup-adv-site .mirai-club ui-pressable[data-role="login"] .login .login-text,
.titles-list,
.items-list,
.items-list a,
.items-list-xs,
.items-list-xs a,
#footer-site .items-list-xs ui-pressable > ui-text,
.mft-legal-footer #developed-wrapper,
.btn-site a,
.btn-site a span,
.menu-hor a,
.menu-hor span,
.menu-hor .item-menu-hor ui-pressable > ui-text {
    font-family: "Figtree", sans-serif!important;
    line-height: 110%!important;
}
.cont-text,
.cont-text div,
.cont-text p,
.cont-text span,
.cont-text a,
#main .offers-listing-wrapper.no-offers p {
    font-family: "Figtree", sans-serif!important;
    line-height: 150%!important;
}
/*--- styles ---*/
.cont-titles .primary-title {
    font-size: var(--font-size-2xxxl)!important; /* 96px - 40px */
}
.cont-titles .secondary-title,
#main .rooms-listing-wrapper h2,
#main .rooms-listing-wrapper h3 a,
#main .rooms-detail-wrapper h2,
#main .rooms-detail-wrapper h3,
#main .offers-listing-wrapper h2,
#main .offers-detail-wrapper .detail-description h2 {
   font-size: var(--font-size-1xxxl)!important; /* 72px - 36px */
}
.menu-vert li a,
.menu-vert li a span,
.cont-titles.title-legal .secondary-title {
    font-size: var(--font-size-xxl)!important; /* 56px - 32px */
}
.title-popup h3,
.cont-text.text-l,
.cont-text.text-l div,
.cont-text.text-l p,
.cont-text.text-l span,
.cont-text.text-l a,
.cont-titles .subtitle {
    font-size: var(--font-size-xl)!important; /* 40px - 24px */
}
.title-popup h2,
.cont-titles .pretitle,
#main .rooms-detail-wrapper .offers-listing .offer-text h3,
#main .offers-listing-wrapper .offers-listing h3,
#main .offers-detail-wrapper .detail-description h3 {
    font-size: var(--font-size-l)!important; /* 32px - 24px */
}
.submenu-vert.menu-vert li a,
.submenu-vert.menu-vert li a span {
    font-size: var(--font-size-ml)!important; /* 32px - 16px */
}
#header .wpml-ls-legacy-dropdown-click a,
#header .wpml-ls-legacy-dropdown-click a span,
.popup-menu .wpml-ls-legacy-dropdown-click a,
.popup-menu .wpml-ls-legacy-dropdown-click a span,
#header .hover-header .vcard-header a,
#header .hover-header .mirai-club span.login,
#header .hover-header .mirai-club .login span,
#finder ui-finder > ui-button,
.popup-adv-site .mirai-club ui-pressable[data-role="login"] .login .login-text,
.titles-list,
.items-list,
.items-list a,
.items-list span,
.items-list p,
.items-list div,
.btn-site a,
.btn-site a span,
.menu-hor a,
.menu-hor span,
.menu-hor .item-menu-hor ui-pressable > ui-text,
.cont-text,
.cont-text div,
.cont-text p,
.cont-text span,
.cont-text a,
#main .offers-listing-wrapper.no-offers p {
    font-size: var(--font-size-s)!important; /* 18px - 16px */
}
.text-card .cont-text,
.text-card .cont-text div,
.text-card .cont-text p,
.text-card .cont-text span,
.text-card .cont-text a {
    font-size: var(--font-size-1xs)!important;  /* 16px - 14px */
}
.items-list-xs,
.items-list-xs a,
.items-list-xs span,
.items-list-xs p,
.items-list-xs div,
#footer-site .items-list-xs ui-pressable > ui-text {
    font-size: var(--font-size-xs); /* 14px - 12px */
}
.titles-list,
.mft-legal-footer #developed-wrapper a {
    font-weight: 700!important;
}
#finder ui-finder > ui-button,
.btn-site a,
.btn-site a span,
.popup-adv-site .mirai-club ui-pressable[data-role="login"] .login .login-text {
    font-weight: 600!important;
}
#header .wpml-ls-legacy-dropdown-click a,
#header .wpml-ls-legacy-dropdown-click a span,
.popup-menu .wpml-ls-legacy-dropdown-click a,
.popup-menu .wpml-ls-legacy-dropdown-click a span,
#header .hover-header .vcard-header a,
#header .hover-header .mirai-club span.login,
#header .hover-header .mirai-club .login span,
.items-list,
.items-list a,
.items-list-xs,
.items-list-xs a,
#footer-site .items-list-xs ui-pressable > ui-text,
.menu-hor a,
.menu-hor span,
.menu-hor .item-menu-hor ui-pressable > ui-text {
    font-weight: 500!important;
}
.title-popup h2,
.title-popup h3,
.menu-vert li a,
.menu-vert li a span,
.cont-titles .pretitle,
.cont-titles .primary-title,
.cont-titles .secondary-title,
.cont-titles .subtitle,
.cont-text,
.cont-text div,
.cont-text p,
.cont-text span,
.cont-text a,
#main .offers-listing-wrapper.no-offers p,
#main .rooms-listing-wrapper h2,
#main .rooms-listing-wrapper h3 a,
#main .rooms-detail-wrapper h2,
#main .rooms-detail-wrapper h3,
#main .offers-listing-wrapper h2,
#main .offers-listing-wrapper h3,
#main .offers-detail-wrapper .detail-description h2,
#main .offers-detail-wrapper .detail-description h3,
.mft-legal-footer #developed-wrapper {
    font-weight: 400!important;
}



/* Headings */
.all-heros {
    position: relative;
}
.all-heros .cont-titles {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.cont-titles,
.cont-titles .e-con-inner,
.cont-titles > div {
    display: flex;
    justify-content: center;
    align-items: center;
}
.cont-titles.p-left,
.cont-titles.p-left .e-con-inner,
.cont-titles.p-left > div {
    align-items: flex-start;
}
body:not(.cat-home) .all-heros .logo-site {
    display: none;
}
.cont-titles.cont-duo,
.cont-titles.cont-duo .e-con-inner,
.cont-titles.cont-duo > div {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.all-heros .cont-titles,
.all-heros .cont-titles .e-con-inner,
.all-heros .cont-titles > div {
    gap: 0;
}
.cont-titles.titles-section,
.cont-titles.titles-section .e-con-inner,
.cont-titles.titles-section > div {
    gap: 8px;
}
.cont-titles .pretitle {
    text-transform: uppercase;
}
.cont-titles .pretitle,
.cont-titles .primary-title,
.cont-titles .secondary-title {
    color: var(--mirai-wp-text);
}
.all-heros .cont-titles .pretitle,
.all-heros .cont-titles .primary-title,
.bg-opacity .cont-titles.titles-section .pretitle,
.bg-opacity .cont-titles.titles-section .primary-title,
.bg-opacity .cont-titles.titles-section .secondary-title {
    color: var(--mirai-wp-white);
}
.cont-titles.titles-section .pretitle {
    color: var(--mirai-wp-Primary);
}
.cont-titles.titles-section .subtitle {
    color: var(--mirai-ui-conten);
}



/* Icons site */
/*-- RRSS --*/ 
#footer-site .rrss-site a,
#footer-site .rrss-site a i::before,
#footer-site .rrss-site a svg,
#footer-site .rrss-site a svg path {
    transition: all 0.35s ease;
}
#footer-site .rrss-site a {
    background-color: var(--e-global-color-primary);
}
#footer-site .rrss-site a i::before,
#footer-site .rrss-site a svg,
#footer-site .rrss-site a svg path {
    color: var(--e-global-color-c192f6c);
    fill: var(--e-global-color-c192f6c);
}
#footer-site .rrss-site a:is(:hover, :focus-visible) {
    background-color: var(--e-global-color-c192f6c);
}
#footer-site .rrss-site a:is(:hover, :focus-visible) i::before,
#footer-site .rrss-site a:is(:hover, :focus-visible) svg,
#footer-site .rrss-site a:is(:hover, :focus-visible) svg path {
    color: var(--e-global-color-primary);
    fill: var(--e-global-color-primary);
}
#footer-site .menu-divider {
    max-width: 1px;
    height: 14px;
}
#footer-site .menu-divider .elementor-divider {
    padding: 0;
    margin: 0;
}



/* Botones */
.item-link {
    cursor: pointer;
}
.btn-site a,
#main  .rooms-listing .room-item .room-box .room-content a {
    position: relative;
    padding: 16px 24px!important;
    cursor: pointer;
}
.btn-site a,
.btn-site a span {
    line-height: 100%!important;
    text-decoration: none;
}
.btn-site a,
.btn-site a span,
.btn-site.btn-transparent a svg,
.btn-site.btn-transparent a svg path {
    transition: all 0.35s ease;
}
/*-- Estilos de botones --*/
/*----- Botón con icono -----*/
.btn-site.btn-svg a svg,
.btn-site.btn-svg a svg path {
    width: 16px;
    height: 16px;
}
/*----- button arrow -----*/
.btn-site.btn-i a {
    position: relative;
    width: max-content;
    background-color: transparent;
}
.btn-site.btn-i a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s ease;
}
.btn-site.btn-i a:is(:hover, :focus-visible) {
    padding: 16px 48px 16px 24px!important;
}
.btn-site.btn-i a:is(:hover, :focus-visible)::after {
    opacity: 1;
    visibility: visible;
}
/*----- line bottom -----*/
.btn-site.line-bottom a {
    position: relative;
    width: max-content;
    background-color: transparent;
    padding: 0!important;
}
.btn-site.line-bottom a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 2px;
    transition: all 0.35s ease;
}
.btn-site.line-bottom a::after {
    right: 0;
}
.btn-site.line-bottom a:is(:hover, :focus-visible) {
    padding: 0 24px 0 0!important;
}
/*----- line bottom primary -----*/
.btn-site.line-bottom.l-primary a,
.btn-site.line-bottom.l-primary a span,
.btn-site.line-bottom.l-primary a svg,
.btn-site.line-bottom.l-primary a svg path {
    color: var(--mirai-wp-Primary);
    fill: var(--mirai-wp-Primary);
}
.btn-site.line-bottom a::before {
    background-color: var(--mirai-wp-Primary);
}
.btn-site.btn-i.l-primary a::after {
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/2046/arrow-primary.svg");
}
/*----- line bottom white -----*/
.btn-site.line-bottom.l-white a,
.btn-site.line-bottom.l-white a span,
.btn-site.line-bottom.l-white a svg,
.btn-site.line-bottom.l-white a svg path {
    color: var(--mirai-wp-white);
    fill: var(--mirai-wp-white);
}
.btn-site.line-bottom.l-white a::before {
    background-color: var(--mirai-wp-white);
}
.btn-site.btn-i.l-white a::after {
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/2046/arrow.svg");
}
/*----- line bottom white -----*/
/*----- btn line bg -----*/
.btn-site.btn-line.btn-white.bg-dark a,
.btn-site.btn-line.btn-primary.bg-dark a,
.btn-site.btn-line.line-primary.bg-dark a {
    background-color: #00000099;
}
/*----- white line -----*/
.btn-site.btn-line.btn-white a {
    border: 2px solid var(--mirai-wp-white);
    background-color: transparent;
}
.btn-site.btn-i.btn-white a::after {
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/2046/arrow.svg");
}
.btn-site.btn-line.btn-white a,
.btn-site.btn-line.btn-white a span,
.btn-site.btn-line.btn-white a svg,
.btn-site.btn-line.btn-white a svg path {
    color: var(--mirai-wp-white);
    fill: var(--mirai-wp-white);
}
.btn-site.btn-line.btn-white a:is(:hover, :focus-visible) {
    background-color: var(--mirai-wp-Primary);
    border: 2px solid var(--mirai-wp-Primary);
}
/*----- primary line -----*/
.btn-site.btn-line.btn-primary a,
.btn-site.btn-line.line-primary a {
    border: 2px solid var(--mirai-wp-Primary);
}
.btn-site.btn-i.btn-primary a::after,
.btn-site.btn-i.line-primary a::after {
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/2046/arrow.svg");
}
.btn-site.btn-line.btn-primary a,
.btn-site.btn-line.btn-primary a span,
.btn-site.btn-line.btn-primary a svg,
.btn-site.btn-line.btn-primary a svg path,
.btn-site.btn-line.line-primary a,
.btn-site.btn-line.line-primary a span,
.btn-site.btn-line.line-primary a svg,
.btn-site.btn-line.line-primary a svg path {
    color: var(--mirai-wp-Primary);
    fill: var(--mirai-wp-Primary);
}
.btn-site.btn-line.btn-primary a:is(:hover, :focus-visible),
.btn-site.btn-line.line-primary a:is(:hover, :focus-visible) {
    background-color: var(--mirai-wp-Primary);
}
.btn-site.btn-line.btn-primary a:is(:hover, :focus-visible),
.btn-site.btn-line.btn-primary a:is(:hover, :focus-visible) span,
.btn-site.btn-line.btn-primary a:is(:hover, :focus-visible) svg,
.btn-site.btn-line.btn-primary a:is(:hover, :focus-visible) svg path,
.btn-site.btn-line.line-primary a:is(:hover, :focus-visible),
.btn-site.btn-line.line-primary a:is(:hover, :focus-visible) span,
.btn-site.btn-line.line-primary a:is(:hover, :focus-visible) svg,
.btn-site.btn-line.line-primary a:is(:hover, :focus-visible) svg path {
    color: var(--mirai-wp-white);
    fill: var(--mirai-wp-white);
}
/*----- bg primary -----*/
.btn-site.btn-bg.btn-primary a {
    border: none;
    background-color: var(--mirai-wp-Primary);
}
.btn-site.btn-i.btn-primary a::after {
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/2046/arrow.svg");
}
.btn-site.btn-bg.btn-primary a,
.btn-site.btn-bg.btn-primary a span,
.btn-site.btn-bg.btn-primary a svg,
.btn-site.btn-bg.btn-primary a svg path {
    color: var(--mirai-wp-white);
    fill: var(--mirai-wp-white);
}
.btn-site.btn-bg.btn-primary a:is(:hover, :focus-visible) {
    border: none;
    background-color: var(--mirai-wp-Primary-dark);
}
/*----- Botón con bordes white y bg transparente -----*/
.btn-site.btn-transparent.white a {
    width: max-content;
    background-color: transparent;
    border: 2px solid var(--mirai-wp-white);
}
.btn-site.btn-transparent.white a,
.btn-site.btn-transparent.white a span,
.btn-site.btn-transparent.white a svg,
.btn-site.btn-transparent.white a svg path {
    color: var(--mirai-wp-white);
    fill: var(--mirai-wp-white);
}
.btn-site.btn-transparent.white a:is(:hover, :focus-visible) {
    border: 2px solid var(--e-global-color-primary);
    background-color: var(--e-global-color-primary);
}
.btn-site.btn-transparent.white a:is(:hover, :focus-visible),
.btn-site.btn-transparent.white a:is(:hover, :focus-visible) span,
.btn-site.btn-transparent.white a:is(:hover, :focus-visible) svg,
.btn-site.btn-transparent.white a:is(:hover, :focus-visible) svg path {
    color: var(--mirai-wp-white);
    fill: var(--mirai-wp-white);
}
/*----- Botón con bg primary -----*/
.btn-site.btn-bg a {
    width: max-content;
    background-color: var(--e-global-color-primary);
    border: 2px solid var(--e-global-color-primary);
}
.btn-site.btn-bg a,
.btn-site.btn-bg a span,
.btn-site.btn-bg a svg,
.btn-site.btn-bg a svg path {
    color: var(--mirai-wp-white);
    fill: var(--mirai-wp-white);
}
.btn-site.btn-bg a:is(:hover, :focus-visible) {
    background-color: #00545B;
    border: 2px solid #00545B;
}
.btn-site.btn-bg a:is(:hover, :focus-visible),
.btn-site.btn-bg a:is(:hover, :focus-visible) span,
.btn-site.btn-bg a:is(:hover, :focus-visible) svg,
.btn-site.btn-bg a:is(:hover, :focus-visible) svg path {
    color: var(--mirai-wp-white);
    fill: var(--mirai-wp-white);
}



/* Containers */
/*-- cont size --*/
.size-cont-m {
    width: 100%;
    max-width: 1280px;
}
/*-- Style --*/
.cont-section {
    padding: var(--mft-space-4xl) var(--mft-space-s);
}
.cont-section.bg-opacity,
.cont-section.bg-opacity p,
.cont-section.bg-opacity a,
.cont-section.bg-opacity div,
.cont-section.bg-opacity svg,
.cont-section.bg-opacity svg path {
    color: var(--mirai-wp-white);
    fill: var(--mirai-wp-white)
}
.cont-text {
 gap: var(--mft-space-3xs);
}
/*-- Container bg img --*/
.cont-img,
.cont-img #map-wrapper {
    min-height: 66svh;
    max-height: 100%;
}
.cont-img-l,
.cont-img-l #map-wrapper {
    min-height: 79svh;
    max-height: 100%;
}
.cont-gallery {
    min-height: 82.3svh;
    max-height: 100%;
}
/* Containers Grid */
.cont-table {
    grid-template-columns: repeat(6, max-content)!important;
}
.cont-table .info-table {
    padding: 12px;
}
.cont-table .info-table:not(:nth-child(6n + 1)) {
    border-left: 1px solid #E4E4E4;
}
.cont-table .info-table:nth-child(6n + 1) {
    padding-left: 0;
}



/* Forms */
.mft-form-style a {
    color: var(--mirai-wp-text);
    text-decoration: underline;
    transition: all 0.35s ease;
}
.mft-form-style a:is(:hover, :focus-visible) {
    color: var(--mirai-wp-Primary);
    text-decoration: underline;
}



/* Carousel */
.carousel-site,
.carousel-site .e-n-carousel {
    height: 100%!important;
}
/*-- Dots --*/
.carousel-site .swiper-pointer-events {
    padding: 0!important;
}
.carousel-site .swiper {
    padding-bottom: 0!important;
}
.carousel-site .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding-bottom: 32px;
}
.carousel-site.icons-cont > .elementor-widget-container {
    position: relative;
    display: block;
}
.carousel-site.icons-cont .swiper-pagination:has(span + span) {
    position: relative;
    margin-top: 32px;
    padding-bottom: 0;
}
.carousel-site.dotsout .swiper-pagination:has(span + span) {
    position: relative;
    margin-top: 54px;
    padding-bottom: 0;
}
.carousel-site.dots-large .swiper-pagination-bullet {
    width: 16px!important;
    height: 4px!important;
    border-radius: 8px!important;
    margin: 0!important;
    opacity: 1!important;
    transition: all 0.35s ease;
}
.carousel-site .swiper-pagination-bullet {
    background-color: var(--mirai-ui-content)!important;
}
.carousel-site.icons-cont .swiper-pagination-bullet {
    background-color: var(--mirai-ui-accent-border)!important;
}
.carousel-site .swiper-pagination-bullet:is(:hover, :focus-visible),
.carousel-site .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--mirai-wp-Primary-light)!important;
}
.carousel-site.dots-large .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 48px!important;
}
/*-- arrows --*/
.carousel-site .elementor-swiper-button {
    top: 50%!important;
    transform: translateY(-50%)!important;
    padding: 16px;
    border-radius: 50%;
    background-color: #ffffffa6;
    box-shadow: 0px 0px 16px 0px #00000029;
    transition: all 0.35s ease;
}
.carousel-site .elementor-swiper-button.elementor-swiper-button-prev {
    left: -72px!important;
}
.carousel-site .elementor-swiper-button.elementor-swiper-button-next {
    right: -72px!important;
}
.carousel-site .elementor-swiper-button svg {
    width: 24px!important;
    height: 24px!important;
}
.carousel-site .elementor-swiper-button svg,
.carousel-site .elementor-swiper-button svg path {
    color: var(--mirai-wp-text);
    fill: var(--mirai-wp-text);
    transition: all 0.35s ease;
}
/*-- Arrows bottom --*/
.carousel-site.arrow-bottom .elementor-swiper-button {
    top: initial!important;
    bottom: 68px!important;
    padding: 16px;
    border-radius: 50%;
}
.carousel-site.arrow-bottom .elementor-swiper-button.elementor-swiper-button-prev {
    left: calc(50% - 40px)!important;
    transform: translateX(-50%)!important;
}
.carousel-site.arrow-bottom .elementor-swiper-button.elementor-swiper-button-next {
    right: calc(50% - 40px)!important;
    transform: translateX(50%)!important;
}
/*-- Arrows hover --*/
.carousel-site .elementor-swiper-button:is(:hover, :focus-visible) {
    background-color: var(--mirai-wp-Primary);
}
.carousel-site .elementor-swiper-button:is(:hover, :focus-visible) svg,
.carousel-site .elementor-swiper-button:is(:hover, :focus-visible) svg path {
    color: var(--mirai-wp-white);
    fill: var(--mirai-wp-white);
}
/* Icon list */
.icons-cont .cell-icon-carousel .elementor-icon-box-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}



/* Cards */
.hotel-card {
    position: relative;
    min-height: 565px;
    padding: var(--mft-space-1l) var(--mft-space-xs);
    overflow: hidden;
}
.hotel-card.icons-card {
    padding: var(--mft-space-1l) 16px;
}
.hotel-card.text-card {
    min-height: 512px;
}
.hotel-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(20, 20, 20, 0.8) 0%,
        rgba(20, 20, 20, 0.1) 65%,
        rgba(20, 20, 20, 0) 100%
    );
    z-index: 0;
}
.hotel-card.text-card::after {
    background: linear-gradient(
        to top,
        rgba(20, 20, 20, 0.8) 10%,
        rgba(20, 20, 20, 0.3) 55%,
        rgba(20, 20, 20, 0) 100%
    );
}
.hotel-card.card-transition::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(20, 20, 20, 0.8);
    opacity: 0;
    transition: opacity 0.55s ease;
    z-index: 0;
}
.hotel-card .detail-info-hotel.mail-hotel,
.hotel-card .detail-info-hotel.mail-hotel div,
.hotel-card .detail-info-hotel.mail-hotel p,
.hotel-card .detail-info-hotel.mail-hotel span,
.hotel-card .detail-info-hotel.mail-hotel a {
    word-break: break-all;
}
.hotel-card,
.hotel-card div,
.hotel-card p,
.hotel-card span,
.hotel-card a,
.hotel-card svg,
.hotel-card svg path {
    color: var(--mirai-wp-white);
}
.hotel-card__inner {
    position: relative;
    text-align: center;
    width: 100%;
    gap: 12px;
    z-index: 1;
    transition: all 0.55s ease;
}
.hotel-card.text-card .hotel-card__inner {
    gap: 32px;
}
.hotel-card__title {
    font-family: "Afacad", sans-serif;
    line-height: 110%!important;
    font-weight: 400;
    font-size: var(--font-size-xl);
    color: var(--mirai-wp-white);
}
.hotel-card.card-transition .hotel-card__details {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition:
        opacity 0.35s ease,
        max-height 0.55s ease;
    pointer-events: none;
}
.hotel-card__details .list-details ul {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.hotel-card.card-transition:hover::before,
.hotel-card.card-transition:focus-within::before {
    opacity: 1;
}
.hotel-card.card-transition:hover .hotel-card__inner,
.hotel-card.card-transition:focus-within .hotel-card__inner {
    gap: 24px;
}
.hotel-card.card-transition:is(:hover, :focus-within) .hotel-card__details {
    opacity: 1;
    max-height: 565px;
    pointer-events: auto;
}



/* Pap up */
.btn-popup,
.btn-popup a,
.btn-popup span,
.btn-popup svg,
.btn-popup svg path,
.btn-popup svg line,
.popup-menu .wpml-ls-legacy-dropdown-click a,
.popup-menu .wpml-ls-legacy-dropdown-click a span, 
.popup-menu .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a, 
.popup-menu .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a span,
.menu-vert li a,
.menu-vert li a span,
.menu-hor a,
.menu-hor span,
.menu-hor svg,
.menu-hor svg path,
.menu-hor .item-menu-hor ui-pressable > ui-text {
    color: var(--mirai-wp-text);
    fill: var(--mirai-wp-text);
    stroke: var(--mirai-wp-text);
    transition: all 0.35s ease;
}
.btn-popup:is(:hover, :focus-visible),
.btn-popup:is(:hover, :focus-visible) a,
.btn-popup:is(:hover, :focus-visible) span,
.btn-popup:is(:hover, :focus-visible) svg,
.btn-popup:is(:hover, :focus-visible) svg path,
.btn-popup:is(:hover, :focus-visible) svg line,
.popup-menu .wpml-ls-legacy-dropdown-click a:is(:hover, :focus-visible),
.popup-menu .wpml-ls-legacy-dropdown-click a:is(:hover, :focus-visible) span,
.popup-menu .wpml-ls-legacy-dropdown-click li a.wpml-ls-item-toggle:is(:hover, :focus-visible), 
.popup-menu .wpml-ls-legacy-dropdown-click li a.wpml-ls-item-toggle:is(:hover, :focus-visible) span, 
.popup-menu .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a:is(:hover, :focus-visible), 
.popup-menu .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a:is(:hover, :focus-visible) span,
.menu-vert li a:is(:hover, :focus-visible),
.menu-vert li a:is(:hover, :focus-visible) span,
.menu-vert li a.e-focus e-link,
.menu-vert li a.e-focus span,
.menu-vert li a.e-link,
.menu-vert li a.e-link span,
.menu-vert li.current_page_item a,
.menu-vert li.current_page_item a span,
.menu-vert li a.elementor-item-active,
.menu-vert li a.elementor-item-active span,
.menu-hor .item-menu-hor:is(:hover, :focus-visible) a,
.menu-hor .item-menu-hor:is(:hover, :focus-visible) span,
.menu-hor .item-menu-hor:is(:hover, :focus-visible) svg,
.menu-hor .item-menu-hor:is(:hover, :focus-visible) svg path,
.menu-hor .item-menu-hor:is(:hover, :focus-visible) ui-pressable > ui-text,
.cat-contact .menu-hor .item-contact a,
.cat-contact .menu-hor .item-contact span,
.cat-contact .menu-hor .item-contact svg,
.cat-contact .menu-hor .item-contact svg path,
.cat-hotel-boutique-colon-plaza #open-popup a,
.cat-hotel-boutique-colon-plaza #open-popup span,
.cat-hotel-boutique-colon-plaza #open-popup svg,
.cat-hotel-boutique-colon-plaza #open-popup svg path,
.cat-hotel-boutique-atrio #open-popup a,
.cat-hotel-boutique-atrio #open-popup span,
.cat-hotel-boutique-atrio #open-popup svg,
.cat-hotel-boutique-atrio #open-popup svg path,
.cat-hotel-boutique-catedral #open-popup a,
.cat-hotel-boutique-catedral #open-popup span,
.cat-hotel-boutique-catedral #open-popup svg,
.cat-hotel-boutique-catedral #open-popup svg path,
.cat-apartamentos-boutique-catedral #open-popup a,
.cat-apartamentos-boutique-catedral #open-popup span,
.cat-apartamentos-boutique-catedral #open-popup svg,
.cat-apartamentos-boutique-catedral #open-popup svg path,
.cat-hotel-boutique-colon-plaza #item-colon-plaza a,
.cat-hotel-boutique-colon-plaza #item-colon-plaza a span,
.cat-hotel-boutique-colon-plaza #item-colon-plaza svg,
.cat-hotel-boutique-colon-plaza #item-colon-plaza svg path,
.cat-hotel-boutique-atrio #item-atrio a,
.cat-hotel-boutique-atrio #item-atrio a span,
.cat-hotel-boutique-atrio #item-atrio svg,
.cat-hotel-boutique-atrio #item-atrio svg path,
.cat-hotel-boutique-catedral #item-hotel-catedral a,
.cat-hotel-boutique-catedral #item-hotel-catedral a span,
.cat-hotel-boutique-catedral #item-hotel-catedral svg,
.cat-hotel-boutique-catedral #item-hotel-catedral svg path,
.cat-apartamentos-boutique-catedral #item-apartamentos-catedral a,
.cat-apartamentos-boutique-catedral #item-apartamentos-catedral a span,
.cat-apartamentos-boutique-catedral #item-apartamentos-catedral svg,
.cat-apartamentos-boutique-catedral #item-apartamentos-catedral svg path {
    color: var(--mirai-wp-Primary-light);
    fill: var(--mirai-wp-Primary-light);
    stroke: var(--mirai-wp-Primary-light);
}
.menu-hor .item-menu-hor:is(:hover, :focus-visible),
.cat-contact .menu-hor .item-contact {
    border-bottom: 2px solid var(--mirai-wp-Primary-light);
}
/*-- Pop up menú --*/
.menu-vert ul {
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
    align-items: flex-start!important;
    gap: 32px!important;
    overflow: hidden;
}
.menu-vert #open-popup a,
.menu-vert.submenu-arrow li a {
    position: relative;
    padding-right: 36px;
}
.menu-vert .e-n-menu-title {
    white-space: normal!important;
}
.menu-vert #open-popup a::after,
.menu-vert.submenu-arrow li a::after {
    content: "";
    position: absolute;
    width: var(--font-size-1m);
    height: var(--font-size-1m);
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/2046/arrow-right.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all 0.35s ease;
}
.menu-vert #open-popup a:is(:hover, :focus-visible)::after,
.menu-vert.submenu-arrow li a:is(:hover, :focus-visible)::after,
.cat-hotel-boutique-colon-plaza #open-popup a::after,
.cat-hotel-boutique-atrio #open-popup a::after,
.cat-hotel-boutique-catedral #open-popup a::after,
.cat-apartamentos-boutique-catedral #open-popup a::after,
.cat-hotel-boutique-colon-plaza #item-colon-plaza a::after,
.cat-hotel-boutique-atrio #item-atrio a::after,
.cat-hotel-boutique-catedral #item-hotel-catedral a::after,
.cat-apartamentos-boutique-catedral #item-apartamentos-catedral a::after {
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/2046/arrow-right-accent.svg");
}
.menu-hor {
    justify-content: flex-start;
    align-items: stretch;
}
.menu-hor .item-menu-hor {
    padding: var(--mft-space-4xs) 0;
    border-bottom: 2px solid transparent;
    transition: all 0.35s ease;
}
.menu-hor .item-menu-hor .mirai-tracker div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
/* ----- lang ----- */
.popup-menu .wpml-elementor-ls {
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup-menu .wpml-ls-legacy-dropdown-click a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent!important;
    padding: 0;
    transition: all 0.35s ease;
}
.popup-menu .wpml-ls-legacy-dropdown-click a,
.popup-menu .wpml-ls-legacy-dropdown-click a span {
    text-align: center;
}
.popup-menu .wpml-ls-legacy-dropdown-click a span {
    vertical-align: initial;
}
.wpml-ls-legacy-dropdown-click a,
.wpml-ls-legacy-dropdown-click a:is(:hover, :focus-visible), 
.wpml-ls-legacy-dropdown-click a:focus, 
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:is(:hover, :focus-visible)>a {
    background-color: transparent;
    border: none;
    transition: all 0.35s ease;
}
.popup-menu .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul,
.popup-menu .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul .wpml-ls-current-language,
.popup-menu .wpml-ls-legacy-dropdown-click,
.popup-menu .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu {
    transition: all 0.35s ease;
}
.popup-menu .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul li a.wpml-ls-item-toggle {
    position: relative;
    padding: 12px 28px;
}
.popup-menu .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after {
    display: none;
}
.popup-menu .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul li a.wpml-ls-item-toggle::before,
.popup-menu .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul li a.wpml-ls-item-toggle::after {
    content: '';
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    top: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 0;
    transition: all 0.35s ease;
}
.popup-menu .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul li a.wpml-ls-item-toggle::before {
    left: 0;
    transform: translateY(-50%);
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/2046/wordl-dark.svg");
}
.popup-menu .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul a.wpml-ls-item-toggle:is(:hover, :focus-visible)::before {
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/2046/wordl-accent.svg");
}
.popup-menu .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul li a.wpml-ls-item-toggle::after {
    right: 0;
    transform: translateY(calc(-50% - 3px));
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/2046/arrow-select.svg");
}
.popup-menu .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul a.wpml-ls-item-toggle:is(:hover, :focus-visible)::after {
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/2046/arrow-select-accent.svg");
}

.popup-menu .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--mirai-wp-white);
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.12);
    transition: all 0.35s ease;
}
.popup-menu .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu {
    padding: 16px 12px;
}
.popup-menu .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li {
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup-menu .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li {
    border-bottom: 1px solid var(--mirai-ui-divider-light);
}
.popup-menu .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li:last-child {
    border-bottom: none;
}
.popup-menu .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a {
    padding: 10px 0;
}
.popup-menu .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li:first-child a {
    padding: 0 0 12px;
}
.popup-menu .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li:last-child a {
    padding: 12px 0 0;
}
.popup-menu .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a span {
    border-bottom: 1px solid var(--mirai-wp-transparent);
    transition: all 0.35s ease;
}
.popup-menu .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li:is(:hover, :focus-visible) a span {
    border-bottom: 1px solid var(--mirai-wp-Primary-light);
}
/*-- Pop up adv --*/
.popup-adv-site [data-elementor-type="popup"] {
    margin-top: var(--mft-space-s);
    margin-right: var(--mft-space-s);
}
.popup-adv-site .cont-carousel {
    max-width: 480px;
}
.popup-adv-site .cont-carousel .icons-carousel {
    max-width: 340px!important;
}
/*----- Club -----*/
.popup-adv-site .mirai-club  ui-pressable[data-role="login"] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 4px;
    border-bottom: 2px solid var(--mirai-wp-Primary);
    transition: all 0.35s ease;
}
.popup-adv-site .mirai-club  ui-pressable[data-role="login"]::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/2046/arrow-primary.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s ease;
}
.popup-adv-site .mirai-club  ui-pressable[data-role="login"] .login {
    flex-wrap: nowrap;
    gap: 0;
}
.popup-adv-site .mirai-club ui-pressable[data-role="login"] .login-icon,
.popup-adv-site .mirai-club .login-icon {
    display: none;
}
.popup-adv-site .mirai-club ui-pressable[data-role="login"] .login .login-text {
    color: var(--mirai-wp-Primary);
    transition: all 0.35s ease;
}
.popup-adv-site .mirai-club  ui-pressable[data-role="login"]:is(:hover, :focus-visible) {
    padding: 10px 28px 10px 4px!important;
}
.popup-adv-site .mirai-club  ui-pressable[data-role="login"]:is(:hover, :focus-visible)::after {
    opacity: 1;
    visibility: visible;
}



/* Header */
#header {
    min-width: 100%;
    transition: all 0.35s ease;
}
#header ~ #header {
  display: none!important;
}
#header div, 
#header p, 
#header a, 
#header span, 
#header svg, 
#header svg path, 
#header i::before,
#header .hover-header .vcard-header a,
#header .hover-header svg path,
#header .hover-header .mirai-club span.login,
#header .hover-header .mirai-club .login span,
#header .hover-header .mirai-club .login span svg path {
    color: var(--mirai-wp-white);
    fill: var(--mirai-wp-white);
    transition: all 0.35s ease;
}
#header a:is(:hover, :focus-visible), 
#header .wpml-ls-legacy-dropdown-click a:is(:hover, :focus-visible),
#header .wpml-ls-legacy-dropdown-click a:is(:hover, :focus-visible) span,
#header .wpml-ls-legacy-dropdown-click li a.wpml-ls-item-toggle:is(:hover, :focus-visible), 
#header .wpml-ls-legacy-dropdown-click li a.wpml-ls-item-toggle:is(:hover, :focus-visible) span, 
#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a:is(:hover, :focus-visible), 
#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a:is(:hover, :focus-visible) span, 
.elementor-sticky--effects#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a:is(:hover, :focus-visible), 
.elementor-sticky--effects#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a:is(:hover, :focus-visible) span,
#header .hover-header:is(:hover, :focus-visible) .vcard-header a,
#header .hover-header:is(:hover, :focus-visible) svg path,
#header .hover-header:is(:hover, :focus-visible) .mirai-club span.login,
#header .hover-header:is(:hover, :focus-visible) .mirai-club .login span,
#header .mirai-club:is(:hover, :focus-visible) i:before,
#header .hover-header:is(:hover, :focus-visible) .mirai-club .login span svg path {
    color: var(--mirai-ui-hover);
    fill: var(--mirai-ui-hover);
}
/* --cont-left-- */
/* ----- btn menú hamburguesa ----- */
#header .cont-left .menu-cont {
    min-width: 48px;
}
#header .cont-left .menu-cont .elementor-icon-box-icon {
    margin: 0;
}
#header .cont-left .menu-cont a,
#header .cont-left .menu-cont i {
    position: relative;
    width: 48px;
    height: 40px;
}
#header .cont-left .menu-cont a::before,
#header .cont-left .menu-cont a::after,
#header .cont-left .menu-cont i::before {
    position: absolute;
    content: "";
    left: 0;
    height: 4px;
    background-color: var(--mirai-wp-white);
    transition: all 0.35s ease;
}
#header .cont-left .menu-cont a::before {
    top: 0;
    width: 23px;
}
#header .cont-left .menu-cont a::after {
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
}
#header .cont-left .menu-cont i::before {
    bottom: 0;
    width: 36px;
    transform: translateX(0);
}
#header .cont-left .menu-cont:is(:hover, :focus-visible) a::before,
#header .cont-left .menu-cont:is(:hover, :focus-visible) a::after,
#header .cont-left .menu-cont:is(:hover, :focus-visible) i::before {
    width: 100%;
    background-color: var(--mirai-ui-hover);
}

/* --LOGOS-- */
.logo-cont {
    position: relative;
    min-width: 170px;
}
.logo-cont,
.logo-cont div,
.logo-cont a {
    -webkit-transition: none;
    transition: none;
}
body.cat-home .logo-cont .logo-site,
body.cat-home #header.elementor-sticky--effects .logo-cont .logo-site-fixed,
body:not(.cat-home) .logo-cont .logo-site-fixed {
    position: relative;
    height: auto;
    opacity: 1;
    visibility: visible;
    transition: all 0.35s ease;
}
body.cat-home #header.elementor-sticky--effects .logo-cont .logo-site,
body:not(.cat-home) .logo-cont .logo-site,
body.cat-home .logo-cont .logo-site-fixed {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: auto;
}

/* --cont-right-- */
.cont-right nav .nav-header {
    position: relative;
}
.cont-right nav .nav-header.club .mirai-club [data-mirai-component="session"] > ui-pressable[data-role="login"] {
    position: relative;
    margin-left: 16px;
}
.cont-right nav .nav-header::after {
    content: "";
    width: 1px;
    height: 14px;
    margin: 0 16px;
    background-color: var(--mirai-wp-white);
}
.cont-right nav .nav-header.club .mirai-club [data-mirai-component="session"] > ui-pressable[data-role="login"]::after {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background-color: var(--mirai-wp-white);
}
.cont-right nav .nav-header:first-child::after {
    margin: 0 16px 0 0;
}
.cont-right nav .nav-header:nth-last-child(2)::after,
.cont-right nav .nav-header:last-child::after {
    display: none;
}
/*----- Club -----*/
.cont-right nav .club  ui-pressable[data-role="login"] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
#header .cont-right nav .club  ui-pressable[data-role="login"] .login {
    flex-wrap: nowrap;
    gap: 12px;
}
#header .cont-right nav .club ui-pressable[data-role="login"] .login img,
#header .hover-header:hover .mirai-club .login span svg {
    min-width: 18px;
    width: 16px;
    height: 16px;
    opacity: 1;
    transition: all 0.35s ease;
}
/* ----- lang ----- */
#header .wpml-elementor-ls {
    display: flex;
    justify-content: center;
    align-items: center;
}
#header .wpml-ls-legacy-dropdown-click a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    padding: 0;
    transition: all 0.35s ease;
}
#header .wpml-ls-legacy-dropdown-click a,
#header .wpml-ls-legacy-dropdown-click a span {
    text-align: center;
}
#header .wpml-ls-legacy-dropdown-click a span {
    vertical-align: initial;
}
.wpml-ls-legacy-dropdown-click a,
.wpml-ls-legacy-dropdown-click a:is(:hover, :focus-visible), 
.wpml-ls-legacy-dropdown-click a:focus, 
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:is(:hover, :focus-visible)>a {
    background-color: transparent;
    border: none;
    transition: all 0.35s ease;
}
#header .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul,
#header .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul .wpml-ls-current-language,
#header .wpml-ls-legacy-dropdown-click,
#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu {
    transition: all 0.35s ease;
}
#header .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul li a.wpml-ls-item-toggle {
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 28px;
}
#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after {
    display: none;
}
#header .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul li a.wpml-ls-item-toggle::before {
    content: '';
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/2046/wordl.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 0;
    transition: all 0.35s ease;
}
#header .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul a.wpml-ls-item-toggle:is(:hover, :focus-visible)::before {
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/2046/wordl-hover.svg");
}

#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu {
    background-color: var(--mirai-ui-content-dark);
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.12);
    transition: all 0.35s ease;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    border: none;
}
#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu {
    padding: 16px 12px;
}
#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li {
    display: flex;
    justify-content: center;
    align-items: center;
}
#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li {
    border-bottom: 1px solid var(--mirai-ui-divider);
}
#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li:last-child {
    border-bottom: none;
}
#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a {
    padding: 10px 0;
}
#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li:first-child a {
    padding: 0 0 12px;
}
#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li:last-child a {
    padding: 12px 0 0;
}
#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a span {
    border-bottom: 1px solid var(--mirai-wp-transparent);
    transition: all 0.35s ease;
}
#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li:is(:hover, :focus-visible) a span {
    border-bottom: 1px solid var(--mirai-ui-hover);
}
.wpml-ls-legacy-dropdown-click:hover .wpml-ls-sub-menu {
    visibility: visible;
}

/* --Header fixed -- */
#header.elementor-sticky--effects {
    background-color: var(--mirai-ui-content-dark);
    box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.07);
}



/* finder */
#finder {
    position: fixed;
    width: auto;
    bottom: 114px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    pointer-events: auto;
    transition: all 0.35s ease;
}
#finder.finder-active {
    bottom: 12px;
}
#finder .finder-content {
    box-shadow: 0px 10px 36px 0px #0000001A;
}

.cat-room-detail #finder,
.cat-offer-detail #finder {
    display: none;
}

body[data-mirai-modal="true"] #finder {
    z-index: 1;
}
#finder ui-finder > ui-button {
    text-decoration: none;
}

#finder.finder-active {
    pointer-events: none;
}
#finder.finder-active .finder-content {
    pointer-events: auto;
}



/* WhatsApp */
.wa-fixed {
    display: none;
}
.cat-hotel-boutique-colon-plaza .wa-fixed.wa-colon-plaza {
    display: flex;
}
.wa-fixed a {
    box-shadow: 1px 6px 24px 0 rgb(7 94 84 / 24%);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}



/* Footer */
#footer-site,
#footer-site a,
#footer-site i::before,
#footer-site svg,
#footer-site svg path,
#footer-site ui-pressable > ui-text,
.detail-info-hotel div,
.detail-info-hotel p,
.detail-info-hotel span,
.detail-info-hotel i::before,
.detail-info-hotel svg,
.detail-info-hotel svg path {
    color: var(--mirai-wp-white);
    fill: var(--mirai-wp-white);
    transition: all 0.35s ease;
}
#footer-site a:is(:hover, :focus-visible),
#footer-site a:is(:hover, :focus-visible) i::before,
#footer-site a:is(:hover, :focus-visible) svg,
#footer-site a:is(:hover, :focus-visible) svg path,
#footer-site li.current_page_item a,
#footer-site li.current_page_item i:before,
#footer-site li.current_page_item svg,
#footer-site li.current_page_item svg path,
#footer-site .item-link:is(:hover, :focus-visible) div,
#footer-site .item-link:is(:hover, :focus-visible) p,
#footer-site .item-link:is(:hover, :focus-visible) a,
#footer-site .item-link:is(:hover, :focus-visible) i:before,
#footer-site .item-link:is(:hover, :focus-visible) svg,
#footer-site .item-link:is(:hover, :focus-visible) svg path,
#footer-site ui-pressable > ui-text:is(:hover, :focus-visible),
.detail-info-hotel:is(:hover, :focus-visible) div,
.detail-info-hotel:is(:hover, :focus-visible) p,
.detail-info-hotel:is(:hover, :focus-visible) span,
.detail-info-hotel:is(:hover, :focus-visible) i::before,
.detail-info-hotel:is(:hover, :focus-visible) svg,
.detail-info-hotel:is(:hover, :focus-visible) svg path {
    color: var(--mirai-ui-hover);
    fill: var(--mirai-ui-hover);
}

#footer-site .links-contact {
    max-width: calc(100% - 200px - var(--mft-space-4xl));
}
#footer-site .nav-menu.cont-min {
    min-width: max-content;
}



/* Home page hotel */
/* Location section*/
#map-wrapper a.map-static {
    height: 100%;
}



/* Rooms and offers pages */
.cat-rooms #main,
#main .rooms-listing-wrapper,
.cat-room-detail #main,
#main .rooms-detail-wrapper,
.cat-offers #main,
#main .offers-listing-wrapper,
.cat-offer-detail #main,
#main .offers-detail-wrapper {
    background-color: var(--mirai-wp-white);
}
#main .rooms-listing-wrapper {
    padding: var(--mft-space-4xl) calc(var(--mft-space-s) - 15px) 0;
}
#main .rooms-detail-wrapper .room,
#main .offers-listing-wrapper,
#main .offers-detail-wrapper {
    padding: var(--mft-space-4xl) calc(var(--mft-space-s) - 15px);
}
#main .rooms-listing-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#main .rooms-listing-wrapper h3 a,
#main .rooms-detail-wrapper .room .back a,
#main .rooms-detail-wrapper .room .back a::before,
#main .rooms-detail-wrapper .room .go-to-offers-page a,
#main .offers-detail-wrapper .back a,
#main .offers-detail-wrapper .back a::before {
    color: var(--mirai-wp-text);
    transition: all 0.35s ease;
}
#main .rooms-listing-wrapper h3:is(:hover, :focus-visible) a,
#main .rooms-detail-wrapper .room .back a:is(:hover, :focus-visible),
#main .rooms-detail-wrapper .room .back a:is(:hover, :focus-visible)::before,
#main .rooms-detail-wrapper .room .go-to-offers-page a:is(:hover, :focus-visible),
#main .offers-detail-wrapper .back a:is(:hover, :focus-visible),
#main .offers-detail-wrapper .back a:is(:hover, :focus-visible)::before {
    color: var(--mirai-wp-Primary-light);
}
#main .offers-listing-wrapper.no-offers p {
    text-align: center;
} 

#main .rooms-listing-wrapper .common-features > p,
#main .rooms-detail-wrapper .room-box-price .box-price {
    display: none;
}

#main .offers-listing-wrapper.no-offers p,
#main .rooms-listing-wrapper .common-features,
#main .rooms-listing-wrapper .common-features h2,
#main .rooms-listing-wrapper .common-features ul,
#main .offers-listing-wrapper h2,
#main .offers-detail-wrapper .detail-description h2,
#main .offers-detail-wrapper .detail-description h3,
#main .offers-detail-wrapper .detail-description p {
    margin: 0;
    padding: 0;
}
#main .rooms-listing-wrapper .common-features,
#main .offers-listing-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--mft-space-m);
}
#main .room-price {
    display: none;
}

#main  .rooms-listing {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--mft-space-4xl);
}
#main  .rooms-listing .room-item {
    margin-bottom: 0;
}
#main  .rooms-listing .room-item img {
    min-height: 620px;
    object-fit: cover;
    object-position: center;
}
#main  .rooms-listing .room-item .room-detail,
#main  .rooms-listing .room-item .room-content,
#main .offers-detail-wrapper .detail-description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--mft-space-m);
}
#main  .rooms-listing .room-item .room-detail,
#main  .rooms-listing .room-item .room-content {
    margin: 0;
    padding: 0 64px 0 0;
    border-bottom: none;
}
#main  .rooms-listing .room-item.odd .room-detail {
    padding: 0 0 20px 64px;
}
#main  .rooms-listing .room-item.odd .room-content {
    padding: 20px 0 0 64px;
}
#main  .rooms-listing .room-item .room-detail {
    padding-bottom: calc(var(--mft-space-m) / 2);
}
#main  .rooms-listing .room-item .room-content {
    padding-top: calc(var(--mft-space-m) / 2);
}
#main  .rooms-listing .room-item .room-box .room-detail ul,
#main  .rooms-listing .room-item .room-box .room-content ul,
#main  .rooms-listing .room-item .room-box .room-content p,
#main  .rooms-listing .room-item .room-box .room-content a {
    margin: 0;
}
#main  .rooms-listing .room-item .room-box .room-detail ul,
#main  .rooms-listing .room-item .room-box .room-content ul,
#main  .rooms-listing .room-item .room-box .room-content p {
    padding: 0;
}
#main  .rooms-listing .room-item .room-box .room-content ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    width: 100%;
}
#main  .rooms-listing .room-item .room-box .room-content ul li {
    width: auto;
    margin-bottom: 0;
}


#main .offers-listing-wrapper .offers-listing,
#main .rooms-detail-wrapper .room .room-box-offers .offers-listing {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px 32px;
    width: 100%;
}
#main .offers-listing-wrapper .offers-listing .offer,
#main .rooms-detail-wrapper .room .room-box-offers .offers-listing .offer {
    padding: 0;
}
#main .rooms-detail-wrapper .room .offers-listing h3,
#main .rooms-detail-wrapper .room .offers-listing p,
#main .rooms-detail-wrapper .room .offers-listing span,
#main .offers-listing-wrapper h3,
#main .offers-listing-wrapper p,
#main .offers-listing-wrapper span {
    color: var(--mirai-wp-text);
    margin-right: 0;
}
#main .offers-listing-wrapper p {
    margin-top: var(--mft-space-s);
}


/* Detail Rooms and offers pages */
#main .rooms-detail-wrapper .room .room-box-common-services,
#main .rooms-detail-wrapper .room .room-box-offers,
#main .rooms-detail-wrapper .room #calendar-wrapper {
    margin: 0;
    padding-top: var(--mft-space-4xl);
    padding-bottom: 0;
}
#main .rooms-detail-wrapper .room-box-price {
    min-height: 0;
}
#main .rooms-detail-wrapper .room-box-price a {
    margin-top: 0;
}
#main .rooms-detail-wrapper .room .go-to-offers-page a {
    margin: var(--mft-space-m) 0 0;
}
#main .rooms-detail-wrapper .room .elementor-swiper-button {
    padding: 16px;
    border-radius: 50%;
    background-color: #ffffffa6;
    box-shadow: 0px 0px 16px 0px #00000029;
    transition: all 0.35s ease;
}
#main .rooms-detail-wrapper .room .elementor-swiper-button i::before {
    color: var(--mirai-wp-text);
    fill: var(--mirai-wp-text);
    transition: all 0.35s ease;
}
#main .rooms-detail-wrapper .room .elementor-swiper-button:is(:hover, :focus-visible) {
    background-color: var(--mirai-wp-Primary);
}
#main .rooms-detail-wrapper .room .elementor-swiper-button:is(:hover, :focus-visible) i::before {
    color: var(--mirai-wp-white);
    fill: var(--mirai-wp-white);
}

#main .offers-detail-wrapper .detail-description .detail-offer-list {
    padding-left: 0;
}



/* Gallery pages */
header.elementor-slideshow__header {
    display: none;
}
.cat-photos .dialog-type-buttons .dialog-widget-content a.dialog-close-button,
.cat-photos .dialog-type-buttons .dialog-widget-content a.dialog-close-button:hover {
    font-size: clamp(16px, 1.25vw, 24px);
    text-decoration: none;
}



/* Club page */
.cat-mirai-club #main {
    background-color: var(--mirai-wp-white);
}



@media (max-width: 1750px) {
    /* Carousel 1750 */
    .carousel-site.car-boxed .elementor-swiper-button.elementor-swiper-button-prev {
        left: 24px!important;
    }
    .carousel-site.car-boxed .elementor-swiper-button.elementor-swiper-button-next {
        right: 24px!important;
    }
}

@media (max-width: 1200px) {
    /* Headings 1200 */
    .cont-titles.p-left,
    .cont-titles.p-left .e-con-inner,
    .cont-titles.p-left > div {
        align-items: center;
    }



    /* LOGOS 1200 */
    .all-heros .logo-site {
        opacity: 1;
    }



    /* Cards 1200 */
    .hotel-card {
        min-height: 500px;
    }
    .hotel-card.card-transition:is(:hover, :focus-within) .hotel-card__details {
        max-height: 500px;
    }
    .hotel-card.card-transition::before,
    .hotel-card.card-transition:hover::before,
    .hotel-card.card-transition:focus-within::before {
        opacity: 1;
    }
    .hotel-card.card-transition .hotel-card__inner,
    .hotel-card.card-transition:hover .hotel-card__inner,
    .hotel-card.card-transition:focus-within .hotel-card__inner {
        gap: 24px;
    }
    .hotel-card.card-transition .hotel-card__details,
    .hotel-card.card-transition:is(:hover, :focus-within) .hotel-card__details {
        opacity: 1;
        max-height: 565px;
        pointer-events: auto;
    }



    /* Carousel 1200 */
    /*-- arrows --*/
    .carousel-site.free-arrows-tb .elementor-swiper-button {
        display: none;;
    }



    /* Containers 1200 */
    /*-- Style --*/
    .cont-section.pr0 {
        padding: var(--mft-space-4xl) 0 var(--mft-space-4xl) var(--mft-space-s);
    }
    /*-- Container bg img --*/
    .cont-img,
    .cont-img #map-wrapper,
    .cont-img-l,
    .cont-img-l #map-wrapper,
    .cont-gallery {
        /*height: 500px!important;*/
        min-height: 48svh;
    }
    .cont-gallery {
        /*height: 400px!important;*/
        min-height: 39svh;
    }
    /* Containers Grid */
    .cont-table {
        grid-template-columns: repeat(7, max-content)!important;
    }
    .cont-table .info-table:not(:nth-child(7n + 1)) {
        border-left: 1px solid #E4E4E4;
        padding-left: 12px;
    }
    .cont-table .info-table:nth-child(7n + 1) {
        padding-left: 0;
        border: none;
    }



    /* Footer 1200 */
    #footer-site .links-contact {
        max-width: 100%;
    }
    #footer-site .nav-menu li a {
        justify-content: center;
    }
    #footer-site .nav-menu li a,
    #footer-site .nav-menu .vcard-mail a {
        overflow-wrap: anywhere;
    }



    /* Rooms and offers pages 1200 */
    #main .rooms-listing .room-item .room-box,
    #main .rooms-listing .room-item .room-box .room-detail,
    #main .rooms-listing .room-item .room-box .room-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: var(--mft-space-m);
        margin: 0;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
    #main .rooms-listing .room-item .room-box {
        align-items: center;
    }
    #main .rooms-listing .room-item img {
        min-height: 450px;
        max-height: 450px;
    }
    #main .rooms-listing .room-item .room-box .room-detail ul,
    #main .rooms-listing .room-item .room-box .room-content p,
    #main .rooms-listing .room-item .room-box .room-content a {
        margin: 0;
    }
    #main .rooms-listing .room-item .room-box .room-detail ul,
    #main .rooms-listing .room-item .room-box .room-content p {
        padding: 0;
    }
    #main .rooms-listing-wrapper .common-features ul li {
        width: calc(50% - 20px);
    }
}

@media (max-width: 767px) {
    /* Headings 767 */
    .cont-titles.p-left,
    .cont-titles.p-left .e-con-inner,
    .cont-titles.p-left > div {
        align-items: flex-start;
    }
    .all-heros .cont-titles, 
    .all-heros .cont-titles .e-con-inner, 
    .all-heros .cont-titles > div,
    .cont-titles.titles-section,
    .cont-titles.titles-section .e-con-inner,
    .cont-titles.titles-section > div {
        gap: 12px;
    }



    /* Finder 768 */
    #finder,
    #finder.finder-active {
        bottom: 0;
    }
    #finder ui-finder-compact[data-role="finder-compact"] {
        min-width: 100vw;
        padding: 8px;
    }
    #finder ui-finder-compact[data-role="finder-compact"] ui-pressable[data-role="pressable"] {
        justify-content: center;
        align-items: center;
        flex: 1;
    }
    #finder ui-pressable[class$="_calendar"] {
        flex: 3;
    }
    #finder ui-button {
        font-size: 16px;
        margin: 0;
    }



    /* Carousel 767 */
    /*-- Dots --*/
    .all-heros .carousel-site .swiper-pagination {
        padding-bottom: 98px;
    }
    .carousel-site.icons-cont .swiper-pagination {
        padding-bottom: 0;
    }
    /*-- arrows --*/
    .carousel-site .elementor-swiper-button {
        padding: 8px;
    }
    .carousel-site .elementor-swiper-button.elementor-swiper-button-prev {
        left: -8px!important;
    }
    .carousel-site .elementor-swiper-button.elementor-swiper-button-next {
        right: -8px!important;
    }
    .carousel-site .elementor-swiper-button svg {
        width: 18px!important;
        height: 18px!important;
    }



    /* Containers 767 */
    /*-- Container bg img --*/
    .cont-img #map-wrapper,
    .cont-img-l #map-wrapper {
        height: 48svh;
    }
    .cont-gallery {
        /*height: 250px!important;*/
        min-height: 37svh;
    }
    /* Containers Grid */
    .cont-table {
        grid-template-columns: repeat(3, max-content)!important;
    }
    .cont-table .info-table:not(:nth-child(3n + 1)) {
        border-left: 1px solid #E4E4E4;
        padding-left: 12px;
    }
    .cont-table .info-table:nth-child(3n + 1) {
        padding-left: 0;
        border: none;
    }



    /*-- Pop up 767 --*/
    /*-- Pop up adv --*/
    .popup-adv-site [data-elementor-type="popup"] {
        margin-top: 12px;
        margin-right: 0;
    }
    /*-- Pop up menú --*/
    .menu-vert ul {
        gap: 16px!important;
    }



    /* Header 767 */
    /* --cont-left-- */
    /* ----- btn menú hamburguesa ----- */
    #header .cont-left .menu-cont {
        min-width: 32px;
    }
    #header .cont-left .menu-cont a,
    #header .cont-left .menu-cont i {
        width: 32px;
        height: 26px;
    }
    #header .cont-left .menu-cont a::before {
        width: 16px;
    }
    #header .cont-left .menu-cont a::after {
        width: 32px;
    }
    #header .cont-left .menu-cont i::before {
        width: 25px;
    }
    /*-- cont-right --*/
    #header .btn-adv {
        max-width: 50px;
    }
    #header .btn-adv a,
    #header .btn-adv a:is(:hover, :focus-visible) {
        padding: 15px!important;
    }
    #header .btn-adv .elementor-button-text {
        display: none;
    }
    #header .btn-adv a::after {
        display: none;
    }



    /* Footer 767 */
    #footer-site .menu-legal nav ul {
        flex-direction: column;
    }
    #footer-site .menu-legal nav ul li a {
        justify-content: center;
        margin: 0;
    }
    #footer-site .menu-legal nav ul > li:not(:last-child)::after {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: #FFFFFF33;
    }



    /* Rooms and offers pages 767 */
    #main .rooms-listing-wrapper .common-features ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: calc(100% - calc(var(--mft-space-s) - 15px));
    }
    #main .rooms-listing-wrapper .common-features ul li {
        width: auto;
        padding: 0;
        padding-bottom: 4px;
        float: none;
    }
    #main .rooms-listing-wrapper .common-features ul li:last-child {
        padding-bottom: 0;
    }
    #main .rooms-listing-wrapper .rooms-listing .room-item {
        border-bottom: none;
    }
    #main .rooms-listing .room-item img {
        min-height: 320px;
        max-height: 320px;
    }

    /* Detail Rooms and offers pages 767 */
    #main .rooms-detail-wrapper .room .elementor-main-swiper {
        max-height: 320px;
    }
}

@media (max-height: 450px) {
    /* LOGOS 450 */
    .all-heros .logo-site {
        display: none;
    }

    /* finder h450 */
    #finder {
        bottom: 0;
    }
}/* End custom CSS */