.elementor-kit-1397{--e-global-color-primary:#8A6E4B;--e-global-color-secondary:#5B4932;--e-global-color-text:#000000;--e-global-color-accent:#8A6E4B;--e-global-color-13f4851a:#C8C8C8;--e-global-color-52235058:#484848;--e-global-color-21f8c9b7:#000;--e-global-color-47eea86e:#FFF;--e-global-color-6cb047a:#FFFFFF00;--e-global-color-fd6b268:#F4F0EA;--e-global-color-ea7060d:#5B4932;--e-global-color-99979c8:#7A7875;--e-global-typography-primary-font-family:"Raleway";--e-global-typography-primary-font-size:clamp(32px, calc(32px + (90 - 32) * ((100vw - 768px) / (1920 - 768))), 90px);--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-size:clamp(24px, calc(24px + (60 - 24) * ((100vw - 768px) / (1920 - 768))), 60px);--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Raleway";--e-global-typography-text-font-size:clamp(18px, calc(18px + (24 - 18) * ((100vw - 768px) / (1920 - 768))), 24px);--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-fcce242-font-family:"Raleway";--e-global-typography-fcce242-font-size:clamp(24px, calc(24px + (40 - 24) * ((100vw - 768px) / (1920 - 768))), 40px);--e-global-typography-fcce242-font-weight:500;--e-global-typography-fcce242-text-transform:uppercase;--e-global-typography-013566d-font-family:"Raleway";--e-global-typography-013566d-font-size:clamp(18px, calc(18px + (24 - 18) * ((100vw - 768px) / (1920 - 768))), 24px);--e-global-typography-013566d-font-weight:500;--e-global-typography-013566d-line-height:120%;--e-global-typography-962030d-font-family:"Raleway";--e-global-typography-962030d-font-size:clamp(16px, calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))), 20px);--e-global-typography-962030d-font-weight:500;--e-global-typography-962030d-line-height:120%;--e-global-typography-4d3a7db-font-family:"Raleway";--e-global-typography-4d3a7db-font-size:clamp(16px, calc(16px + (18 - 16) * ((100vw - 768px) / (1920 - 768))), 18px);--e-global-typography-4d3a7db-font-weight:700;--e-global-typography-4d3a7db-line-height:130%;--e-global-typography-adfa3ce-font-family:"Raleway";--e-global-typography-adfa3ce-font-size:clamp(18px, calc(18px + (24 - 18) * ((100vw - 768px) / (1920 - 768))), 24px);--e-global-typography-adfa3ce-font-weight:500;--e-global-typography-fe530e3-font-family:"Raleway";--e-global-typography-fe530e3-font-size:clamp(16px, calc(16px + (18 - 16) * ((100vw - 768px) / (1920 - 768))), 18px);--e-global-typography-fe530e3-font-weight:500;--e-global-typography-fe530e3-line-height:150%;--e-global-typography-cdb3973-font-family:"Raleway";--e-global-typography-cdb3973-font-size:clamp(14px, calc(14px + (16 - 14) * ((100vw - 768px) / (1920 - 768))), 16px);--e-global-typography-cdb3973-font-weight:500;--e-global-typography-cdb3973-line-height:150%;--e-global-typography-f2ca318-font-family:"Raleway";--e-global-typography-f2ca318-font-size:clamp(16px, calc(16px + (16 - 16) * ((100vw - 768px) / (1920 - 768))), 16px);--e-global-typography-f2ca318-font-weight:700;--e-global-typography-aca698a-font-family:"Raleway";--e-global-typography-aca698a-font-size:clamp(14px, calc(14px + (14 - 14) * ((100vw - 768px) / (1920 - 768))), 14px);--e-global-typography-aca698a-font-weight:700;--e-global-typography-1e20cf0-font-family:"Raleway";--e-global-typography-1e20cf0-font-size:clamp(16px, calc(16px + (16 - 16) * ((100vw - 768px) / (1920 - 768))), 16px);--e-global-typography-1e20cf0-font-weight:700;--e-global-typography-1e20cf0-line-height:120%;color:var( --e-global-color-text );font-family:"Raleway", Sans-serif;font-size:font-size: clamp(18px, calc(18px + (24 - 18) * ((100vw - 768px) / (1920 - 768))), 24px);font-weight:400;}.elementor-kit-1397 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1397 a{color:var( --e-global-color-text );font-family:var( --e-global-typography-adfa3ce-font-family ), Sans-serif;font-size:var( --e-global-typography-adfa3ce-font-size );font-weight:var( --e-global-typography-adfa3ce-font-weight );}.elementor-kit-1397 a:hover{font-family:var( --e-global-typography-adfa3ce-font-family ), Sans-serif;font-size:var( --e-global-typography-adfa3ce-font-size );font-weight:var( --e-global-typography-adfa3ce-font-weight );}.elementor-kit-1397 h1{font-size:3.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1382px;}.e-con{--container-max-width:1382px;--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:1024px){.elementor-kit-1397 a{font-size:var( --e-global-typography-adfa3ce-font-size );}.elementor-kit-1397 a:hover{font-size:var( --e-global-typography-adfa3ce-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--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 a{font-size:var( --e-global-typography-adfa3ce-font-size );}.elementor-kit-1397 a:hover{font-size:var( --e-global-typography-adfa3ce-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.wpml-ls-legacy-dropdown-click:hover .wpml-ls-sub-menu{
    visibility: visible;
}

/*icon Promociones Scale*/
.grid-offers .card-offers-icon  {
    scale: 1;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.grid-offers:hover .card-offers-icon {
    scale: 1.2;
} 


/*Tabs*/
.tabs-navidad [aria-selected="true"] .e-n-tab-title-text {
    font-weight: bold;
}

/*FIXED*/

/* Swiper Custom Auto Height */

.e-widget-swiper[mftautoheight="true"] .swiper-wrapper {
  transition: all .3s ease-in-out;
}
.e-widget-swiper[mftautoheight="true"] .swiper-slide {
  height: fit-content !important;
}

.line-sliders .e-n-carousel.swiper.swiper-initialized.swiper-horizontal{
    padding-bottom:0px;
}

/*CLub*/

.page-template-mirai-club-signup [data-mirai-component="signup"]{
    margin: 0 auto;
    display:flex;
    padding: 40px 24px;
}


.page-template-mirai-club-signup ui-signup[data-role="signup"] > ui-view[data-role="view"] {
    display: none;
}

.page-template-mirai-club-signup [data-mirai-component="signup"] [data-role="button"]{
    border-radius:50px;
    width:150px;
}

@media (max-width: 1260px) {
    .page-template-mirai-club-signup [data-mirai-component="signup"]{
    padding: 40px 8px;
    
    }
}

/*Contacto*/

.contacto-vcards *:not(.elementor-heading-title) {
    font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 768px) / (1920 - 768))), 18px)!important;
    font-weight: 500 !important;
}

/*FINDER*/

.cat-room-detail #finder,
.cat-offer-detail #finder {
    display: none;
}

/***** FIX SPACE IN WIDGET ICON *****/

.elementor-widget-icon  .elementor-icon-wrapper {
    display: flex;
}


/***** FIX MOBILE ICON BOX *****/

@media (max-width: 767px) {
    .elementor-widget-icon-box.elementor-position-left.elementor-vertical-align-middle:not(.elementor-mobile-position-top) .elementor-icon-box-wrapper,
    .elementor-widget-icon-box.elementor-position-right.elementor-vertical-align-middle:not(.elementor-mobile-position-top) .elementor-icon-box-wrapper,
    .elementor-widget-icon-box.elementor-position-left.elementor-vertical-align-middle .elementor-icon-box-icon,
    .elementor-widget-icon-box.elementor-position-right.elementor-vertical-align-middle .elementor-icon-box-icon {
        display: flex;
        align-items: center;
    }
}


/*POPUPS*/

/* Aplica a todos los popups EXCEPTO al que tiene la clase .popup-exclude */

.elementor-popup-modal:not(.popup-exclude) {
    max-height: 100vh;
    min-height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.elementor-popup-modal:not(.popup-exclude) .dialog-widget-content {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
}

/*SCROLL BAR*/

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F4F0EA;
}

body::-webkit-scrollbar {
    width: 12px;
    background-color: #F4F0EA;
}

body::-webkit-scrollbar-thumb {
    background-color: var(--e-global-color-primary);
    border: 2px solid #F4F0EA;
}

/* MENU HAMBURGUESA */

[data-elementor-device-mode="mobile"] 
.men-icon-listado ul.elementor-icon-list-items.elementor-inline-items {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    gap: 20px;
}

/* MARGENES LATERALES CSS */

:root{ --site-x-pad: 40px; }
@media (max-width:1260px){ :root{ --site-x-pad: 24px; } }

/* Boxed + cualquier full-width con la clase .xpad */

.elementor :is(.e-con-boxed, .xpad, .elementor-section-boxed > .elementor-container){
  padding-inline: var(--site-x-pad) !important;
}

.elementor :is(.xpad-r) {
  padding-left: var(--site-x-pad) !important;
  padding-right: 0 !important;
}

.elementor :is(.xpad-l) {
  padding-left: 0 !important;
  padding-right: var(--site-x-pad) !important;
}

@media (min-width: 1260px) and (max-width: 1365px) {
    
  .elementor-element.px24 > .elementor-widget-container,
  .e-con.px24 > .elementor-widget-container,
  .elementor-section.px24 > .elementor-container,
  .elementor-element.px24 .elementor-widget-container,
  .e-con.px24 .elementor-widget-container {
    padding-left: 24px !important;
    }
  
  .elementor-element.px024 > .elementor-widget-container,
  .e-con.px024 > .elementor-widget-container,
  .elementor-section.px024 > .elementor-container,
  .elementor-element.px024 .elementor-widget-container,
  .e-con.px024 .elementor-widget-container {
    padding-left: 0px !important;
     }
  
  
    .img24px > .elementor-widget-container {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .no-pdd {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}



/* BOTONES CSS */

/***** primario *****/

.elementor-button.btn-primario,
.elementor-button[type="submit"],
.row.room-box a.elementor-button.secondary-btn,
a.elementor-cta__button.elementor-button.elementor-size-
{
    font-size: clamp(16px, calc(16px + (16 - 16) * ((100vw - 768px) / (1920 - 768))), 16px);
    font-family: Raleway;
    font-weight: 700;
    color: #202020;
    background-color: #C8C8C8;
    padding: 16px 24px;
    border-radius: 56px;
    transition: all .3s ease;
    letter-spacing: 0.5px;
}

.elementor-button.btn-primario:hover,
.elementor-button[type="submit"]:hover,
.row.room-box a.elementor-button.secondary-btn:hover,
a.elementor-cta__button.elementor-button.elementor-size-:hover{
	font-size: clamp(16px, calc(16px + (16 - 16) * ((100vw - 768px) / (1920 - 768))), 16px);
    font-family: Raleway;
    font-weight: 700;
    color: #fff;
    background-color: #202020;
}

/***** CTA / ACCENT *****/

.elementor-button.btn-cta,
button.mi-clubarea-notlogged__btn.mi-s-color-button,
.elementor-button[type="submit"],
.row.room-box a.elementor-button.secondary-btn,
a.elementor-cta__button.elementor-button.elementor-size-
{
    font-size: clamp(16px, calc(16px + (16 - 16) * ((100vw - 768px) / (1920 - 768))), 16px);
    font-family: Raleway;
    font-weight: 700;
    color: #fff;
    background-color: #8A6E4B;
    padding: 16px 24px;
    border-radius: 56px;
    transition: all .3s ease;
    letter-spacing: 0.5px;
}

.elementor-button.btn-cta:hover,
.elementor-button[type="submit"]:hover,
.row.room-box a.elementor-button.secondary-btn:hover,
button.mi-clubarea-notlogged__btn.mi-s-color-button:hover,
a.elementor-cta__button.elementor-button.elementor-size-:hover{
	font-size: clamp(16px, calc(16px + (16 - 16) * ((100vw - 768px) / (1920 - 768))), 16px);
    font-family: Raleway;
    font-weight: 700;
    color: #fff;
    background-color: #5B4932;
}

/* ANIMACIONES */

/*Animacion Zoom Sliders*/

.carousel_stretch .swiper-slide:not(.swiper-slide-active) .elementor-widget-image img {
    transform: scale(1.4, 1);
    transition: transform 900ms ease-in-out;
}

/* Slide activo: tamaño normal */

.carousel_stretch .swiper-slide.swiper-slide-active .elementor-widget-image img {
    transform: scale(1, 1);
    transition: transform 900ms ease-in-out;
}

/* Flecha Footer */

.flecha-animada .elementor-icon,
.flecha-animada .elementor-icon i,
.flecha-animada .elementor-icon svg {
  display: inline-block;
  animation: moveArrow 4s ease-in-out infinite; 
}

@keyframes moveArrow {
  0%   { transform: translateX(-6px); }
  50%  { transform: translateX( 6px); }
  100% { transform: translateX(-6px); }
}

/*Flecha animada menu hamburguesa y home*/

#menu-ham-accordion .e-n-accordion-item-title:hover .e-closed,
#home-hover-accordion .e-n-accordion-item-title:hover .e-closed {
    transform: translateY(10px);
    transition: transform 0.2s ease;
}


/*Banner animado home*/

#banner-marquee{
  --gap: 32px;
  --speed: 12s;               
  position: relative;
  overflow: hidden;
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: var(--gap);
  flex-wrap: nowrap !important;
}

#banner-marquee > .g1,
#banner-marquee > .g2{
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: var(--gap);
  white-space: nowrap;
  flex: 0 0 auto !important;
  min-width: 100% !important;
  will-change: transform;
}

#banner-marquee > .g1{ animation: m-left var(--speed) linear infinite !important; }
#banner-marquee > .g2{ animation: m-left-2 var(--speed) linear infinite !important; }


#banner-marquee > .g1 > .elementor-element,
#banner-marquee > .g2 > .elementor-element{
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center;
}

#banner-marquee .clip-image img{ height:80px; width:auto; }
#banner-marquee .scrollable-text, 
#banner-marquee .scrollable-text *{ white-space:nowrap; }


@keyframes m-left{
  from { transform: translateX(0); }
  to   { transform: translateX(calc(-100% - var(--gap))); }
}

@keyframes m-left-2{
  from { transform: translateX(calc(100% + var(--gap))); }
  to   { transform: translateX(0); }
}


/* Blur desenfocado */

.blur-effect {
    background: rgba(0, 0, 0, 0.9); 
    backdrop-filter: blur(40px); 
    -webkit-backdrop-filter: blur(40px); 
    border-radius: 0 0 20px 20px;
}

.blur-effect-home {
    background: rgba(0, 0, 0, 0.4); 
    backdrop-filter: blur(40px); 
    -webkit-backdrop-filter: blur(40px); 
    /*border-radius: 0 0 20px 20px;*/
}

@media (max-width: 767px) {
    .blur-effect-home {
        border-radius:0;
    
    }
}


/* Página Offers Grids */

@media (min-width: 1260px) and (max-width: 1440px) {
  .grid-offers{
    min-height: 500px;
    }
}

.offers-listing-wrapper.no-offers{
    display:none;
}


/* Linea After Sliders*/
.line-sliders::after {
    content: '';
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 40px;
    width: 1px;
    background: #8A6E4B;
    pointer-events: none;
    z-index: 2;
}

@media (max-width: 1260px) {
    .line-sliders::after {
        left: 24px;
        top: 0px;
    }
}

/*Alto carruseles sliders*/

@media (min-width: 1260px) {
    .carousel-height .img-blur-light {
        height: 81vh !important;
    }


 .carousel-height .swiper-slide .cont-carrusel-sliders-zoom img {
        height: 81vh !important;
        object-fit: cover !important;
        object-position: bottom !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
    }

.carousel-height .swiper-slide .cont-carrusel-sliders-zoom.slider-center img {
        height: 81vh !important;
        object-fit: cover !important;
        object-position: center !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
    }    
    
}



/*Imagenes ajustadas sliders*/

.hero-img-bottom .swiper-slide img {
  height: 85vh;              
  width: 100%;
  object-fit: cover;
  object-position: 0% 100%;  
}

@media (max-width:1024px){
  .hero-img-bottom .swiper-slide img { object-position: 50% 85%; }
}


/* Imagenes con Blur GSAP */

.img-blur{
    overflow:hidden;
    width:100%;
    height:auto;
}

.img-blur::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: inherit;
    filter: blur(40px);
    transform: scale(1.10);
    z-index: 0;
}

.img-blur::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    z-index: 1;
}

[data-elementor-device-mode="mobile"]
 .img-blur::before, 
 [data-elementor-device-mode="tablet"] .img-blur::before {
    content: "";
    filter: blur(20px);
    transform: scale(1.20);
}

.bg-blur-overlay {
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(50px); 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Sliders difumuniados*/

.img-blur-tabs-light{
    overflow:hidden;
    width:100%;
    height:auto;
}

.img-blur-tabs-light::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: inherit;
    filter: blur(50px);
    transform: scale(1.30);
    z-index: 0;
}

.img-blur-tabs-light::after {
    content: "";
    position: absolute;
    inset: 0;
    background:rgb(115 115 115 / 70%);
    z-index: 1;
}

.img-blur-light{
    overflow:hidden;
    width:100%;
    height:auto;
}


[data-elementor-device-mode="mobile"]
 .img-blur-light::before, 
 [data-elementor-device-mode="tablet"] .img-blur::before {
    content: "";
    filter: blur(20px);
    transform: scale(1.20);
}


.swiper-slide .hero-blur {
    position: relative;
    overflow: hidden;
}


[data-elementor-device-mode="desktop"] .hero-blur::before,
[data-elementor-device-mode="laptop"] .hero-blur::before {
    content: "";
    position: absolute;
    inset: -20px;
    background: inherit;
    filter: blur(15px);
    transform: scale(1.10);
    z-index: 0;
}

.hero-blur::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.25);
    z-index: 1;
}

@media (max-width: 767px) {
    
  .hero-blur::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1;
    }  
} 

/* Desenfoque textos en sliders */ 

.carousel-height .elementor-widget-container h1
.carousel-height .elementor-widget-container p,
.carousel-height .elementor-widget-container{
    /*text-shadow: 0px 0px 20px black;*/
    text-shadow: 0px 1px 2px #222;
}

.carousel-height .elementor-widget-container h2{
    text-shadow: 0px 0px 90px black;

}

.carousel-height .elementor-widget-container .elementor-button-text {
    text-shadow: none !important;
}

.carousel-tabs .elementor-widget-container h1
.carousel-tabs .elementor-widget-container p,
.carousel-tabs .elementor-widget-container{
    text-shadow: 0px 0px 70px black;
}

.carousel-tabs .elementor-widget-container h2{
    text-shadow: 0px 0px 90px black;

}

.carousel-tabs .elementor-widget-container .elementor-button-text {
    text-shadow: none !important;
}

/* Tabs desenfocadas */

.tabs-light {
    position: relative;
    background: rgb(76 69 69 / 55%);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px); 
    z-index: 1;
}


/*Eventos*/

.swiper-slide .hero-blur-light {
    position: relative;
    overflow: hidden;
}

.swiper-slide .hero-blur-light::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3); 
    z-index: 0;
}

/* === Blur solo en desktop y laptop === */

[data-elementor-device-mode="desktop"] .hero-blur-light::before,
[data-elementor-device-mode="laptop"] .hero-blur-light::before {
    content: "";
    position: absolute;
    inset: -20px;
    background: inherit;
    filter: blur(15px);
    transform: scale(1.10);
    z-index: 0;
}


.hero-blur-light::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1;
}

/* FICHAS HOTELES */

/* Página Ubicacion */

span.text-ubicacion {
    color:white;
    font-size: 24px;
    font-weight: 500;
}

/*Página Terraza */

.terraza-icon .elementor-icon-box-icon{
    justify-content: center;
}

body:not([data-elementor-device-mode="mobile"]) .terraza-icon .elementor-icon-box-title {
    text-align: left;
}

@media (min-width: 1440px) and (max-width: 1920px) {
  .terraza-icon .elementor-icon-box-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
    }
}

@media (min-width: 1440px) {
    .terraza-icon {
        padding-left: 40px !important;
    }
}

/* Página Habitaciones*/

.cat-rooms .elementor-section.elementor-section-boxed > .elementor-container,
.cat-offers .elementor-section.elementor-section-boxed > .elementor-container
{
    max-width: 100%;
    padding: 0;
    padding-inline: 0 !important;
}

.cat-rooms .room-item.row.odd,
.cat-rooms .room-item.row {
    padding-bottom: 40px;
    border-bottom: 1px solid #8A6E4B!important;
    padding-inline: 24px;
}

.cat-rooms .rooms-listing-wrapper .rooms-listing .room-item {
    margin-bottom: 40px;
}


.cat-rooms .common-features {
    display: none;
}

.rooms-listing-wrapper.rooms-listing-1.default-left {
    margin-top: 40px;
}

.room-box .room-image-link img {
    border-radius: 20px;
    max-width: 100%;
}

.room-box .room-image-link {
    width: 45%!important;
}

.rooms-listing-wrapper .room-box .room-detail {
    padding-left: 0;
}

.rooms-listing-1 .room-box .room-detail ul {
    background: transparent!important;
    text-align: start;
    padding: 30px 0 30px 0;
}

#main .room-box .room-detail ul li.three{
    width: 25%;
}

li.three, li.two {
    padding: 0 !important;
    border-right: none !important;
    font-size: clamp(16px, calc(16px + (16 - 16) * ((100vw - 768px) / (1920 - 768))), 16px);
    font-weight: bold;
}

#main .rooms-listing-wrapper .room-box .room-detail h3 a,
#main .offers-detail-wrapper h2,
#main h3.title-discount{
    font-size: clamp(24px, calc(24px + (40 - 24) * ((100vw - 768px) / (1920 - 768))), 40px);
    text-decoration: none;
    color: black !important;
    text-transform: initial;
}

p.room-description {
    font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 768px) / (1920 - 768))), 18px);
    padding-bottom: 50px;
}

#main .room-price p.box-price span, p.box-price {
    font-size: clamp(16px, calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))), 20px);
    color: #202020 !important;
    font-weight: bold;
}

.room-price {
    border-top: none !important;
    padding-top: 30px !important;
}

#main a.more-info,
#main .rooms-detail-wrapper .room-box-offers .go-to-offers-page a{
    font-size: clamp(16px, calc(16px + (16 - 16) * ((100vw - 768px) / (1920 - 768))), 16px);
    font-family: Raleway;
    font-weight: 700 !important;
    color: #202020;
    background-color: #C8C8C8;
    padding: 12px 24px;
    border-radius: 56px;
    transition: all .3s ease;
    letter-spacing: 0.5px;
    text-decoration: none!important;
    border:none!important;
}

#main a.more-info:hover, 
#main .rooms-detail-wrapper .room-box-offers .go-to-offers-page a:hover {
    color: #fff;
    background-color: #202020;
    font-size: clamp(16px, calc(16px + (16 - 16) * ((100vw - 768px) / (1920 - 768))), 16px);
}

#calendar-wrapper [is="ui-button"][data-role="button"] {
    border-radius:64px;
}



@media (min-width: 1440px) and (max-width: 1919px) {
#main .rooms-listing-wrapper .room-box .room-detail {
        padding-left: 10px !important;
    }
}

@media (max-width: 1260px) {
    .cat-rooms .room-item.row.odd,
    .room-item.row {
        padding-inline: 24px;
    }
}


@media (min-width: 1260px) and (max-width: 1439px) {
#main .rooms-listing-wrapper .room-box .room-detail {
        padding-left: 60px !important;
    }
}

@media (min-width: 360px) and (max-width: 1023px) {
#main .room-box .room-image-link {
        width: 100%!important;
    }
 
#main .cat-rooms .room-item.row{
        padding-inline:24px;
    }
    
#main .rooms-listing-wrapper .room-box .room-detail ul {
    display: none;
    }    

   
#main .rooms-listing-wrapper h3 {
    padding-bottom: 24px;
    }
}

@media (max-width: 767px) {
#main .rooms-listing-1 .room-box .room-detail ul{
           padding: 20px 0px 60px 0px;
    
    }

}

#main li.offer {
    width: 25%;
}

#main span.span-2,
#main span.span-1,
#main span.span-0{
    /*font-size: 0.7em;*/
font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 768px) / (1920 - 768))), 18px);
margin-right: 0px;
}

[data-elementor-device-mode="tablet"] {
    #main li.offer {
    width: 48%;
}
}

[data-elementor-device-mode="mobile"] {
    #main li.offer {
    width: 100%;
}
}


#main h3.offer-name{
    line-height: 24px;
}


/* Rooms Details*/


#main .rooms-detail-1.rooms-detail-wrapper .room-box-detail {
    background:#F4F0EA;
    }

#main .rooms-detail-1.rooms-detail-wrapper .room-box-price{
    background:transparent;
}

#main .rooms-detail-wrapper .box-price {
    background-color: transparent;
    }

#main .rooms-detail-wrapper h2{
    color:#202020!important;
    }

#main .offer-text {
   background-color: rgba(0, 0, 0, 0.5);
    padding: 20px 20px;
    backdrop-filter: blur(12px);
    min-height: 150px;
    }



#main .offers-listing-wrapper.offers-listing-4 {
    padding: 40px 20px; 
    }



#main h3.offer-name{
   font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 768px) / (1920 - 768))), 18px);
   text-transform: initial;
   font-weight: 500;
   
    }


#main .offer img{
    height: 500px;
    object-fit: cover;
    object-position: center center;
    width: 100%;
}

#main .offer img{
	border-radius:20px;
}


#main .offer-text{
	border-radius:0 0 20px 20px;;
}

@media (min-width: 1260px) and (max-width: 1439px) {
    
#main .offers-listing-wrapper.offers-listing-4 {
    padding: 40px 10px;
    }   

#main .offer img{
    height: 500px!important;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    
    }
}

.cat-room-detail #main .offer-text {
    min-height: 175px;
}

@media (max-width: 1025px) {
    
    ol.offers-listing.offers-listing-4, ol.offers-listing{
    gap:20px;
    }

    .cat-room-detail #main .offer-text {
        min-height: 120px;
    }
}

@media (max-width: 767px) {

    #main .offer img{
        height: 350px;
    
    }

    #main .offer-text {
    min-height: 120px;
    }
}

/* Página galeria */

.img_gallery .e-gallery-image {
    border-radius: 20px;
}


/* Template Contacto */

/* ===== .cont-vcard ===== */

.cont-vcard .elementor-widget-container,
.cont-vcard .elementor-widget-text-editor,
.cont-vcard .elementor-widget-icon,
.cont-vcard .elementor-widget-heading,
.cont-vcard .elementor-widget-mirai-vcard-cp,
.cont-vcard .elementor-widget-vcard-address,
.cont-vcard .elementor-widget-vcard-province,
.cont-vcard .elementor-widget-vcard-postal-code,
.cont-vcard p,
.cont-vcard span,
.cont-vcard div:not(:has(> *)), 
.cont-vcard li {
    font-size: 17px;
}

/* ===== ENLACES <a> */

.cont-vcard a {
    font-size: 17px; 
    font-weight: normal; 
    transition: font-weight 0.2s ease; 
}

.cont-vcard a:hover {
    font-weight: bold; 
    font-size: 17px; 

}

/* ===== MEDIA QUERY ===== */

@media (max-width: 767px) {

    /* Textos */
    
    .cont-vcard .elementor-widget-container,
    .cont-vcard .elementor-widget-text-editor,
    .cont-vcard .elementor-widget-icon,
    .cont-vcard .elementor-widget-heading,
    .cont-vcard .elementor-widget-mirai-vcard-cp,
    .cont-vcard .elementor-widget-vcard-address,
    .cont-vcard .elementor-widget-vcard-province,
    .cont-vcard .elementor-widget-vcard-postal-code,
    .cont-vcard p,
    .cont-vcard span,
    .cont-vcard div:not(:has(> *)),
    .cont-vcard li {
        font-size: 16px;
    }

    /* Enlaces */
    .cont-vcard a {
        font-size: 16px; 
    }
}

@media (max-width: 1260px) {
    .terraza-icon {
        padding-left: 24px !important;
    }
}

/* FOOTER */

/*Logos*/

.footer-ue,
.footer-logos-ue {
    display: none !important;
}

.cat-hotel-granada-center .footer-ue,
.cat-hotel-andalucia-center-granada .footer-ue,
.cat-hotel-cordoba-center .footer-ue,
.cat-hotel-sevilla-center .footer-ue,
.cat-hotel-giralda-center .footer-ue,
.cat-hotel-granada-center .footer-logos-ue,
.cat-hotel-andalucia-center-granada .footer-logos-ue,
.cat-hotel-cordoba-center .footer-logos-ue,
.cat-hotel-sevilla-center .footer-logos-ue,
.cat-hotel-giralda-center .footer-logos-ue {
    display: block !important;
}


.footer-ue .granada-center,
.footer-ue .andalucia-center,
.footer-ue .cordoba-center,
.footer-ue .sevilla-center,
.footer-ue .giralda-center {
    display: none !important;
}


.cat-hotel-granada-center .footer-ue .granada-center,
.cat-hotel-andalucia-center-granada .footer-ue .andalucia-center,
.cat-hotel-cordoba-center .footer-ue .cordoba-center,
.cat-hotel-sevilla-center .footer-ue .sevilla-center,
.cat-hotel-giralda-center .footer-ue .giralda-center {
    display: block !important;
}/* End custom CSS */