.elementor-kit-1397{--e-global-color-primary:#953539;--e-global-color-secondary:#E3DACA;--e-global-color-text:#531D1F;--e-global-color-accent:#531D1F;--e-global-color-13f4851a:#CB6F73;--e-global-color-52235058:#937118;--e-global-color-21f8c9b7:#000;--e-global-color-47eea86e:#FFF;--e-global-color-6cb047a:#FFFFFF00;--e-global-color-0971466:#40589C;--e-global-color-bca38e1:#DCB755;--e-global-color-b2c99bb:#18213A;--e-global-color-dc718ba:#3A2D0A;--e-global-color-8fe9ff0:#685012;--e-global-color-e223e57:#782B2E;--e-global-color-ed04044:#2A3A68;--e-global-typography-text-font-family:"Forma DJR";--e-global-typography-text-font-size:clamp(16px, 1.25vw, 24px);--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Forma DJR";--e-global-typography-accent-font-size:clamp(16px, 0.94vw, 18px);--e-global-typography-accent-font-weight:bold;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-1397 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1397 a{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.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 );}.elementor-kit-1397 a{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:767px){.elementor-kit-1397{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-1397 a{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}/* Start custom CSS *//*--- Hoteles Dante ---*/
/* general */
html {
    overflow-x: hidden;
}

.elementor-popup-modal {
    max-height: 100vh;
    min-height: 100vh;
    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;
}
body.cat-hotel-diana::-webkit-scrollbar-thumb {
	background-color: var(--e-global-color-52235058);
}
body.cat-hotel-delfin::-webkit-scrollbar-thumb {
	background-color: var(--e-global-color-0971466);
}

.elementor-icon-wrapper,
.elementor-button-icon,
.elementor-icon-box-icon,
.elementor-button-wrapper {
    display: flex!important;
    justify-content: center;
    align-items: center;
}

p {
    margin-block-start: 0;
    margin-block-end: 0;
}



/* Chat externo */
#chatbotmobile .infochat_theme1,
#chatbotmobile > div {
    bottom: 124px!important;
}



/* Focus accesibilidad */
:focus-visible {
    outline: 3px solid var(--e-global-color-primary);
    outline-offset: 3px;
    box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3px var(--e-global-color-primary);
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible,
.elementor-button:focus-visible,
.elementor-icon:focus-visible {
    outline: 3px solid var(--e-global-color-primary);
    outline-offset: 3px;
    box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3px var(--e-global-color-primary);
    border-radius: 4px;
}
footer :focus-visible,
.site-footer :focus-visible,
.elementor-location-footer :focus-visible {
    outline: 3px solid var(--e-global-color-primary);
    outline-offset: 3px;
    box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3px var(--e-global-color-primary);
    border-radius: 4px;
}



/* WhatsApp */
#content-wa-fixed {
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.wa-fixed {
    display: none;
}
body.cat-hotel-delfin .wa-fixed.h-delfin,
body.cat-hotel-diana .wa-fixed.h-diana {
    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;
}

/* Header */
body.popup-menu-open #header {
    z-index: 999999;
}
#header,
#header p,
#header a,
#header a:hover,
#header span,
#header li,
#header div {
    font-family: "Forma DJR", Sans-serif;
    font-weight: 400;
    line-height: 110%;
    font-size: clamp(16px, 0.94vw, 18px);
}
#header div,
#header p,
#header a,
#header span,
#header svg,
#header svg path,
#header i::before {
    color: var(--e-global-color-secondary);
    fill: var(--e-global-color-secondary);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
#header a:hover,
#header .current-menu-item a,
#header .wpml-ls-legacy-dropdown-click li a.wpml-ls-item-toggle:hover,
#header .wpml-ls-legacy-dropdown-click li a.wpml-ls-item-toggle:hover span,
#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a:hover,
#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a:hover span,
.elementor-sticky--effects#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a:hover,
.elementor-sticky--effects#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a:hover span,
body.cat-hotel-diana #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a:hover,
body.cat-hotel-diana #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a:hover span,
body.cat-hotel-delfin #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a:hover,
body.cat-hotel-delfin #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a:hover span,
#header .mirai-club:hover span,
#header .mirai-club:hover i:before {
    color: #D36B70;
    fill: #D36B70;
}
#header {
    min-width: 100%;
    background-color: transparent;
    transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
}
.elementor-sticky--effects#header {
    background-color: #531D1F;
    box-shadow: 0px 4px 10px 0px #00000033;
}
body.popup-menu-open #header,
body.popup-menu-open .elementor-sticky--effects#header,
body.cat-hotel-diana #header,
body.cat-hotel-delfin #header {
    background-color: #531D1F;
    box-shadow: none;
}
body.cat-hotel-diana header:has(#menus-hotels-ind.elementor-sticky--effects) .elementor-sticky--effects#header,
body.cat-hotel-delfin header:has(#menus-hotels-ind.elementor-sticky--effects) .elementor-sticky--effects#header {
    background-color: var(--e-global-color-secondary);
}
/* --cont-left-- */
/*--- Menú site ---*/
#header .menu-desk a {
    font-size: clamp(16px, 0.94vw, 18px);
    text-transform: uppercase;
}
#header .menu-desk ul.sub-menu {
    background-color: var(--e-global-color-secondary);
    padding: 12px 52px 12px 41px;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.12);
}
#header .menu-desk ul.sub-menu li a {
    color: #531D1F;
    text-transform: none;
    padding: 20px 0;
}
.elementor-sticky--effects#header .menu-desk ul.sub-menu,
body.cat-hotel-diana #header .menu-desk ul.sub-menu,
body.cat-hotel-delfin #header .menu-desk ul.sub-menu {
    background-color: #531D1F;
}
.elementor-sticky--effects#header .menu-desk ul.sub-menu li a,
body.cat-hotel-diana #header .menu-desk ul.sub-menu li a,
body.cat-hotel-delfin #header .menu-desk ul.sub-menu li a {
    color: var(--e-global-color-secondary);
}
#header .menu-desk ul.sub-menu li:hover a,
#header .menu-desk ul.sub-menu li a.elementor-item-active,
.elementor-sticky--effects#header .menu-desk ul.sub-menu li:hover a,
.elementor-sticky--effects#header .menu-desk ul.sub-menu li a.elementor-item-active,
body.cat-hotel-diana #header .menu-desk ul.sub-menu li:hover a,
body.cat-hotel-diana #header .menu-desk ul.sub-menu li a.elementor-item-active,
body.cat-hotel-delfin #header .menu-desk ul.sub-menu li:hover a,
body.cat-hotel-delfin #header .menu-desk ul.sub-menu li a.elementor-item-active {
    color: #D36B70;
}
/*--- btn menú hamburguesa ---*/
#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: 21px;
    height: 21px;
}
#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;
    width: 100%;
    height: 3px;
    border-radius: 8px;
    opacity: 1;
    background-color: var(--e-global-color-secondary);
    z-index: 1;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
#header .cont-left .menu-cont a::before {
    top: 0;
}
#header .cont-left .menu-cont a::after {
    top: 50%;
    transform: translateY(-50%);
}
#header .cont-left .menu-cont i::before {
    bottom: 0;
    transform: translateX(0);
}
#header .cont-left .menu-cont:hover a::before,
#header .cont-left .menu-cont:hover a::after,
#header .cont-left .menu-cont:hover i::before {
    background-color: var(--e-global-color-primary);
}
.popup-menu-open #header .cont-left .menu-cont a::before,
.popup-menu-open #header .cont-left .menu-cont i::before {
    left: 50%;
}
.popup-menu-open #header .cont-left .menu-cont a::before {
    top: 50%;
    transform: translateY(-50%) translateX(-50%) rotate(45deg);
}
.popup-menu-open #header .cont-left .menu-cont a::after {
    opacity: 0;
}
.popup-menu-open #header .cont-left .menu-cont i::before {
    bottom: 50%;
    transform: translateY(50%) translateX(-50%) rotate(-45deg);
}
/*-- cont-center --*/
#header .cont-center .logo-cont {
    position: relative;
}
#header .cont-center .logo-cont .logo-site {
    height: 138px;
    opacity: 1;
    pointer-events: visible;
    transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
}
#header .cont-center .logo-cont .logo-fixed {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
}
#header .cont-center .logo-cont .logo-fixed,
body.cat-hotel-diana #header .cont-center .logo-cont .logo-fixed.logo-fixed-diana,
body.cat-hotel-diana #header .cont-center .logo-cont .logo-fixed.logo-fixed-delfin,
body.cat-hotel-delfin #header .cont-center .logo-cont .logo-fixed.logo-fixed-diana,
body.cat-hotel-delfin #header .cont-center .logo-cont .logo-fixed.logo-fixed-delfin,
.elementor-sticky--effects#header .cont-center .logo-cont .logo-fixed.logo-fixed-diana,
.elementor-sticky--effects#header .cont-center .logo-cont .logo-fixed.logo-fixed-delfin {
    height: 0;
    opacity: 0;
    pointer-events: none;
}
.elementor-sticky--effects#header .cont-center .logo-cont .logo-site,
body.cat-hotel-diana #header .cont-center .logo-cont .logo-site,
body.cat-hotel-delfin #header .cont-center .logo-cont .logo-site {
    height: 0;
    opacity: 0;
    pointer-events: none;
}
.elementor-sticky--effects#header .cont-center .logo-cont .logo-fixed,
body.cat-hotel-diana #header .cont-center .logo-cont .logo-fixed,
body.cat-hotel-delfin #header .cont-center .logo-cont .logo-fixed,
body.cat-hotel-diana header:has(#menus-hotels-ind.elementor-sticky--effects) .elementor-sticky--effects#header .cont-center .logo-cont .logo-fixed.logo-fixed-diana,
body.cat-hotel-delfin header:has(#menus-hotels-ind.elementor-sticky--effects) .elementor-sticky--effects#header .cont-center .logo-cont .logo-fixed.logo-fixed-delfin {
    height: 24px;
    opacity: 1;
    pointer-events: visible;
}
/*-- cont-right --*/
#header .cont-right a,
#header .cont-right span {
    font-size: clamp(16px, 0.94vw, 18px);
}
/*--- 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;
    -webkit-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:hover, 
.wpml-ls-legacy-dropdown-click a:focus, 
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a {
    background-color: transparent;
    border: none;
    transition: all 0.35s ease;
    -webkit-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;
    -webkit-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: 10px;
    padding-bottom: 10px;
    padding-left: 36px;
}
#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/1945/world-light.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 0;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
#header .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul a.wpml-ls-item-toggle:hover::before {
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/world-hover-light.svg");
}

#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu {
    background-color: var(--e-global-color-secondary);
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.35s ease;
    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: 10px;
}
#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a,
#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a span {
    color: #531D1F;
}
#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 a {
    padding: 10px 0;
}
.elementor-sticky--effects#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu,
body.cat-hotel-diana #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu,
body.cat-hotel-delfin #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu {
    background-color: #531D1F;
}
.elementor-sticky--effects#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a,
.elementor-sticky--effects#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a span,
body.cat-hotel-diana #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a,
body.cat-hotel-diana #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a span,
body.cat-hotel-delfin #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a,
body.cat-hotel-delfin #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a span {
    color: var(--e-global-color-secondary);
}
/*--- club ---*/
#header .mirai-club span {
    display: flex;
}
/* Header hoteles ind */
body.cat-hotel-diana header .elementor-sticky--effects#header .cont-left,
body.cat-hotel-diana header .elementor-sticky--effects#header .cont-right,
body.cat-hotel-delfin header .elementor-sticky--effects#header .cont-left,
body.cat-hotel-delfin header .elementor-sticky--effects#header .cont-right {
    visibility: visible;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
body.cat-hotel-diana header:has(#menus-hotels-ind.elementor-sticky--effects) .elementor-sticky--effects#header .cont-left,
body.cat-hotel-diana header:has(#menus-hotels-ind.elementor-sticky--effects) .elementor-sticky--effects#header .cont-right,
body.cat-hotel-delfin header:has(#menus-hotels-ind.elementor-sticky--effects) .elementor-sticky--effects#header .cont-left,
body.cat-hotel-delfin header:has(#menus-hotels-ind.elementor-sticky--effects) .elementor-sticky--effects#header .cont-right {
    visibility: hidden;
}
body.cat-hotel-diana header:has(#menus-hotels-ind.elementor-sticky--effects) .cont-left .menu-desk ul,
body.cat-hotel-delfin header:has(#menus-hotels-ind.elementor-sticky--effects) .cont-left .menu-desk ul {
    flex-wrap: nowrap;
}
/*-- menus-hotels-ind --*/
#menus-hotels-ind {
    top: calc(100vh - 96px);
}
#menus-hotels-ind.elementor-sticky--effects {
    box-shadow: 0px 4px 10px 0px #00000033;
}
.cat-room-detail #menus-hotels-ind,
.cat-offer-detail #menus-hotels-ind {
    top: calc(80vh - 96px);
}
#menus-hotels-ind .all-menus-ind {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
#menus-hotels-ind,
#menus-hotels-ind .all-menus-ind {
    display: none;
}
body.cat-hotel-diana #menus-hotels-ind,
body.cat-hotel-diana #menus-hotels-ind .all-menus-ind.menu-diana,
body.cat-hotel-delfin #menus-hotels-ind,
body.cat-hotel-delfin #menus-hotels-ind .all-menus-ind.menu-delfin {
    display: flex;
}
#menus-hotels-ind .all-menus-ind ul li a {
    position: relative;
    padding: 10px 0;
}
#menus-hotels-ind .all-menus-ind ul li a,
#menus-hotels-ind .all-menus-ind ul li a span {
    font-family: "Forma DJR", Sans-serif;
    font-weight: 400;
    font-size: clamp(16px, 0.94vw, 18px);
    text-transform: none;
    line-height: 100%!important;
    color: var(--e-global-color-secondary);
    fill: var(--e-global-color-secondary);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
#menus-hotels-ind .all-menus-ind ul li a::before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: var(--e-global-color-secondary);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
#menus-hotels-ind .all-menus-ind ul li:hover a::before,
#menus-hotels-ind .all-menus-ind ul li .e-current a::before {
    width: 100%;
}
/*--- Diana ---*/
body.cat-hotel-diana #menus-hotels-ind {
    background-color: #3A2D0A;
}
/*--- Delfín ---*/
body.cat-hotel-delfin #menus-hotels-ind {
    background-color: #18213A;
}



/* Pop up menú hamburguesa */
.pop-up-site #hamburguer-menu .header-popup {
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
body.popup-menu-open:has(header #header.elementor-sticky--effects) .pop-up-site #hamburguer-menu .header-popup {
  min-height: 96px;
}
#hamburguer-menu .elementor-nav-menu--dropdown {
    margin: 0;
}
#hamburguer-menu,
#hamburguer-menu p,
#hamburguer-menu a,
#hamburguer-menu a:hover,
#hamburguer-menu span,
#hamburguer-menu li,
#hamburguer-menu div {
    font-family: "Forma DJR", Sans-serif;
    font-weight: 400;
    line-height: 110%;
    font-size: clamp(16px, 0.94vw, 18px);
}
#hamburguer-menu div,
#hamburguer-menu p,
#hamburguer-menu a,
#hamburguer-menu span,
#hamburguer-menu svg,
#hamburguer-menu svg path,
#hamburguer-menu i::before {
    color: var(--e-global-color-secondary);
    fill: var(--e-global-color-secondary);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
#hamburguer-menu .main-popup ul.elementor-nav-menu {
    display: flex;
    flex-direction: column;
    gap: 46px;
}
#hamburguer-menu .main-popup ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#hamburguer-menu .main-popup a {
    font-size: clamp(16px, 1.25vw, 24px);
    text-transform: uppercase;
    text-align: center;
    justify-content: center;
    width: max-content;
}
#hamburguer-menu .main-popup ul li a span.sub-arrow {
    display: none;
}
#hamburguer-menu .main-popup ul.sub-menu li a {
    font-size: clamp(16px, 0.94vw, 18px);
    text-transform: none;
}
#hamburguer-menu .main-popup a:hover,
#hamburguer-menu .main-popup a:active,
#hamburguer-menu .main-popup a:focus {
    background-color: transparent;
}
#hamburguer-menu .main-popup ul li a {
    position: relative;
    padding-bottom: 10px;
    margin: 0;
    border-inline-start: 0 solid transparent;
}
#hamburguer-menu .main-popup ul li > a::before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: var(--e-global-color-secondary);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
#hamburguer-menu .main-popup ul.elementor-nav-menu li a.highlighted + ul.sub-menu li a::before {
    width: 0;
}
#hamburguer-menu .main-popup ul.elementor-nav-menu > li:hover > a::before,
#hamburguer-menu .main-popup ul.elementor-nav-menu > li > a.highlighted + ul.sub-menu > li > a:hover::before,
#hamburguer-menu .main-popup ul.elementor-nav-menu > li > a.highlighted::before,
#hamburguer-menu .main-popup ul > li.current-menu-item > a::before,
#hamburguer-menu .main-popup ul.elementor-nav-menu > li > a.highlighted + ul.sub-menu > li.current-menu-item > a::before,
#hamburguer-menu .main-popup ul > li > a.elementor-item-active::before,
#hamburguer-menu .main-popup ul.elementor-nav-menu > li > a.highlighted + ul.sub-menu > li > a.elementor-item-active::before {
    width: 100%;
}
#hamburguer-menu .main-popup ul.sub-menu {
    margin-top: 46px;
}
#hamburguer-menu .main-popup ul.sub-menu li {
    margin-bottom: 30px;
}
#hamburguer-menu .main-popup ul.sub-menu li:last-child {
    margin-bottom: 0;
}
#hamburguer-menu .main-popup ul.sub-menu:has(li.current-menu-item) {
  display: block;
}




/* Finder */
#finder,
body.cat-mirai-club.page-template-mirai-club-signup #finder {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    box-shadow: 0px -4px 10px 0px #00000033;
    padding: 24px 56px;
    z-index: 9;
    pointer-events: visible;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
body.cat-mirai-club #finder {
    bottom: 25vh;
}
body.cat-mirai-club #finder.finder-active {
    bottom: 0;
}
#finder .finder-content ui-finder[data-role="finder"] {
    padding: 0;
}
#finder .finder-content ui-button[data-role="finder-button"] {
    letter-spacing: 0.04em;
}
.mi-rs.loading .mi-loading .mi-loading-scope .mi-loading-icon div {
    border-color: #953539 transparent #953539 transparent;
}



/* Footer */
/*-- All footer --*/
#footer p {
    margin: 0;
}
body.cat-hotel-diana #footer .video-footer,
body.cat-hotel-delfin #footer .video-footer {
    display: none;
}
#footer .info-footer {
    flex: 1; 
    max-width: 400px;
    width: auto;
    min-width: 307px;
}
#footer .info-footer.submenu-footer {
    max-width: max-content;
    width: auto;
    min-width: auto;
}

.details-hover {
    cursor: pointer;
}
#footer .text-footer,
#footer .text-footer p,
#footer .text-footer a,
#footer .text-footer span,
#footer .text-footer li,
#footer .text-footer div,
#footer .details-hover.my-booking .elementor-widget-container [data-mirai-component="bookingQuery"] ui-pressable[data-role="bookingquery"] > ui-text,
#footer .details-hover.developed-mirai #developed-wrapper,
#footer .details-hover.developed-mirai #developed-wrapper a {
    font-family: "Forma DJR", Sans-serif;
    font-weight: 400;
    line-height: 110%;
}
#footer .content-info,
#footer .content-info p,
#footer .content-info a,
#footer .content-info span,
#footer .content-info li,
#footer .content-info div {
    font-size: clamp(16px, 1.25vw, 22px);
}
#footer .content-info .elementor-icon-box-icon i,
#footer .content-info .elementor-icon-box-icon svg {
    font-size: clamp(14px, 0.83vw, 16px);
    width: 16px;
    height: 16px;
}
#footer .content-info .rrss-footer .elementor-icon-box-icon i,
#footer .content-info .elementor-icon-box-icon svg {
    font-size: clamp(24px, 1.8vw, 35px);
    width: 35px;
    height: 35px;
}
#footer .postfooter .text-footer,
#footer .postfooter .text-footer p,
#footer .postfooter .text-footer a,
#footer .postfooter .text-footer span,
#footer .postfooter .text-footer li,
#footer .postfooter .text-footer div,
#footer .details-hover.my-booking .elementor-widget-container [data-mirai-component="bookingQuery"] ui-pressable[data-role="bookingquery"] > ui-text,
#footer .details-hover.developed-mirai #developed-wrapper,
#footer .details-hover.developed-mirai #developed-wrapper a {
    font-size: clamp(16px, 0.94vw, 18px);
}
#footer .details-hover.my-booking .elementor-widget-container [data-mirai-component="bookingQuery"] ui-pressable[data-role="bookingquery"] > ui-text,
#footer .details-hover.developed-mirai #developed-wrapper a {
    font-weight: bold;
}

#footer .content-info [aria-label="Menu Footer"] ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
}

.logo-letters svg {
    width: 831px;
    height: auto;
}
.logo-img {
    -webkit-transition: transform 0.2s linear;
    transition: transform 0.2s linear;
}

#footer .details-hover.my-booking,
#footer .details-hover.developed-mirai {
    max-width: max-content;
}
#footer .details-hover.developed-mirai > .elementor-widget-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
/*-- varies by hotel --*/
/*--- Corpo ---*/
#footer div,
#footer p,
#footer a,
#footer span,
#footer svg,
#footer svg path,
#footer i::before,
#footer .details-hover.my-booking .elementor-widget-container [data-mirai-component="bookingQuery"] ui-pressable[data-role="bookingquery"] > ui-text,
#footer .details-hover.developed-mirai #developed-wrapper,
#footer .details-hover.developed-mirai #developed-wrapper a {
    color: var(--e-global-color-e223e57);
    fill: var(--e-global-color-e223e57);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
#footer .details-hover:hover a,
#footer a:hover,
#footer .current-menu-item a,
#footer .details-hover:hover span,
#footer .details-hover:hover svg,
#footer .details-hover:hover svg path,
#footer .details-hover:hover i::before,
#footer .details-hover.my-booking:hover .elementor-widget-container [data-mirai-component="bookingQuery"] ui-pressable[data-role="bookingquery"] > ui-text,
#footer .details-hover.developed-mirai #developed-wrapper a:hover {
    color: #D36B70;
    fill: #D36B70;
}

.map-footer {
    height: 100vh;
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/map-hoteles-dante-1.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
}

#footer .divider-line .elementor-divider-separator {
    width: 100%;
    margin: 0 auto;
    border-block-start: 1px solid var(--e-global-color-e223e57);
}
/*--- Diana ---*/
body.cat-hotel-diana #footer div,
body.cat-hotel-diana #footer p,
body.cat-hotel-diana #footer a,
body.cat-hotel-diana #footer span,
body.cat-hotel-diana #footer svg,
body.cat-hotel-diana #footer svg path,
body.cat-hotel-diana #footer i::before,
body.cat-hotel-diana #footer .details-hover.my-booking .elementor-widget-container [data-mirai-component="bookingQuery"] ui-pressable[data-role="bookingquery"] > ui-text,
body.cat-hotel-diana #footer .details-hover.developed-mirai #developed-wrapper,
body.cat-hotel-diana #footer .details-hover.developed-mirai #developed-wrapper a {
    color: var(--e-global-color-8fe9ff0);
    fill: var(--e-global-color-8fe9ff0);
}
body.cat-hotel-diana #footer .details-hover:hover a,
body.cat-hotel-diana #footer a:hover,
body.cat-hotel-diana #footer .current-menu-item a,
body.cat-hotel-diana #footer .details-hover:hover span,
body.cat-hotel-diana #footer .details-hover:hover svg,
body.cat-hotel-diana #footer .details-hover:hover svg path,
body.cat-hotel-diana #footer .details-hover:hover i::before,
body.cat-hotel-diana #footer .details-hover.my-booking:hover .elementor-widget-container [data-mirai-component="bookingQuery"] ui-pressable[data-role="bookingquery"] > ui-text,
body.cat-hotel-diana #footer .details-hover.developed-mirai #developed-wrapper a:hover {
    color: var(--e-global-color-52235058);
    fill: var(--e-global-color-52235058);
}

body.cat-hotel-diana .map-footer {
	background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/map-hotel-diana-1.webp");
}

body.cat-hotel-diana #footer .divider-line .elementor-divider-separator {
    width: 100%;
    margin: 0 auto;
    border-block-start: 1px solid var(--e-global-color-8fe9ff0);
}
/*--- Delfín ---*/
body.cat-hotel-delfin #footer div,
body.cat-hotel-delfin #footer p,
body.cat-hotel-delfin #footer a,
body.cat-hotel-delfin #footer span,
body.cat-hotel-delfin #footer svg,
body.cat-hotel-delfin #footer svg path,
body.cat-hotel-delfin #footer i::before,
body.cat-hotel-delfin #footer .details-hover.my-booking .elementor-widget-container [data-mirai-component="bookingQuery"] ui-pressable[data-role="bookingquery"] > ui-text,
body.cat-hotel-delfin #footer .details-hover.developed-mirai #developed-wrapper,
body.cat-hotel-delfin #footer .details-hover.developed-mirai #developed-wrapper a {
    color: var(--e-global-color-ed04044);
    fill: var(--e-global-color-ed04044);
}
body.cat-hotel-delfin #footer .details-hover:hover a,
body.cat-hotel-delfin #footer a:hover,
body.cat-hotel-delfin #footer .current-menu-item a,
body.cat-hotel-delfin #footer .details-hover:hover span,
body.cat-hotel-delfin #footer .details-hover:hover svg,
body.cat-hotel-delfin #footer .details-hover:hover svg path,
body.cat-hotel-delfin #footer .details-hover:hover i::before,
body.cat-hotel-delfin #footer .details-hover.my-booking:hover .elementor-widget-container [data-mirai-component="bookingQuery"] ui-pressable[data-role="bookingquery"] > ui-text,
body.cat-hotel-delfin #footer .details-hover.developed-mirai #developed-wrapper a:hover {
    color: var(--e-global-color-0971466);
    fill: var(--e-global-color-0971466);
}

body.cat-hotel-delfin .map-footer {
	background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/map-hotel-delfin-1.webp");
}

body.cat-hotel-delfin #footer .divider-line .elementor-divider-separator {
    width: 100%;
    margin: 0 auto;
    border-block-start: 1px solid var(--e-global-color-ed04044);
}



/* Containers styles */
/*-- Anchors --*/
.cont-anchor-item {
    position: relative;
}
.anchor-item {
    position: absolute;
    width: 100%;
    height: 173px;
    top: -173px;
    opacity: 0;
    pointer-events: none;
}
/*-- Background colors --*/
.bg-corpo-primary {
    background-color: var(--e-global-color-primary);
}
.bg-corpo-secondary {
    background-color: var(--e-global-color-secondary);
}
.bg-corpo-diana {
    background-color: var(--e-global-color-52235058);
}
.bg-corpo-diana-dark {
    background-color: var(--e-global-color-dc718ba);
}
.bg-corpo-delfin {
    background-color: var(--e-global-color-0971466);
}
.bg-corpo-delfin-dark {
    background-color: var(--e-global-color-b2c99bb);
}
/*-- Background zoom --*/
.card-effect .bg-zoom-scroll {
    background-size: 110%;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.card-effect:hover .bg-zoom-scroll {
    background-size: 120%;
}
/*-- png absolute --*/
.bg-cont-abs,
.img-abs {
    pointer-events: none;
}
.club-info .bg-cont-abs {
    width: 200%;
}
/*-- Containers translate --*/
.cont-translate {
    transform: translateX(80px);
}
.cont-translate-left {
    transform: translateX(-80px);
}
/*-- Paddings --*/
.ptb {
    padding-top: 96px;
    padding-bottom: 96px;
}
.p-top {
    padding-top: 96px;
}
.p-bottom {
    padding-bottom: 96px;
}
.ptb-hotels-intro {
    padding-top: 173px;
    padding-bottom: 96px;
}
.plr-xs {
    padding-left: 24px;
    padding-right: 24px;
}
.plr-s {
    padding-left: 40px;
    padding-right: 40px;
}
.plr {
    padding-left: 56px;
    padding-right: 56px;
}
.plr-l {
    padding-left: 96px;
    padding-right: 96px;
}
/*-- Max-widths --*/
.max-w-text {
    max-width: 800px;
}
.max-w-cont {
    max-width: 1100px;
}
.max-w-cont-s {
    max-width: 1000px;
}
.mw-legal {
    max-width: 1280px;
}
.box-info {
    max-width: 300px!important;
}
/*-- Gaps --*/
.gap-ui-1,
.gap-ui-1 > .e-con-inner,
.gap-ui-2 .gap-ui-1,
.gap-ui-2 .gap-ui-1 > .e-con-inner,
.gap-ui-3 .gap-ui-1,
.gap-ui-3 .gap-ui-1 > .e-con-inner,
.gap-ui-4 .gap-ui-1,
.gap-ui-4 .gap-ui-1 > .e-con-inner {
    gap: 40px;
}
.gap-ui-2,
.gap-ui-2 > .e-con-inner,
.gap-ui-1 .gap-ui-2,
.gap-ui-1 .gap-ui-2 > .e-con-inner,
.gap-ui-3 .gap-ui-2,
.gap-ui-3 .gap-ui-2 > .e-con-inner,
.gap-ui-4 .gap-ui-2,
.gap-ui-4 .gap-ui-2 > .e-con-inner {
    gap: 56px;
}
.gap-ui-3,
.gap-ui-3 > .e-con-inner,
.gap-ui-1 .gap-ui-3,
.gap-ui-1 .gap-ui-3 > .e-con-inner,
.gap-ui-2 .gap-ui-3,
.gap-ui-2 .gap-ui-3 > .e-con-inner,
.gap-ui-4 .gap-ui-3,
.gap-ui-4 .gap-ui-3 > .e-con-inner {
    gap: 96px;
}
.gap-ui-4,
.gap-ui-4 > .e-con-inner,
.gap-ui-1 .gap-ui-4,
.gap-ui-1 .gap-ui-4 > .e-con-inner,
.gap-ui-2 .gap-ui-4,
.gap-ui-2 .gap-ui-4 > .e-con-inner,
.gap-ui-3 .gap-ui-4,
.gap-ui-3 .gap-ui-4 > .e-con-inner {
    gap: 80px;
}
.gap-text {
    gap: 16px;
}
.gap-items {
    gap: 24px;
}
/*-- Headings --*/
.heading-1,
.heading-2,
.heading-3 {
    font-family: "Ausion", Sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 110%!important;
}
.heading-1 {
    font-size: clamp(36px, 5vw, 96px);
}
.heading-2 {
    font-size: clamp(24px, 1.85vw, 36px);
}
.heading-3 {
    font-size: clamp(36px, 3.1vw, 60px);
}
.stars {
    font-family: sans-serif;
    font-weight: normal;
}
/*-- Text style --*/
.color-light,
.color-light i::before,
.color-light svg path,
.color-dark .color-light,
.color-dark .color-light i::before,
.color-dark .color-light svg path,
.color-dark.h-diana .color-light,
.color-dark.h-diana .color-light i::before,
.color-dark.h-diana .color-light svg path,
.color-dark.h-delfin .color-light,
.color-dark.h-delfin .color-light i::before,
.color-dark.h-delfin .color-light svg path {
    color: var(--e-global-color-secondary);
    fill: var(--e-global-color-secondary);
}
.color-dark,
.color-dark i::before,
.color-dark svg path,
.color-light .color-dark,
.color-light .color-dark i::before,
.color-light .color-dark svg path {
    color: var(--e-global-color-accent);
    fill: var(--e-global-color-accent);
}
.color-dark.h-diana,
.color-dark.h-diana i::before,
.color-dark.h-diana svg path,
.color-light .color-dark.h-diana,
.color-light .color-dark.h-diana i::before,
.color-light .color-dark.h-diana svg path {
    color: #685012;
    fill: #685012;
}
.color-dark.h-delfin,
.color-dark.h-delfin i::before,
.color-dark.h-delfin svg path,
.color-light .color-dark.h-delfin,
.color-light .color-dark.h-delfin i::before,
.color-light .color-dark.h-delfin svg path {
    color: #2A3A68;
    fill: #2A3A68;
}
.text-second {
    font-size: clamp(12px, 0.73vw, 14px);
}
.text-btn {
    position: relative;
    width: max-content;
    padding-bottom: 2px;
}
.text-btn {
    font-size: clamp(16px, 0.94vw, 18px);
    font-weight: 700;
}
.text-btn::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    transform: translateY(-50%);
    background-color: var(--e-global-color-secondary);
}
/*-- Botones --*/
.all-btn,
.all-btn a,
.all-btn span,
#legal-section .all-btn,
#legal-section .all-btn:hover,
#main .rooms-listing-wrapper .room-box a.more-info,
#main .rooms-listing-wrapper .room-box a.more-info:hover,
#main .rooms-detail-wrapper ol.offers-listing li .offer-box .offer-btn,
#main .rooms-detail-wrapper ol.offers-listing li .offer-box .offer-btn:hover,
#main .offers-listing-wrapper ol.offers-listing li.offer .offer-btn,
#main .offers-listing-wrapper ol.offers-listing li.offer .offer-btn:hover {
    font-family: "Forma DJR", Sans-serif;
    font-weight: 700;
    font-size: clamp(16px, 0.94vw, 18px);
    line-height: 100%!important;
    letter-spacing: 0.04em;
}
#legal-section .all-btn {
    display: inline;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}
a.all-btn {
    padding: 16px 24px;
    border-radius: 4px;
}
/*--- Links Legales ---*/
#legal-section .all-btn {
    padding: 0;
}
#legal-section .all-btn:hover {
    color: var(--e-global-color-primary);
    fill: var(--e-global-color-primary);
}
/*--- Button line ---*/
a.all-btn.btn-line {
    position: relative;
    border: 2px solid var(--e-global-color-secondary);
    background-color: transparent;
}
a.all-btn.btn-line,
a.all-btn.btn-line span,
a.all-btn.btn-line a,
a.all-btn.btn-line i::before,
a.all-btn.btn-line svg ,
a.all-btn.btn-line svg path {
    color: var(--e-global-color-secondary);
    fill: var(--e-global-color-secondary);
}
a.all-btn.btn-line .elementor-button-text {
    position: relative;
    padding-right: 24px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
a.all-btn.btn-line .elementor-button-text::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/arrow.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
a.all-btn.btn-line:hover {
    background-color: var(--e-global-color-secondary);
}
a.all-btn.btn-line:hover,
a.all-btn.btn-line:hover span,
a.all-btn.btn-line:hover a,
a.all-btn.btn-line:hover i::before,
a.all-btn.btn-line:hover svg,
a.all-btn.btn-line:hover svg path {
    color: #531D1F;
    fill: #531D1F;
}
a.all-btn.btn-line.h-diana:hover,
a.all-btn.btn-line.h-diana:hover span,
a.all-btn.btn-line.h-diana:hover a,
a.all-btn.btn-line.h-diana:hover i::before,
a.all-btn.btn-line.h-diana:hover svg,
a.all-btn.btn-line.h-diana:hover svg path {
    color: #685012;
    fill: #685012;
}
a.all-btn.btn-line.h-delfin:hover,
a.all-btn.btn-line.h-delfin:hover span,
a.all-btn.btn-line.h-delfin:hover a,
a.all-btn.btn-line.h-delfin:hover i::before,
a.all-btn.btn-line.h-delfin:hover svg,
a.all-btn.btn-line.h-delfin:hover svg path {
    color: #2A3A68;
    fill: #2A3A68;
}
a.all-btn.btn-line:hover .elementor-button-text::after,
a.all-btn.btn-line.h-diana:hover .elementor-button-text::after,
a.all-btn.btn-line.h-delfin:hover .elementor-button-text::after {
    right: -4px;
}
a.all-btn.btn-line:hover .elementor-button-text::after {
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/arrow-hover.svg");
}
a.all-btn.btn-line.h-diana:hover .elementor-button-text::after {
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/arrow-hover-diana.svg");
}
a.all-btn.btn-line.h-delfin:hover .elementor-button-text::after {
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/arrow-hover-delfin.svg");
}
/*--- Button line dark ---*/
a.all-btn.btn-line-dark {
    position: relative;
    border: 2px solid var(--e-global-color-accent);
    background-color: transparent;
}
a.all-btn.btn-line-dark,
a.all-btn.btn-line-dark span,
a.all-btn.btn-line-dark a,
a.all-btn.btn-line-dark i::before,
a.all-btn.btn-line-dark svg ,
a.all-btn.btn-line-dark svg path {
    color: var(--e-global-color-accent);
    fill: var(--e-global-color-accent);
}
a.all-btn.btn-line-dark .elementor-button-text {
    position: relative;
    padding-right: 24px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
a.all-btn.btn-line-dark .elementor-button-text::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/arrow-hover.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
a.all-btn.btn-line-dark:hover {
    border: 2px solid var(--e-global-color-primary);
    background-color: var(--e-global-color-primary);
}
a.all-btn.btn-line-dark:hover,
a.all-btn.btn-line-dark:hover span,
a.all-btn.btn-line-dark:hover a,
a.all-btn.btn-line-dark:hover i::before,
a.all-btn.btn-line-dark:hover svg ,
a.all-btn.btn-line-dark:hover svg path {
    color: var(--e-global-color-secondary);
    fill: var(--e-global-color-secondary);
}
a.all-btn.btn-line-dark:hover .elementor-button-text::after {
    right: -4px;
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/arrow.svg");
}
/*--- Button line dark h-diana ---*/
a.all-btn.btn-line-dark.h-diana {
    border: 2px solid #685012;
}
a.all-btn.btn-line-dark.h-diana,
a.all-btn.btn-line-dark.h-diana span,
a.all-btn.btn-line-dark.h-diana a,
a.all-btn.btn-line-dark.h-diana i::before,
a.all-btn.btn-line-dark.h-diana svg,
a.all-btn.btn-line-dark.h-diana svg path {
    color: #685012;
    fill: #685012;
}
a.all-btn.btn-line-dark.h-diana .elementor-button-text::after {
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/arrow-hover-diana.svg");
}
a.all-btn.btn-line-dark.h-diana:hover {
    border: 2px solid #937118;
    background-color: #937118;
}
a.all-btn.btn-line-dark.h-diana:hover,
a.all-btn.btn-line-dark.h-diana:hover span,
a.all-btn.btn-line-dark.h-diana:hover a,
a.all-btn.btn-line-dark.h-diana:hover i::before,
a.all-btn.btn-line-dark.h-diana:hover svg ,
a.all-btn.btn-line-dark.h-diana:hover svg path {
    color: #fff;
    fill: #fff;
}
a.all-btn.btn-line-dark.h-diana:hover .elementor-button-text::after {
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/arrow-white.svg");
}
/*--- Button line dark h-delfin ---*/
a.all-btn.btn-line-dark.h-delfin {
    border: 2px solid #2A3A68;
}
a.all-btn.btn-line-dark.h-delfin,
a.all-btn.btn-line-dark.h-delfin span,
a.all-btn.btn-line-dark.h-delfin a,
a.all-btn.btn-line-dark.h-delfin i::before,
a.all-btn.btn-line-dark.h-delfin svg,
a.all-btn.btn-line-dark.h-delfin svg path {
    color: #2A3A68;
    fill: #2A3A68;
}
a.all-btn.btn-line-dark.h-delfin .elementor-button-text::after {
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/arrow-hover-delfin.svg");
}
a.all-btn.btn-line-dark.h-delfin:hover {
    border: 2px solid #40589C;
    background-color: #40589C;
}
a.all-btn.btn-line-dark.h-delfin:hover,
a.all-btn.btn-line-dark.h-delfin:hover span,
a.all-btn.btn-line-dark.h-delfin:hover a,
a.all-btn.btn-line-dark.h-delfin:hover i::before,
a.all-btn.btn-line-dark.h-delfin:hover svg,
a.all-btn.btn-line-dark.h-delfin:hover svg path {
    color: var(--e-global-color-secondary);
    fill: var(--e-global-color-secondary);
}
a.all-btn.btn-line-dark.h-delfin:hover .elementor-button-text::after {
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/arrow.svg");
}
/*--- Button bg #782B2E ---*/
a.all-btn.btn-dark,
#main .rooms-listing-wrapper .room-box a.more-info {
    position: relative;
    border: 2px solid #782B2E;
    background-color: #782B2E;
}
a.all-btn.btn-dark,
a.all-btn.btn-dark span,
a.all-btn.btn-dark a,
a.all-btn.btn-dark i::before,
a.all-btn.btn-dark svg,
a.all-btn.btn-dark svg path,
#main .rooms-listing-wrapper .room-box a.more-info {
    color: #fff;
    fill: #fff;
}
a.all-btn.btn-dark svg {
    width: 20px;
    height: auto;
}
a.all-btn.btn-dark:hover,
#main .rooms-listing-wrapper .room-box a.more-info:hover {
    border: 2px solid #531D1F;
    background-color: #531D1F;
}
/*--- Button bg #685012 h-diana ---*/
a.all-btn.btn-dark.h-diana,
.cat-hotel-diana #main .rooms-listing-wrapper .room-box a.more-info {
    border: 2px solid #685012;
    background-color: #685012;
}
a.all-btn.btn-dark.h-diana:hover,
.cat-hotel-diana #main .rooms-listing-wrapper .room-box a.more-info:hover {
    border: 2px solid #3A2D0A;
    background-color: #3A2D0A;
}
/*--- Button bg #685012 h-delfin ---*/
a.all-btn.btn-dark.h-delfin,
.cat-hotel-delfin #main .rooms-listing-wrapper .room-box a.more-info {
    border: 2px solid #2A3A68;
    background-color: #2A3A68;
}
a.all-btn.btn-dark.h-delfin:hover,
.cat-hotel-delfin #main .rooms-listing-wrapper .room-box a.more-info:hover {
    border: 2px solid #18213A;
    background-color: #18213A;
}
/*-- Carouseles --*/
.carousel-site .bg-dots::before {
    content:"";
    position: absolute;
    inset: 0;
    pointer-events: none;
    mix-blend-mode: multiply;
    z-index: 1;
    background: linear-gradient(180deg, #00000000 0%, #00000000 65%, #000000E6 100%);
    opacity: 0;
}
.carousel-site.dots-desk .bg-dots::before {
    opacity: 1;
}
/*--- Dots ---*/
.carousel-site .swiper-pointer-events,
.carousel-site .swiper {
    padding-bottom: 0!important;
}
.carousel-site .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding-bottom: 72px;
    visibility: hidden;
    pointer-events: none;
}
.carousel-site.title-cont .swiper-pagination {
    padding-bottom: 40px;
}
.carousel-site.dots-desk .swiper-pagination {
    visibility: visible;
    pointer-events: visible;
}
.carousel-site .swiper-pagination-bullet {
    width: 8px!important;
    height: 8px!important;
    margin: 0!important;
    opacity: 1!important;
}
.carousel-site .swiper-pagination-bullet {
    background-color: #CB6F73!important;
}
.carousel-site.h-diana .swiper-pagination-bullet {
    background-color: #DCB755!important;
}
.carousel-site.h-delfin .swiper-pagination-bullet {
    background-color: #597cdf!important;
}
.carousel-site.h-diana .swiper-pagination-bullet:hover,
.carousel-site .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--e-global-color-secondary)!important;
}
/*--- Arrowa ---*/
.carousel-site .elementor-swiper-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%!important;
}
.carousel-site .elementor-swiper-button svg {
    width: 16px!important;
    height: 16px!important;
}
.carousel-site .elementor-swiper-button {
    border: 2px solid #531D1F!important;
}
.carousel-site .elementor-swiper-button:hover svg,
.carousel-site .elementor-swiper-button:hover svg path {
    color: #531D1F;
    fill: #531D1F;
}
.carousel-site .elementor-swiper-button:hover {
    border: 2px solid #953539!important;
    background-color: #953539!important;
}
.carousel-site.h-diana .elementor-swiper-button {
    border: 2px solid #685012!important;
}
.carousel-site.h-diana .elementor-swiper-button:hover svg,
.carousel-site.h-diana .elementor-swiper-button:hover svg path {
    color: #685012;
    fill: #685012;
}
.carousel-site.h-diana .elementor-swiper-button:hover {
    border: 2px solid #937118!important;
    background-color: #937118!important;
}
.carousel-site.h-delfin .elementor-swiper-button {
    border: 2px solid #2A3A68!important;
}
.carousel-site.h-delfin .elementor-swiper-button:hover svg,
.carousel-site.h-delfin .elementor-swiper-button:hover svg path {
    color: #2A3A68;
    fill: #2A3A68;
}
.carousel-site.h-delfin .elementor-swiper-button:hover {
    border: 2px solid #40589C!important;
    background-color: #40589C!important;
}
.carousel-site.h-diana .elementor-swiper-button:hover svg,
.carousel-site.h-diana .elementor-swiper-button:hover svg path {
    color: #fff;
    fill: #fff;
}
.carousel-site .elementor-swiper-button:hover svg,
.carousel-site .elementor-swiper-button:hover svg path,
.carousel-site.h-delfin .elementor-swiper-button:hover svg,
.carousel-site.h-delfin .elementor-swiper-button:hover svg path {
    color: var(--e-global-color-secondary);
    fill: var(--e-global-color-secondary);
}



/* Heros */
#hero-home.all-hero,
#hero-home-page.all-hero,
#hero-page.all-hero {
    position: relative;
}
#hero-home.all-hero::before,
#hero-home-page.all-hero::before,
#hero-page.all-hero::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    mix-blend-mode: multiply;
    z-index: 1;
}
#hero-home.all-hero::before,
#hero-home-page.all-hero::before {
    background: linear-gradient(180deg, #000000CC 0%, #00000000 30%, #00000000 60%, #000000E6 100%);
}
#hero-page.all-hero::before {
    background: linear-gradient(180deg, #00000000 0%, #00000000 45%, #000000E6 100%);
}



/* Forms */
.form-site a,
.form-site a:hover {
    font-size: clamp(16px, 0.94vw, 18px);
}
.form-site a:hover {
    color: var(--e-global-color-primary);
}
.cat-hotel-diana .form-site a:hover {
    color: #937118;
}
.cat-hotel-delfin .form-site a:hover {
    color: #40589C;
}



/* Home page */
/*-- Club Section --*/
.btn-club [data-mirai-component="session"] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#club-section .btn-club ui-pressable[data-role="login"] .login-text {
    padding-right: 24px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
#club-section .btn-club .login-text,
.btn-club i::before,
.btn-club svg,
.btn-club svg path {
    font-family: "Forma DJR", Sans-serif;
    font-weight: 700;
    font-size: clamp(16px, 0.94vw, 18px);
    line-height: 100%!important;
    color: var(--e-global-color-secondary);
    fill: var(--e-global-color-secondary);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
#club-section .btn-club .login-text::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/arrow.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
#club-section .btn-club ui-pressable[data-role="login"]:hover .login-text {
    padding-right: 28px;
}



/* Club page */
body.cat-mirai-club #main [data-mirai-component="signup"] {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 0 40px 96px 40px;
    background-color: var(--e-global-color-secondary);
}



/* Legal pages */
.cookies-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.cookies-table {
  width: 100%;
  min-width: 960px;
  border-collapse: collapse;
  table-layout: auto;  
  font-family: "Forma DJR", Sans-serif;
  font-weight: 400;
  font-size: clamp(16px, 0.94vw, 18px);
  line-height: 100%!important;
}
.cookies-table th {
    font-weight: 700;
}
.cookies-table th,
.cookies-table td {
  border: 1px solid #531D1F;
  padding: 12px 14px;
  color: #531D1F;
  background: transparent;
  vertical-align: top;
  overflow-wrap: anywhere;
}
.cookies-table thead th,
.cookies-table tbody tr:first-child th,
.cookies-table tbody tr:first-child td {
  background: #531D1F;
  color: #E3DACA;
}
.cookies-table a {
  color: inherit;
}
.cookies-table a:hover {
  color: #953539;
}
.cookies-table th:nth-child(2),
.cookies-table td:nth-child(2),
.cookies-table th:nth-child(4),
.cookies-table td:nth-child(4),
.cookies-table th:nth-child(5),
.cookies-table td:nth-child(5) {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}
.cookies-table .col-proveedor,
.cookies-table .col-duracion,
.cookies-table .col-tipo {
  width: 1%;
}
.cookies-table .col-nombre { 
    width: 22%; 
}
.cookies-table .col-finalidad { 
    width: auto; 
}



/*  Events page */
.cont-info-sala .table-info {
    gap: 1px;
    overflow-x: auto;
     overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.cont-info-sala .table-info::-webkit-scrollbar { 
    display: none; 
}
.cont-info-sala .table-info > .item-grid-info {
    flex: 0 0 auto;
    gap: 2px;
    min-width: 0;
}



/* Location pages */
#map-location #map-wrapper {
    min-height: 800px;
    height: 800px;
    object-fit: cover;
    object-position: center;
}
.info-contact .details-hover,
.info-contact a,
.info-contact span,
.info-contact .details-hover:hover,
.info-contact .info-contact .details-hover:hover a,
.info-contact .info-contact .details-hover:hover span {
    font-family: "Forma DJR", Sans-serif;
    font-weight: 700;
    font-size: clamp(16px, 0.94vw, 18px);
    line-height: 100%!important;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.h-diana .info-contact .details-hover,
.h-diana .info-contact .details-hover a,
.h-diana .info-contact .details-hover span,
.h-diana .info-contact .details-hover svg,
.h-diana .info-contact .details-hover svg path,
.h-diana .info-contact .details-hover i::before {
    color: var(--e-global-color-8fe9ff0);
    fill: var(--e-global-color-8fe9ff0);
}
.h-diana .info-contact .details-hover:hover,
.h-diana .info-contact .details-hover:hover a,
.h-diana .info-contact .details-hover:hover span,
.h-diana .info-contact .details-hover:hover svg,
.h-diana .info-contact .details-hover:hover svg path,
.h-diana .info-contact .details-hover:hover i::before {
    color: var(--e-global-color-52235058);
    fill: var(--e-global-color-52235058);
}
.h-delfin .info-contact .details-hover,
.h-delfin .info-contact .details-hover a,
.h-delfin .info-contact .details-hover span,
.h-delfin .info-contact .details-hover svg,
.h-delfin .info-contact .details-hover svg path,
.h-delfin .info-contact .details-hover i::before {
    color: var(--e-global-color-ed04044);
    fill: var(--e-global-color-ed04044);
}
.h-delfin .info-contact .details-hover:hover,
.h-delfin .info-contact .details-hover:hover a,
.h-delfin .info-contact .details-hover:hover span,
.h-delfin .info-contact .details-hover:hover svg,
.h-delfin .info-contact .details-hover:hover svg path,
.h-delfin .info-contact .details-hover:hover i::before {
    color: var(--e-global-color-0971466);
    fill: var(--e-global-color-0971466);
}



/* 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;
}



/* Reserva 3D pages */
.cont-iframe iframe {
    width: 1200px;
    height: 600px;
}



/* Rooms and Offers */
#main .rooms-listing-wrapper,
#main .rooms-detail-wrapper,
#main .offers-listing-wrapper,
#main .offers-detail-wrapper {
    max-width: 100%;
}
.cat-rooms #main,
.cat-room-detail #main,
.cat-room-detail #main .rooms-detail-wrapper,
.cat-room-detail #main .rooms-detail-wrapper .room,
.cat-offers #main,
.cat-offers #main .offers-listing-wrapper,
.cat-offer-detail #main{
    background-color: var(--e-global-color-secondary);
}
#main .rooms-listing-wrapper .common-features p {
    display: none;
}
#main .rooms-listing-wrapper p,
#main .rooms-listing-wrapper li,
#main .rooms-listing-wrapper span,
#main .rooms-listing-wrapper span::before,
#main .rooms-detail-wrapper div,
#main .rooms-detail-wrapper p,
#main .rooms-detail-wrapper span,
#main .rooms-detail-wrapper span::before,
#main .offers-detail-wrapper p,
#main .offers-detail-wrapper span,
#main .offers-detail-wrapper li,
#main .offers-detail-wrapper h4,
#main li::marker {
    color: #531D1F;
}
.cat-hotel-diana #main .rooms-listing-wrapper p,
.cat-hotel-diana #main .rooms-listing-wrapper li,
.cat-hotel-diana #main .rooms-listing-wrapper span,
.cat-hotel-diana #main .rooms-listing-wrapper span::before,
.cat-hotel-diana #main .rooms-detail-wrapper div,
.cat-hotel-diana #main .rooms-detail-wrapper p,
.cat-hotel-diana #main .rooms-detail-wrapper span,
.cat-hotel-diana #main .rooms-detail-wrapper span::before,
.cat-hotel-diana #main .offers-detail-wrapper p,
.cat-hotel-diana #main .offers-detail-wrapper span,
.cat-hotel-diana #main .offers-detail-wrapper li,
.cat-hotel-diana #main .offers-detail-wrapper h4,
.cat-hotel-diana #main li::marker {
    color: #685012;
}
.cat-hotel-delfin #main .rooms-listing-wrapper p,
.cat-hotel-delfin #main .rooms-listing-wrapper li,
.cat-hotel-delfin #main .rooms-listing-wrapper span,
.cat-hotel-delfin #main .rooms-listing-wrapper span::before,
.cat-hotel-delfin #main .rooms-detail-wrapper div,
.cat-hotel-delfin #main .rooms-detail-wrapper p,
.cat-hotel-delfin #main .rooms-detail-wrapper span,
.cat-hotel-delfin #main .rooms-detail-wrapper span::before,
.cat-hotel-delfin #main .offers-detail-wrapper p,
.cat-hotel-delfin #main .offers-detail-wrapper span,
.cat-hotel-delfin #main .offers-detail-wrapper li,
.cat-hotel-delfin #main .offers-detail-wrapper h4,
.cat-hotel-delfin #main li::marker {
    color: #2A3A68;
}
#main .rooms-listing-wrapper .room-box h3 a,
.cat-room-detail #main .rooms-detail-wrapper .back-link,
.cat-room-detail #main .rooms-detail-wrapper a::before,
.cat-room-detail #main .rooms-detail-wrapper .go-to-calendar,
.cat-room-detail #main .rooms-detail-wrapper a::after,
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li a div,
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li a span,
.cat-room-detail #main .rooms-detail-wrapper .go-to-offers-page,
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li h3,
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer .offer-photo + h3 {
    color: #782B2E;
}
#main .rooms-listing-wrapper .room-box h3 a:hover,
.cat-room-detail #main .rooms-detail-wrapper .back-link:hover,
.cat-room-detail #main .rooms-detail-wrapper a:hover::before,
.cat-room-detail #main .rooms-detail-wrapper .go-to-calendar:hover,
.cat-room-detail #main .rooms-detail-wrapper a:hover::after,
.cat-room-detail #main .rooms-detail-wrapper h2,
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li a:hover div,
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li a:hover span,
.cat-room-detail #main .rooms-detail-wrapper .go-to-offers-page:hover,
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li a:hover .offer-box .offer-btn,
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li .offer-box .offer-btn:hover,
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li a:hover h3,
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li h3:hover,
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer a:hover .offer-photo + h3 {
    color: #531D1F;
}
.cat-hotel-diana #main .rooms-listing-wrapper .room-box h3 a,
.cat-room-detail.cat-hotel-diana #main .rooms-detail-wrapper .back-link,
.cat-room-detail.cat-hotel-diana #main .rooms-detail-wrapper a::before,
.cat-room-detail.cat-hotel-diana #main .rooms-detail-wrapper .go-to-calendar,
.cat-room-detail.cat-hotel-diana #main .rooms-detail-wrapper a::after,
.cat-room-detail.cat-hotel-diana #main .rooms-detail-wrapper ol.offers-listing li a div,
.cat-room-detail.cat-hotel-diana #main .rooms-detail-wrapper ol.offers-listing li a span,
.cat-room-detail.cat-hotel-diana #main .rooms-detail-wrapper .go-to-offers-page,
.cat-room-detail.cat-hotel-diana #main .rooms-detail-wrapper ol.offers-listing li h3,
.cat-offers.cat-hotel-diana #main .offers-listing-wrapper ol.offers-listing li.offer .offer-photo + h3 {
    color: #685012;
}
.cat-hotel-diana #main .rooms-listing-wrapper .room-box h3 a:hover,
.cat-room-detail.cat-hotel-diana #main .rooms-detail-wrapper .back-link:hover,
.cat-room-detail.cat-hotel-diana #main .rooms-detail-wrapper a:hover::before,
.cat-room-detail.cat-hotel-diana #main .rooms-detail-wrapper .go-to-calendar:hover,
.cat-room-detail.cat-hotel-diana #main .rooms-detail-wrapper a:hover::after,
.cat-room-detail.cat-hotel-diana #main .rooms-detail-wrapper h2,
.cat-room-detail.cat-hotel-diana #main .rooms-detail-wrapper ol.offers-listing li a:hover div,
.cat-room-detail.cat-hotel-diana #main .rooms-detail-wrapper ol.offers-listing li a:hover span,
.cat-room-detail.cat-hotel-diana #main .rooms-detail-wrapper .go-to-offers-page:hover,
.cat-room-detail.cat-hotel-diana #main .rooms-detail-wrapper ol.offers-listing li a:hover .offer-box .offer-btn,
.cat-room-detail.cat-hotel-diana #main .rooms-detail-wrapper ol.offers-listing li .offer-box .offer-btn:hover,
.cat-room-detail.cat-hotel-diana #main .rooms-detail-wrapper ol.offers-listing li a:hover h3,
.cat-room-detail.cat-hotel-diana #main .rooms-detail-wrapper ol.offers-listing li h3:hover,
.cat-offers.cat-hotel-diana #main .offers-listing-wrapper ol.offers-listing li.offer a:hover .offer-photo + h3 {
    color: #3A2D0A;
}
.cat-hotel-delfin #main .rooms-listing-wrapper .room-box h3 a,
.cat-room-detail.cat-hotel-delfin #main .rooms-detail-wrapper .back-link,
.cat-room-detail.cat-hotel-delfin #main .rooms-detail-wrapper a::before,
.cat-room-detail.cat-hotel-delfin #main .rooms-detail-wrapper .go-to-calendar,
.cat-room-detail.cat-hotel-delfin #main .rooms-detail-wrapper a::after,
.cat-room-detail.cat-hotel-delfin #main .rooms-detail-wrapper ol.offers-listing li a div,
.cat-room-detail.cat-hotel-delfin #main .rooms-detail-wrapper ol.offers-listing li a span,
.cat-room-detail.cat-hotel-delfin #main .rooms-detail-wrapper .go-to-offers-page,
.cat-room-detail.cat-hotel-delfin #main .rooms-detail-wrapper ol.offers-listing li h3,
.cat-offers.cat-hotel-delfin #main .offers-listing-wrapper ol.offers-listing li.offer .offer-photo + h3 {
    color: #2A3A68;
}
.cat-hotel-delfin #main .rooms-listing-wrapper .room-box h3 a:hover,
.cat-room-detail.cat-hotel-delfin #main .rooms-detail-wrapper .back-link:hover,
.cat-room-detail.cat-hotel-delfin #main .rooms-detail-wrapper a:hover::before,
.cat-room-detail.cat-hotel-delfin #main .rooms-detail-wrapper .go-to-calendar:hover,
.cat-room-detail.cat-hotel-delfin #main .rooms-detail-wrapper a:hover::after,
.cat-room-detail.cat-hotel-delfin #main .rooms-detail-wrapper h2,
.cat-room-detail.cat-hotel-delfin #main .rooms-detail-wrapper ol.offers-listing li a:hover div,
.cat-room-detail.cat-hotel-delfin #main .rooms-detail-wrapper ol.offers-listing li a:hover span,
.cat-room-detail.cat-hotel-delfin #main .rooms-detail-wrapper .go-to-offers-page:hover,
.cat-room-detail.cat-hotel-delfin  #main .rooms-detail-wrapper ol.offers-listing li a:hover .offer-box .offer-btn,
.cat-room-detail.cat-hotel-delfin  #main .rooms-detail-wrapper ol.offers-listing li .offer-box .offer-btn:hover,
.cat-room-detail.cat-hotel-delfin #main .rooms-detail-wrapper ol.offers-listing li a:hover h3,
.cat-room-detail.cat-hotel-delfin #main .rooms-detail-wrapper ol.offers-listing li h3:hover,
.cat-offers.cat-hotel-delfin #main .offers-listing-wrapper ol.offers-listing li.offer a:hover .offer-photo + h3 {
    color: #18213A;
}
/* Rooms pages */
.cat-rooms #main .elementor-container {
    display: flex;
    justify-content: center;
}
.cat-rooms #main .rooms-listing-wrapper .common-features > h2 {
    display: none;
    margin: 0;
    padding: 0;
}
#main .rooms-listing-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
    padding: 173px 41px 0;
}
#main .rooms-listing-wrapper > h2 {
    display: none;
}
#main .rooms-listing-wrapper .room-box {
    padding: 0;
    margin: 0;
    background-color: transparent;
}
#main .rooms-listing-wrapper .common-services {
    margin-top: 40px;
    padding: 0;
}
#main .rooms-listing-wrapper .common-features {
    margin: 0;
}
#main .rooms-listing-wrapper .rooms-listing {
    display: flex;
    flex-direction: column;
    gap: 96px;
}
#main .rooms-listing-wrapper .rooms-listing .room-item {
    margin: 0;
}
#main .rooms-listing-wrapper .room-box {
    display: grid;
    column-gap: 40px;
    row-gap: 40px;
    align-items: stretch;
    min-height: 450px;
}
#main .rooms-listing-wrapper .room-item.odd .room-box {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    grid-template-areas:
        "img detail"
        "img content";
}
#main .rooms-listing-wrapper .room-item:not(.odd) .room-box {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    grid-template-areas:
        "detail img"
        "content img";
}
#main .rooms-listing-wrapper .room-image-link { grid-area: img; }
.room-detail { grid-area: detail; }
.room-content { grid-area: content; }
#main .rooms-listing-wrapper .room-image-link {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
#main .rooms-listing-wrapper .room-image-link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;    
    object-position: center; 
}
#main .rooms-listing-wrapper .rooms-listing .room-detail,
#main .rooms-listing-wrapper .rooms-listing .room-content {
    width: 100%;
    padding: 0;
}
/*#main .rooms-listing-wrapper .room-item .room-detail,
#main .rooms-listing-wrapper .room-item .room-content {
    padding-right: 80px;
}*/
#main .rooms-listing-wrapper .room-box h3 a {
    font-family: "Ausion", Sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 110%!important;
    font-size: clamp(36px, 3.1vw, 60px);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
#main .rooms-listing-wrapper .room-price {
    display: none;
}
#main .rooms-listing-wrapper .room-item .room-detail ul {
    padding-bottom: 0;
}
/* Rooms detail pages */
.cat-room-detail #main .rooms-detail-wrapper {
    padding: 173px 41px 96px;
}
.cat-room-detail #main .rooms-detail-wrapper .room {
    padding: 0;
}
.cat-room-detail #main .rooms-detail-wrapper .back-link,
.cat-room-detail #main .rooms-detail-wrapper .back-link:hover,
.cat-room-detail #main .rooms-detail-wrapper .go-to-calendar,
.cat-room-detail #main .rooms-detail-wrapper .go-to-calendar:hover {
    font-size: clamp(16px, 0.94vw, 18px);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.cat-room-detail #main .rooms-detail-wrapper h2 {
    font-family: "Ausion", Sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 110%!important;
    font-size: clamp(36px, 3.1vw, 60px);
}
.cat-room-detail #main .rooms-detail-wrapper h2
.cat-room-detail #main .rooms-detail-wrapper .offer-list-wrapper {
    padding: 0;
}
.cat-room-detail #main .rooms-detail-wrapper .room-offer {
    display: flex;
    flex-direction: column;
}
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
}
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li {
    flex: 1;
    width: 100%;
    min-width: 300px;
}
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li .offer-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 24px;
} 
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li .offer-photo,
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li .offer-photo img {
    max-height: 283px;
    min-height: 283px;
}
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li a div,
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li a span,
.cat-room-detail #main .rooms-detail-wrapper .go-to-offers-page {
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li .offer-box .offer-btn {
    position: relative;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li .offer-box .offer-btn::before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    left: 0;
    bottom: -4px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li .offer-box .offer-btn::before {
    background-color: #782B2E;
}
.cat-room-detail.cat-hotel-diana  #main .rooms-detail-wrapper ol.offers-listing li .offer-box .offer-btn::before {
    background-color: #685012;
}
.cat-room-detail.cat-hotel-delfin  #main .rooms-detail-wrapper ol.offers-listing li .offer-box .offer-btn::before {
    background-color: #2A3A68;
}
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li a:hover .offer-box .offer-btn,
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li .offer-box .offer-btn:hover {
    border-bottom: none;
}
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li a:hover .offer-box .offer-btn::before,
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li .offer-box .offer-btn:hover::before {
    width: 100%;
    background-color: #531D1F;
}
.cat-room-detail.cat-hotel-diana #main .rooms-detail-wrapper ol.offers-listing li a:hover .offer-box .offer-btn::before,
.cat-room-detail.cat-hotel-diana #main .rooms-detail-wrapper ol.offers-listing li .offer-box .offer-btn:hover::before {
    background-color: #3A2D0A;
}
.cat-room-detail.cat-hotel-delfin  #main .rooms-detail-wrapper ol.offers-listing li a:hover .offer-box .offer-btn::before,
.cat-room-detail.cat-hotel-delfin  #main .rooms-detail-wrapper ol.offers-listing li .offer-box .offer-btn:hover::before {
    background-color: #18213A;
}
.cat-room-detail #main .rooms-detail-wrapper ol.offers-listing li h3 {
    padding: 0;
    font-family: "Ausion", Sans-serif;
    font-weight: 700;
    font-size: clamp(16px, 1.25vw, 24px);
    line-height: 110%!important;
}
.cat-room-detail #main .rooms-detail-wrapper #calendar-wrapper {
    margin: 0;
}
.cat-room-detail #main .rooms-detail-wrapper #calendar-wrapper ui-calendar > ui-scrollview {
    justify-content: center;
}

/* Offers pages */
.cat-offers #main .offers-listing-wrapper {
    padding: 173px 41px 96px;
}
.cat-offers #main .offers-listing-wrapper.no-offers p {
    text-align: center;
}
.cat-hotel-diana.cat-offers #main .offers-listing-wrapper.no-offers p {
    color: #3A2D0A;
}
.cat-hotel-delfin.cat-offers #main .offers-listing-wrapper.no-offers p {
    color: #18213A;
}
.cat-offers #main .offers-listing-wrapper ol.offers-listing {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
}
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer {
    flex: 1;
    min-width: 300px;
    margin: 0;
}
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
}
.cat-offers #main .offers-listing .offer-wrapper-special .offer-box {
    left: 5%;
    padding-left: 0;
    text-align: left;
    background-color: transparent;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer a.offer-wrapper-special:hover .offer-box,
.cat-offers #main .offers-listing .offer-wrapper-special .offer-box:hover {
    left: 6%;
}
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer a .offer-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
}
.cat-offers #main .offers-listing .offer-wrapper-special .bg-light-black {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 35%, rgba(0, 0, 0, 0) 100%);
}
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer.offer-featured a .offer-box {
    align-items: flex-start;
}
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer a .offer-box div,
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer a .offer-box h3 {
    margin: 0;
}
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer .offer-photo,
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer .offer-photo img {
    width: 100%;
    max-height: 320px;
    min-height: 320px;
    object-fit: cover;
    object-position: center;
}
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer h3,
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer .offer-data span {
    font-family: "Ausion", Sans-serif;
    font-weight: 400;
    font-size: clamp(16px, 1.25vw, 24px);
    line-height: 110%!important;
}
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer .offer-data span {
    color: #fff;
    text-shadow: 1px 1px 3px #000000;
}
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer .offer-btn {
    position: relative;
    width: max-content;
    border-radius: 4px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer.offer-featured .offer-btn,
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer .offer-btn {
    padding: 16px 24px!important;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    fill: #fff;
    text-align: center;
    text-shadow: none;
}
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer.offer-featured .offer-btn::before,
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer .offer-btn::before {
    display: none;
}
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer.offer-featured a:hover .offer-btn,
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer.offer-featured .offer-btn:hover,
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer a:hover .offer-btn,
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer .offer-btn:hover {
    background-color: var(--e-global-color-primary);
    border: 2px solid var(--e-global-color-primary);
    color: #fff;
    fill: #fff;
}
.cat-offers.cat-hotel-diana #main .offers-listing-wrapper ol.offers-listing li.offer.offer-featured a:hover .offer-btn,
.cat-offers.cat-hotel-diana #main .offers-listing-wrapper ol.offers-listing li.offer.offer-featured .offer-btn:hover,
.cat-offers.cat-hotel-diana #main .offers-listing-wrapper ol.offers-listing li.offer a:hover .offer-btn,
.cat-offers.cat-hotel-diana #main .offers-listing-wrapper ol.offers-listing li.offer .offer-btn:hover {
    background-color: #937118;
    border: 2px solid #937118;
}
.cat-offers.cat-hotel-delfin #main .offers-listing-wrapper ol.offers-listing li.offer.offer-featured a:hover .offer-btn,
.cat-offers.cat-hotel-delfin #main .offers-listing-wrapper ol.offers-listing li.offer.offer-featured .offer-btn:hover,
.cat-offers.cat-hotel-delfin #main .offers-listing-wrapper ol.offers-listing li.offer a:hover .offer-btn,
.cat-offers.cat-hotel-delfin #main .offers-listing-wrapper ol.offers-listing li.offer .offer-btn:hover {
    background-color: #40589C;
    border: 2px solid #40589C;
}
.cat-offers #main .offers-listing-wrapper ol.offers-listing li.offer .offer-photo + h3 {
    margin: 0;
    padding: 0;
    font-family: "Ausion", Sans-serif;
    font-weight: 700;
    font-size: clamp(16px, 1.25vw, 24px);
    line-height: 110%!important;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
/* Offers detail pages */
#main .offers-detail-wrapper {
    max-width: 1600px;
    padding: 173px 56px 96px;
    margin-bottom: 0;
}
#main .offers-detail-wrapper .offer-room-wrapper {
    background-color: var(--e-global-color-primary);
}
#main .offers-detail-wrapper .offer {
    display: flex;
    flex-direction: column;
    gap: 56px;
}
#main .offers-detail-wrapper .offer .offer-photo img,
#main .offers-detail-wrapper .offer .offer-photo .absolute-full {
    max-height: 320px;
    min-height: 320px;
}
#main .offers-detail-wrapper .offer .offer-intro .offer-photo img + div {
    left: 0;
    margin-left: 0;
    width: 100%;
}
#main .offers-detail-wrapper .offer h2,
#main .offers-detail-wrapper .offer-room-wrapper h3 {
    font-family: "Ausion", Sans-serif;
    font-size: clamp(36px, 3.1vw, 60px);
    font-weight: 700;
    line-height: 110%!important;
    text-shadow: none;
    margin-bottom: 0;
}
#main .offers-detail-wrapper .offer-room-wrapper h3 {
    margin-bottom: 40px;
}
#main .offers-detail-wrapper .offer .offer-title {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
#main .offers-detail-wrapper .offer .offer-title .detail-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
#main .offers-detail-wrapper .back-link,
#main .offers-detail-wrapper .back-link:hover,
#main .offers-detail-wrapper .offer .offer-title .detail-links a {
    font-size: clamp(16px, 0.94vw, 18px);
    border-bottom: none;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
#main .offers-detail-wrapper .offer-content {
    padding: 0;
}
#main .offers-detail-wrapper #calendar-wrapper {
    margin: 0;
}
#main .offers-detail-wrapper #calendar-wrapper ui-calendar > ui-scrollview {
    justify-content: center;
}



@media (min-width: 1200px) {
    #services-diana .carousel-site.full-desk .swiper-wrapper,
    #services-delfin .carousel-site.full-desk .swiper-wrapper {
        display:flex!important;
        flex-wrap:wrap;
        justify-content:center;
        align-items: stretch;
        gap:56px;
        transform:none!important;
    }
    #services-diana .carousel-site.full-desk .swiper-wrapper .swiper-slide,
    #services-delfin .carousel-site.full-desk .swiper-wrapper .swiper-slide {
        flex: 0 0 300px;
        max-width:300px!important;
        margin-right:0!important;
    }
    #services-diana .carousel-site.full-desk .swiper-wrapper .swiper-slide-duplicate,
    #services-delfin .carousel-site.full-desk .swiper-wrapper .swiper-slide-duplicate {
        display:none!important;
    }
}

@media (max-width: 1365px) {
    /* Header 1366 */
    /*-- cont-left --*/
    /*#header .cont-left {
        width: calc(58% - 165px);
    }*/
    /*-- cont-right --*/
    /*#header .cont-right {
        width: calc(42% - 165px);
    }*/

    /* Background all header */
    body.cat-hotel-diana header:has(#menus-hotels-ind.elementor-sticky--effects) .elementor-sticky--effects#header .cont-left,
    body.cat-hotel-diana header:has(#menus-hotels-ind.elementor-sticky--effects) .elementor-sticky--effects#header .cont-right,
    body.cat-hotel-delfin header:has(#menus-hotels-ind.elementor-sticky--effects) .elementor-sticky--effects#header .cont-lef,
    body.cat-hotel-delfin header:has(#menus-hotels-ind.elementor-sticky--effects) .elementor-sticky--effects#header .cont-right {
        width: calc(50% - 165px);
    }

    /* Botones Cards Home 1365 */
    .card-ind .btn-card {
        flex-direction: column;
    }
    .card-ind .btn-card .all-btn,
    .card-ind .btn-card .all-btn a {
        width: 100%;
    }

    /* Containers styles 1365 */
    /*-- Background zoom --*/
    .card-effect .bg-zoom-scroll {
        background-size: 125%;
    }
    .card-effect:hover .bg-zoom-scroll {
        background-size: 135%;
    }
    /*-- Paddings --*/
    .plr-s {
        padding-left: 24px;
        padding-right: 24px;
    }
    .plr-l {
        padding-left: 56px;
        padding-right: 56px;
    }

    /* Card club 1365 */
    .club-info .ptb {
        padding-top: 56px;
        padding-bottom: 56px;
    }
    #club-section.club-info .club-cont .bg-cont-abs {
        left: -590px;
        top: -330px;
    }
}

@media (max-width: 1200px) {
    /* Header 1200 */
    /*-- cont-left --*/
    #header .cont-left {
        width: calc(50% - 165px);
    }
    /*-- cont-right --*/
    #header .cont-right {
        width: calc(50% - 165px);
    }
    #header .cont-right .mirai-club .login span {
        font-size: 0;
    }
    #header .cont-right .mirai-club .login {
        gap: 0;
    }

    /* Footer 1200 */
    /*-- All footer --*/
    .map-footer {
        max-height: 510px;
        background-size: cover;
        background-position: top right;
    }
    .logo-letters svg {
        width: 531px;
    }
    #footer .info-footer {
        max-width: 100%;
        width: 100%;
        min-width: 100%;
    }
    #footer ul.elementor-nav-menu::after {
        display: none;
    }

    /* Containers styles 1200 */
    /*-- Containers translate --*/
    .cont-translate {
        transform: translateX(56px);
    }
    .cont-translate-left {
        transform: translateX(-28px);
    }
    /*-- Gaps --*/
    .gap-ui-4,
    .gap-ui-4 > .e-con-inner,
    .gap-ui-1 .gap-ui-4,
    .gap-ui-1 .gap-ui-4 > .e-con-inner,
    .gap-ui-2 .gap-ui-4,
    .gap-ui-2 .gap-ui-4 > .e-con-inner,
    .gap-ui-3 .gap-ui-4,
    .gap-ui-3 .gap-ui-4 > .e-con-inner {
        gap: 56px;
    }
    /*-- Carouseles 1200 --*/
    .carousel-site.full-desk .swiper-pagination {
        margin-top: 30px;
        padding-bottom: 0;
        visibility: visible;
        pointer-events: visible;
    }

    /* Botones Cards Home 1200 */
    .card-ind .btn-card {
        flex-direction: row;
    }
    .card-ind .btn-card .all-btn,
    .card-ind .btn-card .all-btn a {
        width: auto;
    }

    /*  Location pages 1200 */
    #map-location #map-wrapper {
        min-height: 500px;
        height: 500px;
    }

    /* Rooms and Offers 1200 */
    /* Rooms pages */
    #main .rooms-listing-wrapper .room-item.odd .room-box,
    #main .rooms-listing-wrapper .room-item:not(.odd) .room-box {
        grid-template-columns: 1fr;
        grid-template-areas:
        "img"
        "detail"
        "content";
        row-gap: 40px;
        border-bottom: none;
    }
    #main .rooms-listing-wrapper .room-image-link {
        height: 460px;
    }
    #main .rooms-listing-wrapper .room-item .room-detail,
    #main .rooms-listing-wrapper .room-item .room-content {
        padding-right: 0;
    }
    /* Offers pages */
    #main .offers-detail-wrapper .offer .offer-photo img,
    #main .offers-detail-wrapper .offer .offer-photo .absolute-full {
        max-height: 500px;
        min-height: 500px;
    }
    #main .offers-detail-wrapper .offer-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
    #main .offers-detail-wrapper .offer-content .offer-data,
    #main .offers-detail-wrapper .offer-content .offer-features-wrapper {
        width: 100%;
    }
    #main .offers-detail-wrapper .offer-content p {
        text-align: center;
    }
}

@media (max-width: 767px) {
    /* Chat externo 767 */
    #chatbotmobile .infochat_theme1,
    #chatbotmobile > div {
        bottom: 94px!important;
    }



    /* WhatsApp 767 */
    header #finder.finder-active ~ #content-wa-fixed {
        bottom: 185px;
    }

    /* Header 767 */
    /*-- cont-left --*/
    #header .cont-left {
        width: calc(50% - 78px);
    }
    /*-- cont-center --*/
    #header .cont-center .logo-cont .logo-site {
        height: 88px;
    }
    .elementor-sticky--effects#header .cont-center .logo-cont .logo-fixed,
    body.cat-hotel-diana #header .cont-center .logo-cont .logo-fixed,
    body.cat-hotel-delfin #header .cont-center .logo-cont .logo-fixed,
    body.cat-hotel-diana header:has(#menus-hotels-ind.elementor-sticky--effects) .elementor-sticky--effects#header .cont-center .logo-cont .logo-fixed.logo-fixed-diana,
    body.cat-hotel-delfin header:has(#menus-hotels-ind.elementor-sticky--effects) .elementor-sticky--effects#header .cont-center .logo-cont .logo-fixed.logo-fixed-delfin {
        height: 16px;
    }
    /*-- cont-right --*/
    #header .cont-right {
        width: calc(50% - 78px);
    }
    /*--- lang ---*/
    #header .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul {
        width: 44px;
        height: 44px;
        cursor: pointer;
    }
    #header .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul li a.wpml-ls-item-toggle {
        padding: 10px;
    }
    #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu {
        padding: 0 10px;
    }
    #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle,
    #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle span,
    #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a, 
    #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu li a span {
        /*color: var(--e-global-color-secondary);*/
        color: #531D1F;
    }
    .elementor-sticky--effects#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle,
    .elementor-sticky--effects#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle span,
    body.cat-hotel-diana #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle,
    body.cat-hotel-diana #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle span,
    body.cat-hotel-delfin #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle,
    body.cat-hotel-delfin #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle span {
        color: var(--e-global-color-secondary);
    }
    .elementor-sticky--effects#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:hover,
    .elementor-sticky--effects#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:hover span,
    body.cat-hotel-diana #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:hover,
    body.cat-hotel-diana #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:hover span,
    body.cat-hotel-delfin #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:hover,
    body.cat-hotel-delfin #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:hover span {
        color: #D36B70;
    }
    #header .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul .wpml-ls-current-language,
    #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu,
    .elementor-sticky--effects#header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu,
    body.cat-hotel-diana #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu,
    body.cat-hotel-delfin #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu {
        background-color: transparent;
        box-shadow: none;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }
    .elementor-sticky--effects#header .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul .wpml-ls-current-language,
    body.cat-hotel-diana #header .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul .wpml-ls-current-language,
    body.cat-hotel-delfin #header .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul .wpml-ls-current-language {
        background-color: #531D1F;
        box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.12);
    }
    #header .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul::before {
        content: '';
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 16px;
        height: 16px;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/world-light.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        border: 0;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }
    #header .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul:hover::before {
        background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/world-hover.svg");
    }
    #header .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul li a.wpml-ls-item-toggle::before {
        display: none;
    }
    #header .wpml-elementor-ls .wpml-ls-legacy-dropdown-click > ul .wpml-ls-current-language {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 44px;
        left: 50%;
        transform: translateX(-50%);
        visibility: hidden;
        background-color: var(--e-global-color-secondary);
    }
    #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;
        -webkit-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;
    }
    #header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle + ul.wpml-ls-sub-menu {
        position: relative;
        visibility: inherit!important;
    }
    #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-elementor-ls .wpml-ls-legacy-dropdown-click > ul:hover .wpml-ls-current-language {
        visibility: visible;
    }

    /* Background all header */
    body.cat-hotel-diana header:has(#menus-hotels-ind.elementor-sticky--effects) .elementor-sticky--effects#header .cont-left,
    body.cat-hotel-diana header:has(#menus-hotels-ind.elementor-sticky--effects) .elementor-sticky--effects#header .cont-right,
    body.cat-hotel-delfin header:has(#menus-hotels-ind.elementor-sticky--effects) .elementor-sticky--effects#header .cont-lef,
    body.cat-hotel-delfin header:has(#menus-hotels-ind.elementor-sticky--effects) .elementor-sticky--effects#header .cont-right {
        width: calc(50% - 78px);
    }
    /*-- menus-hotels-ind 767 --*/
    #menus-hotels-ind {
        top: calc(100svh - 282px);
    }
    .cat-room-detail #menus-hotels-ind,
    .cat-offer-detail #menus-hotels-ind {
        top: calc(80vh - 149px);
    }
    #menus-hotels-ind .all-menus-ind ul li a {
        margin: 12px 0;
    }



    /* Finder 767 */
    #finder,
    body.cat-mirai-club #finder,
    body.cat-mirai-club.page-template-mirai-club-signup #finder {
        padding: 14px 12px;
        bottom: 200px;
    }
    body.cat-hotel-diana #finder,
    body.cat-hotel-delfin #finder {
        bottom: 210px;
    }
    #finder.finder-active,
    body.cat-mirai-club #finder.finder-active,
    body.cat-mirai-club.page-template-mirai-club-signup #finder.finder-active,
    body.cat-hotel-diana #finder.finder-active,
    body.cat-hotel-delfin #finder.finder-active {
        bottom: 0;
    }
    #finder ui-finder-compact[data-role="finder-compact"] {
        border-color: transparent;
        padding: 0;
    }
    #finder ui-finder-compact[data-role="finder-compact"] ui-button {
        margin: 0;
    }



    /* Pop up menú hamburguesa */
    body.popup-menu-open:has(header #header.elementor-sticky--effects) .pop-up-site #hamburguer-menu .header-popup {
        min-height: 72px;
    }



    /* Footer 767 */
    /*-- All footer --*/
    .map-footer {
        max-height: 360px;
    }

    .logo-letters svg {
        width: 231px;
    }

    #footer .content-info .elementor-icon-box-icon i,
    #footer .content-info .elementor-icon-box-icon svg {
        width: 14px;
        height: 14px;
    }
    #footer .content-info .rrss-footer .elementor-icon-box-icon i,
    #footer .content-info .elementor-icon-box-icon svg {
        width: 24px;
        height: 24px;
    }

    #footer .menu-legal ul.elementor-nav-menu {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 18px;
    }
    #footer .menu-legal ul.elementor-nav-menu li::after {
        display: none;
    }
    #footer .menu-legal ul.elementor-nav-menu li a {
        margin: 0;
        padding: 0;
    }
    #footer .details-hover.developed-mirai > .elementor-widget-container {
        justify-content: flex-start;
    }

    /* Corpo */
    .map-footer {
	    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/map-mobile-hoteles-dante.webp");
    }
    /* Diana */
    body.cat-hotel-diana .map-footer {
	    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/map-mobile-hotel-diana.webp");
    }
    /* Delfín */
    body.cat-hotel-delfin .map-footer {
	    background-image: url("https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/map-mobile-hotel-delfin.webp");
    }

    /* Containers styles 767 */
    /*-- Anchors --*/
    .anchor-item {
        height: 134px;
        top: -134px;
    }
    /*-- Containers translate --*/
    .cont-translate {
        transform: translateX(0px);
    }
    .cont-translate-left {
        transform: translateX(-24px);
    }
    /*-- Paddings --*/
    .ptb {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .p-top {
        padding-top: 80px;
    }
    .p-bottom {
        padding-bottom: 80px;
    }
    .ptb-hotels-intro {
        padding-top: 122px;
        padding-bottom: 80px;
    }
    .plr-s {
        padding-left: 0;
        padding-right: 0;
    }
    .plr {
        padding-left: 24px;
        padding-right: 24px;
    }
    .plr-l {
        padding-left: 24px;
        padding-right: 24px;
    }
    /*-- Max-widths --*/
    .max-w-text {
        max-width: 100%;
    }
    /*-- Gaps --*/
    .gap-ui-1,
    .gap-ui-1 > .e-con-inner,
    .gap-ui-2 .gap-ui-1,
    .gap-ui-2 .gap-ui-1 > .e-con-inner,
    .gap-ui-3 .gap-ui-1,
    .gap-ui-3 .gap-ui-1 > .e-con-inner,
    .gap-ui-4 .gap-ui-1,
    .gap-ui-4 .gap-ui-1 > .e-con-inner {
        gap: 24px;
    }
    .gap-ui-2,
    .gap-ui-2 > .e-con-inner,
    .gap-ui-1 .gap-ui-2,
    .gap-ui-1 .gap-ui-2 > .e-con-inner,
    .gap-ui-3 .gap-ui-2,
    .gap-ui-3 .gap-ui-2 > .e-con-inner,
    .gap-ui-4 .gap-ui-2,
    .gap-ui-4 .gap-ui-2 > .e-con-inner {
        gap: 40px;
    }
    .gap-ui-3,
    .gap-ui-3 > .e-con-inner,
    .gap-ui-1 .gap-ui-3,
    .gap-ui-1 .gap-ui-3 > .e-con-inner,
    .gap-ui-2 .gap-ui-3,
    .gap-ui-2 .gap-ui-3 > .e-con-inner,
    .gap-ui-4 .gap-ui-3,
    .gap-ui-4 .gap-ui-3 > .e-con-inner {
        gap: 80px;
    }
    .gap-ui-4,
    .gap-ui-4 > .e-con-inner,
    .gap-ui-1 .gap-ui-4,
    .gap-ui-1 .gap-ui-4 > .e-con-inner,
    .gap-ui-2 .gap-ui-4,
    .gap-ui-2 .gap-ui-4 > .e-con-inner,
    .gap-ui-3 .gap-ui-4,
    .gap-ui-3 .gap-ui-4 > .e-con-inner {
        gap: 32px;
    }
    /*--- Button line ---*/
    a.all-btn.btn-line .elementor-button-text,
    a.all-btn.btn-line-dark .elementor-button-text  {
        padding-right: 20px;
    }
    a.all-btn.btn-line .elementor-button-text::after,
    a.all-btn.btn-line-dark .elementor-button-text::after {
        width: 14px;
        height: 14px;
    }
    /*-- Carouseles 767 --*/
    .carousel-site .bg-dots::before{
        opacity: 1;
    }
    .carousel-site .swiper-pagination {
        padding-bottom: 30px;
        visibility: visible;
        pointer-events: visible;
    }
    /*--- Arrowa ---*/
    .carousel-site .elementor-swiper-button {
        width: 32px;
        height: 32px;
    }
    .carousel-site .elementor-swiper-button svg {
        width: 12px!important;
        height: 12px!important;
    }

    /* Cards Hotels Home 767 */
    .cards-hotels.gap-ui-1 {
        gap: 40px;
    }

    /* Card club */
    #club-section.club-info .club-cont .bg-cont-abs {
        left: -160px;
        top: -230px;
    }



    /* Club page 767 */
    body.cat-mirai-club #main [data-mirai-component="signup"] {
        padding: 0 8px 80px 8px;
    }



    /*  Location pages 767 */
    #map-location #map-wrapper {
        min-height: 360px;
        height: 360px;
    }



    /* Reserva 3D pages 767 */
    .cont-iframe iframe {
        height: 400px;
    }



    /* Rooms and Offers 767 */
    /* Rooms pages */
    #main .rooms-listing-wrapper {
        padding: 122px 9px 0;
    }
    #main .rooms-listing-wrapper .room-item.odd .room-box,
    #main .rooms-listing-wrapper .room-item:not(.odd) .room-box {
        row-gap: 24px;
    }
    #main .rooms-listing-wrapper .room-image-link {
        height: 280px;
    }
    #main .rooms-listing-wrapper .common-services {
        margin-top: 24px;
    }
    #main .rooms-listing-wrapper .rooms-listing {
        gap: 80px;
    }
    /* Rooms detail pages */
    .cat-room-detail #main .rooms-detail-wrapper {
        padding: 122px 9px 80px;
    }
    .cat-room-detail #main .rooms-detail-wrapper .elementor-main-swiper {
        max-height: 240px;
    }
    .cat-room-detail #main .rooms-detail-wrapper .room-box-description,
    .cat-room-detail #main .rooms-detail-wrapper .room-box-price {
        margin: 0;
    }
    .cat-room-detail #main .rooms-detail-wrapper ol.offers-listing {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
    /* Offers pages */
    .cat-offers #main .offers-listing-wrapper {
        padding: 122px 9px 80px;
    }
    /* Offers detail pages */
    #main .offers-detail-wrapper {
        padding: 122px 24px 80px;
    }
    #main .offers-detail-wrapper .offer {
        gap: 40px;
    }
    #main .offers-detail-wrapper h2,
    #main .offers-detail-wrapper a,
    #main .offers-detail-wrapper a::after {
        color: #531D1F;
    }
    #main .offers-detail-wrapper .offer .offer-photo img,
    #main .offers-detail-wrapper .offer .offer-photo .absolute-full {
        max-height: 240px;
        min-height: 240px;
    }
    #main .offers-detail-wrapper .detail-links a,
    #main .offers-detail-wrapper .offer-extra-wrapper {
        padding: 0!important;
    }
}

@media (max-height: 450px) {
    /* Header h450 */
    /*-- menus-hotels-ind --*/
    #menus-hotels-ind {
        top: calc(100svh - 72px);
    }

    /* Finder h450 */
    #finder,
    body.cat-mirai-club #finder,
    body.cat-mirai-club.page-template-mirai-club-signup #finder,
    body.cat-hotel-diana #finder, 
    body.cat-hotel-delfin #finder {
        bottom: 0;
    }

    /* Hero */
    #hero-home.all-hero,
    #hero-home-page.all-hero {
        min-height: 100svh;
    }
    #hero-page.all-hero {
        min-height: calc(100svh - 60px);
    }
    #hero-page.all-hero::before {
        background: linear-gradient(180deg, #00000000 0%, #00000000 25%, #000000E6 100%);
    }
    #hero-home.all-hero .cont-title,
    #hero-page.all-hero .cont-title,
    #hero-home-page.all-hero .cont-title {
        padding-bottom: 120px;
    }

    /*-- Headings --*/
    /*.heading-1,
    .heading-3 {
        font-size: 36px;
    }
    .heading-2 {
        font-size: 24px;
    }*/
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Forma DJR';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/FormaDJRText-Regular-3.woff2') format('woff2'),
		url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/FormaDJRText-Regular-1.woff') format('woff'),
		url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/FormaDJRText-Regular-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Forma DJR';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/FormaDJRText-MediumItalic.woff2') format('woff2'),
		url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/FormaDJRText-MediumItalic.woff') format('woff'),
		url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/FormaDJRText-MediumItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Forma DJR';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/FormaDJRText-Regular-2.woff2') format('woff2'),
		url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/FormaDJRText-Regular-1.woff') format('woff'),
		url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/FormaDJRText-Regular-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Forma DJR';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/FormaDJRText-Italic.woff2') format('woff2'),
		url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/FormaDJRText-Italic.woff') format('woff'),
		url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/FormaDJRText-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Forma DJR';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/FormaDJRText-BoldItalic.woff2') format('woff2'),
		url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/FormaDJRText-BoldItalic.woff') format('woff'),
		url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/FormaDJRText-BoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Forma DJR';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/FormaDJRText-Bold.woff2') format('woff2'),
		url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/FormaDJRText-Bold.woff') format('woff'),
		url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1945/FormaDJRText-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Forma DJR';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */