/*Variables*/
:root {
--fontPrimary: 'Montserrat', sans-serif;
--colorPrimary:#2D2926;
--colorPrimaryClear:#A89968;
--colorSecondary:#cccccc;
--hero-gradient-contrast: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.35) 0%, 
rgba(0, 0, 0, 0.25) 35%, 
rgba(0, 0, 0, 0.15) 60%, 
rgba(0, 0, 0, 0.04) 100%
);
--bRadius:4px;
}
/*BOTÓN MOTOR*/

#buttonShowSearcherScroll{
top:15% !important;
}

@media (min-width: 1440px){
  #buttonShowSearcherScroll{
    top: 10% !important;
  }
}

#buttonShowSearcherScroll, #buttonShowSearcherMobile{
background-color: var(--colorPrimary) !important;
}
:focus-visible, .btn:focus-visible,.price_from_container:focus-within{
   outline:none;
   border:4px solid var(--colorPrimaryClear) !important;
}
.price_from_container a:focus-visible{
    border:none !important;
}
.logo a {
    display: block;
    height: 100%;
}

/* ESTILOS GENERICOS */

.center{
text-align: center !important;
}
.left{
text-align: left !important;
}
.right{
text-align: right !important;
}
.fontPrimary{
font-family: var(--fontPrimary) !important; 
}
.colorPrimary{
color:var(--colorPrimary) !important;
}
.colorPrimaryClear{
color:var(--colorPrimaryClear) !important;
}
.colorSecondary{
color:var(--colorSecondary) !important;
}
.colorBlue{
color:var(--colorBlue) !important;
}
.colorbtn{
color:var(--colorbtn) !important;
}
.bgGray{
background:#F9F9F6;
border-radius:var(--bRadius);
}
.no-bg{
    background:transparent !important;
}
.bgLight{
background:#E5EEEF;
border-radius:4px;
}
.bgPrimary{
    background:var(--colorPrimary);
}
.bgDark{
background:var(--colorPrimary);
}
strong{
    font-weight:600;
}
.white,.white strong, .white span{
color:#fff !important;
background: rgba(0,0,0,.002); /*Evita errror contraste en tipografía pequeña y color claro*/
}

.colorbtn{
    background: rgba(0,0,0,.002);
}
a{
text-decoration:none !important;
cursor:pointer !important;
color: var(--colorbtn);
}
.img-responsive{
max-width:100%;
width:100%;
height:auto;
object-fit:cover;
}
.opTop{
object-position:top;
}
.opBottom{
object-position:bottom;
}
.m0Auto{
margin:0 auto !important;
}
.mTop20{
margin-top: 20px !important;
}
.mTop40{
margin-top: 40px !important;
}
.mTop60{
margin-top: 60px !important;
}
.mTop120{
margin-top: 120px !important;
}
.mBT20{
margin-bottom:20px !important;
}
.mBT40{
margin-bottom: 40px !important;
}
.mBT60{
margin-bottom: 60px !important;
}
.mBT100{
margin-bottom: 100px !important;
}
.mBT120{
margin-bottom: 120px !important;
}
.paddTop20{
padding-top: 20px !important;
}
.paddTop30{
padding-top: 30px !important;
}
.paddTop40{
padding-top: 40px !important;
}
.paddTop50{
padding-top:50px !important;
}
.paddBT40{
padding-bottom: 40px !important;
}
.paddTop60{
padding-top: 64px !important;
}
.paddBT60{
padding-bottom: 64px !important;
}
.paddTop100{
padding-top: 100px !important;
}
.paddBT100{
padding-bottom: 100px !important;
}
.paddTop120{
padding-top: 120px !important;
}
.paddBT120{
padding-bottom: 120px !important;
}
.paddL{
padding-left:20px !important;
}
.paddR{
padding-right:20px !important;
}
.uppercase{
text-transform:uppercase !important;
}
.w50{
width:50% !important;
}
.w60{
width:60% !important;
}
.w70{
width:70% !important;
}
.w80{
width:80% !important;
}
.w90{
width:90% !important;
}
.mLeft10{
margin-left:10%;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
html,body{
overflow-x:hidden;
}
p {
    margin: 0;
}
ul{
padding-left:0 !important;
}
body{
    color:#000;
}
html body, body p,
.htt-text-image p, .htt-text-image ul li, .mybooking-content-text{
font-size:18px;
line-height:1.5em;
font-family:var(--fontPrimary);
font-weight:400;
}
.container, .container-fluid, .row {
padding-left: 0 !important;
padding-right: 0 !important;
}
.no-render:not(.editMode .no-render){
    display:none;
}
/*ANIMACIONES*/


.opac{
    animation:animopac 2s forwards;
}
@keyframes animopac{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
.grow{
    animation:animgrow 1s forwards;
}

/*HEADER*/

.header:not(.editMode .header){
position: absolute;
z-index: 3;
width: 100%;
  background: linear-gradient(
    to bottom,
    rgba(45, 41, 38, 0.9) 0%,
    rgba(45, 41, 38, 0.6) 50%,
    rgba(45, 41, 38, 0) 100%
  );
}
.header.hfixed:not(.editMode .header.hfixed){
position: fixed;
background:var(--colorPrimary);
z-index:4;
}
.header.hfixed .logo-desktop{
width:auto;
max-height:50px;
}
.top-header{
padding:20px 0;
background: rgba(0,0,0,.002);
}
.header.hfixed .top-header{
padding:12px 0;
}
.top-header>.row{
align-items:center;
}
.logo-desktop{
filter:brightness(0) invert(1);
}
.header p.logo {
    margin: 0;
}
.header .logo svg {
    fill: white;
}
.menu-desktop{
 background: rgba(0,0,0,.002);
}
.menu-desktop a{
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 100%;
letter-spacing: 0.7px;
}
.menu-desktop a .fa-chevron-down{
font-size:8px;
vertical-align:2px;
padding:5px;
}
.menu-desktop ul{
display:flex;
gap:32px;
list-style-type: none;
justify-content:center;
margin-bottom:0;
}
.menu-desktop ul li{
position:relative;
}
.menu-desktop ul li ul{
position: absolute;
left: -20%;
flex-direction: column;
width:max-content;
min-width:300px;
gap: 0;
padding: 0;
background: var(--colorPrimaryClear);
border-radius:var(--bRadius);
align-items:flex-start;
}
.menu-desktop ul li ul li{
transition:.5s all;
text-align:left;
width:100%;
border-bottom:1px solid var(--colorClear);
}
.menu-desktop ul li ul li:last-child{
border-bottom:none;
}
.menu-desktop ul li ul li .fa-star{
font-size:8px;
margin-left:5px;
}
.menu-desktop ul li ul li:hover{
background:var(--colorbtn);
}
.menu-desktop ul li ul li a{
color:#fff;
padding: 15px 20px;
width: 100%;
display: block;
}
/*Menú mobile*/
.navbar-toggler-icon{
filter:brightness(0) invert(1);
}
.navbar-toggler{
border:none;
}
.menu-mobile ul{
list-style-type:none;
padding-left:20px;
}
.menu-mobile>ul{
margin-top:60px;
}
.menu-mobile ul a{
color:var(--colorbtn);
font-size: 24px;
line-height: 180%;
}
.menu-mobile ul .sub-menu a{
font-size: 21px;
}
.menu-mobile .fa{
font-size: 10px;
vertical-align: 1px;
margin-left:2px;
}
.menu-mobile .fa-chevron-down{
padding: 10px 12px 10px 6px;
color: var(--colorbtn);
vertical-align: 3px;
margin-left:0;
}
.top-header-mobile .group-languages-texts{
float:right;
}
.top-header-mobile .group-languages-texts .btn-secondary.open-selector-language,
.top-header-mobile .open-selector-language span:after{
color:var(--colorbtn);
}
.top-header-mobile .group-languages-texts .btn-secondary.open-selector-language{
border:1px solid var(--colorbtn);
font-size:18px;
padding:6px 18px 6px 12px;
}
.mybooking-content-text, .person-login-text, span.bi-cart-fill, span.bi.bi-person-fill {
display: none;
}
.group-languages-texts .btn-secondary.open-selector-language {
background: transparent;
border: 0;
color:#fff;
position: relative;
vertical-align: 1px;
letter-spacing: 0.7px;
}
.group-languages-texts .options-selector-language{
padding:0;
}
.group-languages-texts .dropdown-item{
color:#000;
}
.group-languages-texts .dropdown-item:hover{
color:#fff;
background:var(--colorPrimary);
}
.open-selector-language span{
position:relative;
}
.open-selector-language span:after {
position: absolute;
top: 2px;
right: -14px;
font-size: 8px;
content: "\f078";
font-family: 'FontAwesome';
color:#fff;
}
.header .access-right>.row:not(.editMode .header .access-right>.row) {
float: right;
flex-wrap: nowrap;
}
.header .access-right .row > .col{
  display: flex;
  align-items: center;
}
.editMode .header .access-right>.row{
float:none;
}
.header .access-right>.row>.col{
padding:0 20px;
}
.mybooking-content img,
.personLogin-content img{
  filter: brightness(0) invert(1) !important;
}
/*Ventajas*/
.grid-ventajas{
    padding:12px;
}
.swiper-ventajas p {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
}
.swiper-ventajas p img {
    filter: brightness(0) invert(1);
}
.icon-rounded{
    border: 1px solid var(--colorPrimary);
    border-radius: 50%;
}
/*Stage*/
.stage{
    position:relative;
}
.stage>.row>.col{
    padding:0;
}
.breadcrumb{
    padding-top:15px;
    padding-left:40px;
}
.breadcrumb li{
    font-size:16px;
}
.breadcrumb-item a,.breadcrumb-item+.breadcrumb-item::before{
    color:var(--colorPrimary);
}
.bgDark .breadcrumb-item a,.bgDark .breadcrumb-item+.breadcrumb-item::before{
    color:var(--colorSecondary);
}
.breadcrumb-item.active{
    color:var(--colorPrimaryClear);
    font-weight:500;
}
.breadcrumb-item+.breadcrumb-item::before{
    content:"/";
    font-weight:400;
}

@media (max-width: 767px){
   .breadcrumb{
       padding-left:20px;
    } 
}

/* HERO */
.container-hero{
    position:relative;
    height:100vh;
    min-height:100vh;
    width:100%;
    overflow:hidden;
 
}
.h50 .container-hero {
    height:50vh;
    min-height:50vh;
}

/* Imagen */
.container-hero img.img-responsive{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    z-index:0;
}

/* Overlay REAL */
.hero-overlay{
    position:absolute;
    inset:0;
    background:var(--hero-gradient-contrast);
    z-index:1;
    pointer-events:none;
}
.hero-overlay-gradient{
    position:absolute;
    inset:0;
    background:var(--hero-gradient-contrast);
    z-index:1;
    pointer-events:none;
      
  background: linear-gradient(
    to bottom,
    rgba(45, 41, 38, 0) 20%,
    rgba(45, 41, 38, 0.6) 50%,
    rgba(45, 41, 38, 1) 100%
  );
}

/* Texto */
.containerTxtSlide{
    background: rgba(0,0,0,.002);
    position:absolute;
    width:100%;
    top:25%;
    left:0;
    z-index: 2;
}

body p.titleHero{
    color:#FFF;
    text-align:center;
    font-size:64px;
    font-style:normal;
    font-weight:400;
    line-height:110%;
    letter-spacing:3.2px;
    text-shadow: 0 2px 10px rgba(0,0,0,.10);
}
.htt-text-image .title-flex>.d-flex.align-items-center{
    flex-direction: column;
    align-items: flex-start !important;
}
/* Motor */
.grid-motor:not(.editMode .grid-motor){
    position:absolute;
    bottom:5%;
    left:0;
    width:100%;
    z-index:2;
   
}
@media (max-width: 1024px){
  .grid-motor:not(.editMode .grid-motor){
    position: relative;
    bottom: auto;
    top: auto;
    left: auto;
    margin-top: 0;   
  }
}


/*body*/
h1, h2, body p.sub-title, h3, h3.sub-title,
h2.sub-title{
font-weight:500;
margin-bottom:0;

}
h1,h2.uppercase{
    font-size: 48px;
    line-height: 100%; 
    letter-spacing: 3.5px;
    text-transform: uppercase;
    text-wrap: balance;
}
.intro-home h1, h2.uppercase{
    color: var(--colorPrimary); 
}
h2{
    font-size: 40px;
    line-height: 110%; 
    letter-spacing: 2px;
    text-wrap: balance;
}
h3{
    font-size: 30px;
    line-height: 120%;
    text-wrap: balance;
    font-weight: 600;
}
p.sub-title{
   display:block;
   background: rgba(0,0,0,.002);
}
body p.sub-title,h3.sub-title,h2.sub-title{
color:var(--colorPrimaryClear);
letter-spacing: 2.1px;
text-transform: uppercase;
font-size:21px;
line-height:1.3em;
margin-top:10px;
}
.swiper-pagination{
position:relative;
margin-top:15px;
}
.swiper-pagination-bullet{
width:6px;
height:6px;
background:#969DA1;
opacity:.9;
}
.swiper-pagination-bullet-active{
width:25px;
border-radius:7px;
background:var(--colorPrimaryClear);
}
.swiper-button-prev, .swiper-button-next{
color: var( --colorPrimary) !important;
background: white !important;
border-radius: 50%;
padding: 24px;
--swiper-navigation-size: 28px;
}

 img.img-responsive:not(.container-hero img.img-responsive){
    border-radius:var(--bRadius);
}
.price_from{
    font-size: 24px;
    color: var(--colorPrimaryClear);
    line-height: 1.5em;
    font-weight:600;
}
.hotel-home{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:60px;
}
.hotel-home .img-hotel-home{
flex:1;
}
.hotel-home .img-hotel-home img.img-responsive,
.servicio img.img-responsive{
     height:100%;
     height:480px;
}
.swiper-home-hotels .swiper-slide {
    padding: 5%;
}
.swiper-home-hotels .swiper-button-prev, .swiper-button-next{
    color: white !important;
    background: none !important;
}
.hotels-section h2,
.hotels-section p {
    color: white;
}
.hotel-home .text-hotel-home{
    flex:2;
    background: rgba(0,0,0,.002);
}
a.btn-corpo{
    color:var(--colorPrimaryClear) !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px; 
    letter-spacing: 0.8px;
}
a.btn-corpo .fa{
 transition:.3s margin-left; 
}
a.btn-corpo:hover .fa{
    margin-left:3px;
}
.bg-up{
    background: linear-gradient(180deg, #FFF 0%, #E5EEEF 100%), #FFF;
}
body {
  margin: 0;
  box-sizing: border-box;
}

.small {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.small div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.small img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.small h2 {
  position: absolute;
  font-size: 80px;
  font-weight: lighter;
}

/* SECOND EFFECT */

.smaller {
  position: sticky;
  top: 0; /* se pega al top del viewport */
  height: 100vh; /* ocupa toda la altura de la pantalla */
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* opcional */
}

.offer, .destino>div:first-child, .experience, .servicio,.card-hotel, .room,
.tabGallery .column, .tabGallery .tabGallery-container{
position:relative;
overflow:hidden;
border-radius: var(--bRadius);
}
.offer:hover img.img-responsive, .destino:hover img.img-responsive, 
.experience:hover img.img-responsive, .servicio:hover img.img-responsive,
.card-hotel:hover img.img-responsive,.room:hover img.img-responsive,
.grid-experiencias>div:hover img.img-responsive,.banner-destino:hover img.img-responsive,
.tabGallery .column:hover img, .tabGallery .tabGallery-container:hover img{
transform:scale(1.05);
}
.offer img.img-responsive,
.tabGallery .column img, .tabGallery .tabGallery-container img,
.destino img.img-responsive,
.experience img.img-responsive, .card-hotel img.img-responsive,
.servicio img.img-responsive{
transition:1s all;
}

.text-offer{
position: absolute;
top: 0;
left: 0;
height: 100%;
width:100%;
padding: 60px;
display: flex;
justify-content: space-between;
align-items: flex-end;
z-index:2;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 100%);
}
.text-offer>div{
flex:1;
}
.text-offer h3, body .text-offer p{
color:#fff;
}
body .text-offer p{
font-size:18px;
line-height:150%;
}
.text-offer a.btn-corpo{
color:var(--colorClear);
}
.offer-section .htt-text-image, .offer-section .box-gray{
height:100%;
}
.offer-section .box-gray{
position:relative;
}
.offer-conditions{
background: var(--colorClear);
padding:40px !important;
border-radius:var(--bRadius);
}
.grid-master-offer{
border-radius:var(--bRadius);
padding:40px 20px;
}
.grid-master-offer p{
    margin-bottom:0;
}
.box-gray:before{
    content: url(/dam/multihotel-welikehotel/home/cuts/cut-gray.svg);
}
.destino img.img-responsive{
    min-height:350px;
}
.stretch .htt-text-image, .stretch .htt-text-image .bgGrayExperience{
    height:100%;
}
.bgGrayExperience{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*.box:before{
    bottom:96%;
    width: 100%;
    left: 0;
    position:absolute;
}
.box-medium:before{
    content: url(/dam/multihotel-welikehotel/home/cuts/cut-medium.svg);
}
.box-clear:before{
    content: url(/dam/multihotel-welikehotel/home/cuts/cut-clear.svg);
}
.box-dark:before{
    content: url(/dam/multihotel-welikehotel/home/cuts/cut-dark.svg);
}*/
.text-destino{
    display: flex;
    justify-content: center;
    margin-top:-15%;
    width: 100%;
    padding:0 10%;
}
.destino .box{
position:relative;
    position: relative;
    height: 300px;
    width: 80%;
    left: 10%;
    top: -20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px;
}
.bg-down{
background: linear-gradient(0deg, #FFF 0%, #E6EEEF 100%);
}
.text-experience, .text-servicio, .text-card-hotel{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width:100%;
    padding: 40px 25px;
    display: flex;
    flex-direction:column;
    justify-content: flex-end;
    z-index:2;
    background: linear-gradient( to bottom,
      rgba(0,0,0,0.00) 0%,
      rgba(0,0,0,0.05) 40%,
      rgba(0,0,0,0.40) 65%,
      rgba(0,0,0,0.50) 85%,
      rgba(0,0,0,0.55) 100%);
}
.experience img.img-responsive{
max-height:40vh;
}
.card-hotel img.img-responsive{
height:350px;
}
.experience.big-experience img.img-responsive{
max-height:65vh;
}
/*Servicios*/
.servicio .htt-text-image,.servicio .htt-text-image>div:not(.editMode .servicio .htt-text-image>div), .servicio .htt-text-image>div:has(iframe), 
.servicio iframe,.servicio.club img.img-responsive{
height:100% !important;
overflow:hidden;
}
.servicio .bgGrayExperience,.servicio .box-clear{
height: 100%;
display: flex;
flex-direction:column;
justify-content:center;
}
.servicio img.img-responsive{
min-height:350px;
height:100%;
}
.servicio .swiper,.servicio .swiper-slide>div, .servicio .swiper img.img-responsive{
height:100%;
}
.servicio h3{
font-size:36px;
}
.text-card-hotel h3{
font-size:24px;
font-weight:300;
}
.servicio .box-clear{
position:relative;
}
.servicio .box-clear:before{
bottom:97%;
width: 100%;
left: 0;
position:absolute;
}
.servicio.club .box-clear:before{
    content:none;
}
.suscription .htt-text-image, .suscription .bgGray{
    height:100%;
}
.suscription .bgGray{
    display:flex;
    justify-content:center;
    align-items:center;
}



/*****FOOTER****/
.footer{
background:var(--colorSecondary);

}
body:has(.map-section) .footer{
    margin-top:-10px;
}
/* 1 - Logo footer */
.logo-footer {
    max-width: 300px;
    margin:0 auto;
    padding: 40px 0;
 
}
/* 2 - Listado links footer */
.list-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-section p,
.footer-section p strong,
.footer-section a,
.footer-section ul li a,
.footer-section ul li {
    font-size: 16px;
    color: var(--colorPrimary) !important;
    transition: color 0.3s ease-in-out;
    text-align: center;
    list-style: none;
    font-weight: 400;
}
.footer-section a:hover,
.footer-section ul li a:hover {
    color: var(--colorPrimaryClear);
}
h2.title-footer,.footer-section p.title-footer{
    font-size:18px;
    font-weight:bold;
    display:block;
    background: rgba(0,0,0,.002);
    color:var(--colorPrimaryClear) !important;
    letter-spacing:3px;
}
.nap {
    color: rgba(255, 255, 255,0.8);
    line-height: 30px;
}
.nap span {
    color: rgba(255, 255, 255,1);
    font-weight: 600;
}
a .fa-envelope,
a .fa-phone {
    margin-right: 8px;
    color: var(--colorPrimary) !important;
}
a:hover .fa-phone {
    animation: fa-shake 1s infinite;
}

a:hover .fa-envelope {
    animation: fa-bounce 1s infinite;
}
/* 3 - Pie Copyright Hotetec */

.footer .redes-footer a{
    margin-right:20px;
    font-size:20px;
}

.footer .copy{
    padding:30px 0 100px 0;
    border-top:1px solid var(--colorPrimaryClear);
}
.copywriter-text{
   text-align:right;
}
.copywriter-text img{
    filter:brightness(.2);
}
.fa-heart {
    color: var(--colorBlue);
}
.social-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.social-links {
    display: flex;
}

.social-links a {
    width: 40px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    color: white;
    background: rgba(255, 255, 255, .1);
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
    margin: 0 30px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    transition: transform 0.5s;
}

.social-links a .fab {
    font-size: 20px;
    line-height: 40px;
    position: relative;
    z-index: 10;
    transition: color 0.5s;
}

.social-links a::after {
    content: '';
    width: 100%;
    height: 100%;
    top: -90px;
    left: 0;
    background: #000;
    background: linear-gradient(-45deg,#4FC3F7, #1E88B5);
    position: absolute;
    transition: 0.5s;
}

.social-links a:hover::after {
    top: 0;
}

.social-links a:hover .fab {
    color: #fff;
}

.social-links a:hover {
    transform: translateY(-10px);
}

@media (max-width: 767px) {
    .footer-section ul {
        padding: 0;
    }
    
    .redes-footer{
        text-align:center;
    }
    p.copy{
        text-align:center;
    }
    .copywriter-text{
        text-align:center;
    }
}
/* FIN - FOOTER */


body p a{
    font-size:18px;
}
body p.titleFooter{
    font-weight:600;
    font-size:18px;
}

/*Experiencias*/
.bgGrayExperience{
background:#eee;
}
.box-clear, .bgClear{
    background:rgba(168, 153, 104, .3);
}
.bgGrayExperience, .box-clear{
border-radius:var(--bRadius);
padding:60px;
}
.bgGrayExperience a.btn-corpo{
    background: rgb(255, 255, 255);
    padding: 10px 15px;
    border-radius: var(--bRadius);
}
.grid-experiencias>div{
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
display: flex;
flex-direction:column;
justify-content: center;
align-items: flex-start;
/*aspect-ratio: 16 / 9;
min-height:350px;*/
}
.grid-experiencias>div img.img-responsive{
height:100%;
transition:.5s all;
}
.grid-experiencias h3{
    font-size:24px;
    margin-top:10px;
}
/*Destinos*/
.banner-destino{
position:relative;
overflow:hidden;
}
.banner-destino.banner-destino-home{
overflow:hidden;
}
.banner-destino.invert .box{
right:auto;
left:10%;
}
.banner-destino .box{
position: absolute;
width: 400px;
bottom: 0;
height: 80%;
right: 8%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 30px;
background:var(--colorPrimary);
}
body .banner-destino h3~p{
font-family: var(--fontPrimary);
font-size: 18px;
font-weight: 300;
line-height: 150%; 
letter-spacing: 0.64px;
}
.banner-destino img.img-responsive{
height:80vh;
transition:.5s all;
object-position:bottom;
}
/*Navs*/
.nav-tabs{
background:var(--colorPrimary);
border-radius:var(--bRadius);
border:none;
display:flex;
justify-content:center;
}
.nav-tabs .nav-link{
color:#fff;
border-radius:0;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active,.nav-tabs .nav-link:hover{
    background:#fff;
    border:none;
    color:var(--colorPrimary);
    font-weight:500;
}
/*Área clientes*/

nav.custom-menu ul, .nav.nav-pills{
    display:flex;
    gap:16px;
    list-style-type: none;
    justify-content:center;
    margin-bottom:0;
    background:#F5F5F5;
    list-style-type:none;
    border-radius: var(--bRadius);
}
nav.custom-menu ul li a, .nav.nav-pills button{
    font-size:18px;
    font-family:var(--fontPrimary);
    transition:.3s all;
    color:var(--colorPrimary);
    padding:12px;
    min-width:140px;
    border-radius:8px;
    display:block;
}
nav.custom-menu ul li a.active,nav.custom-menu ul li:hover a,
.nav.nav-pills button:hover,.nav.nav-pills button.active{
    color:white;
    border-radius:var(--bRadius);
    background:var(--colorPrimaryClear);
}
/*Error*/
body p.text-error{
    font-size:36px;
}
body p.title-error{
    font-size:8rem;
    line-height:8rem;
    font-weight:600;
}
.error p:has(a){
line-height:2.2em;
}
.error a{
font-size:24px;
color:var(--colorbtn);
}
.error a .fa{
font-size:12px;
}
ul.error-links {
  list-style: none;
  padding: 0;
  margin: 0;
}


/*Dropdown mobile*/
.menu-select-mobile button.dropdown-toggle,
.htt-content-navigation  .dropdown button.dropdown-toggle{
border-radius: 4px;
background: var(--colorPrimary);
border: none;
font-size: 21px;
padding:10px 0;
}
.htt-content-navigation .dropdown-menu *{
    width:100%;
}
.dropdown-item.active, .dropdown-item:active{
background-color:var(--colorPrimaryClear);
}
.menu-select-mobile ul.dropdown-menu{
width:calc(100% - 20px) !important;
}
/*Forms*/
.form-row input:not(.form-row input[type=checkbox]), .form-row select, .form-row textarea {
margin-top: 5px;
border-radius: var(--bRadius);
padding: 8px 0;
border-color: rgba(0, 0, 0, .12);
width: 100%;
font-size: 18px;
color: #000;
}
.form-row {
display: flex;
flex-direction: column;
margin-top: 15px;
}
form input[type=submit], #personModify button.b2c-cr-wcm5, .btn-primary {
padding: 15px 20px;
border: none;
color: #fff;
font-weight: 400;
font-size: 18px;
border-radius: var(--bRadius);
min-width: 170px;
background: var(--colorPrimary);
float: right;
transition: .3s all;
margin: 0 auto;
}
.btn-primary{
float:none;
}
.form-item:has(input[type=checkbox]){
display: flex;
align-items: flex-start;
gap: 10px;
}
body .form-item:has(input[type=checkbox]) p{
font-size:15px;
line-height:1.2em;
}
/*Club*/
table.club-plan{
overflow-x: auto !important;
display: block;
}
table.club-plan tr:not(table.club-plan tr:last-child){
border-bottom:1px solid var(--colorClear);
}
table.club-plan td, table.club-plan th{
padding:5px 15px;
}
table.club-plan th{
width:15%;
min-width:160px;
font-weight:500;
background:var(--colorClear);
}
table.club-plan th:first-child{
border-top-left-radius:var(--bRadius);
border-bottom-left-radius:var(--bRadius);
}
table.club-plan th:last-child{
width:55%;
min-width:250px;
border-top-right-radius:var(--bRadius);;
border-bottom-right-radius:var(--bRadius);
}


/** cms-btn-up-mov (cambio a botón) **/
.httButtonScrollToTop {
  position: fixed;
  width: 48px;
  height: 48px;
  opacity: 0.8;
  bottom: 100px;
  right: 20px;
  background: var(--colorPrimary);
  border-radius: 50% !important;
  border: 3px solid #fff;
  text-align: center;
  padding: 10px;
  transition: .5s all;
  display: none;
  z-index: 999;
  color: #fff;

  /* añadido: reset button para que no “desaparezca” por estilos nativos */
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

/** END cms-btn-up-mov **/


@media(min-width:768px) and (max-width:1280px){
.top-header>.row>div:first-child, .top-header>.row>div:last-child{
width:50%;
}
.top-header>.row>div:nth-child(2){
order:3;
width:100%;
}
}
@media(min-width:992px){
.grid-experiencias{
display:grid;
grid-template-rows: repeat(2, 1fr);
grid-template-columns: repeat(2, 1fr);
gap:10px;
}
.grid-experiencias>div:nth-child(1){
grid-column: 1;
grid-row: 1;
}
.grid-experiencias>div:nth-child(2){
grid-column: 1;
grid-row: 2;
}
.grid-experiencias>div:nth-child(3){
grid-column: 2;
grid-row: 1 / span 2;
}
.grid-experiencias>div:nth-child(4){
grid-column: 1;
grid-row: 3 / span 2;
}
.grid-experiencias>div:nth-child(5){
grid-column: 2;
grid-row: 3;
}
.grid-experiencias>div:nth-child(6){
grid-column: 2;
grid-row: 4;
}
.grid-experiencias>div:nth-child(7){
grid-column: 1;
grid-row: 5;
}
.grid-experiencias>div:nth-child(8){
grid-column: 1;
grid-row: 6;
}
.grid-experiencias>div:nth-child(9){
grid-column: 2;
grid-row: 5 / span 2;
}
.grid-experiencias>div:nth-child(10){
grid-column: 1;
grid-row: 7 / span 2;
}
.grid-experiencias>div:nth-child(11){
grid-column: 2;
grid-row: 7;
}
.grid-experiencias>div:nth-child(12){
grid-column: 2;
grid-row: 8;
}
.grid-experiencias>div img.img-responsive{
height:100%;
}
}
@media(min-width:768px){
.flex-center>.row{
display:flex;
align-items:center;
}
.menu-mobile{
display:none;
}
}
@media(max-width:1440px){
.servicio h3{
font-size:28px;
}
.banner-destino .box{
    width:45%;
    right:5%;
}
/*.grid-experiencias>div{
min-height:400px;
}*/
}
@media(max-width:1199px){
.bgGrayExperience, .box-clear{
padding:20px;
}
}
@media(max-width:1024px){
.w50, .w60, .w70, .w80, .w90{
width:96% !important;
padding-left:2%;
padding-right:2%;
}
.menu-desktop{
    margin-top:20px;
}
.menu-desktop ul{
    gap:15px;
}
.hotel-home .img-hotel-home:first-child{
    display:none;
}
.hotel-home .text-hotel-home{
    flex:1;
}
.hotel-home{
    gap:30px;
}
.swiper-home-hotels .swiper-slide{
    padding:0;
}
.banner-destino,.banner-destino.banner-destino-home{
    overflow:visible;
}
.banner-destino .box{
height:65%;
right:3%;
}
.banner-destino.invert .box{
left:3%;
}
.text-offer{
padding:20px;
}
.text-offer>div:last-child{
display:none;
}
.text-experience, .text-servicio, .text-card-hotel{
    background:linear-gradient( to bottom,
      rgba(0,0,0,0.00) 0%,
      rgba(0,0,0,0.25) 40%,
      rgba(0,0,0,0.40) 65%,
      rgba(0,0,0,0.50) 85%,
      rgba(0,0,0,0.55) 100%);
}
.offer img.img-responsive, .experience img.img-responsive,
.suscription img.img-responsive,.experience.big-experience img.img-responsive{
min-height:350px;
}
}
@media(min-width:992px) and (max-width:1439px){
/*.grid-experiencias>div{
min-height:450px;
}*/
}
@media(max-width:991px){
section.animOpac.opac:has(.menu-select-mobile){
animation:none;
}
.grid-experiencias>div{
margin-top:10px;
/*min-height:400px;*/
}
.header .access-right>.row>.col{
padding:0 20px 0 5px;
}
.suscription img.img-responsive{
margin-top:20px;
}
.menu-select-mobile .dropdown{
padding:0 10px;
}
.grid-experiencias{
display:flex;
flex-wrap:wrap;
}
 .grid-experiencias>div:nth-child(1){
order:1;
}
.grid-experiencias>div:nth-child(2){
 order:2;
}
.grid-experiencias>div:nth-child(3){
order:3;
}
.grid-experiencias>div:nth-child(4){
 order:5;
}
.grid-experiencias>div:nth-child(5){
 order:4;
}
.grid-experiencias>div:nth-child(6){
order:6;
}
.grid-experiencias>div:nth-child(7){
 order:7;
}
.grid-experiencias>div:nth-child(8){
order:8;
}
.grid-experiencias>div:nth-child(9){
order:9;
}
.grid-experiencias>div:nth-child(10){
 order:11;
}
.grid-experiencias>div:nth-child(11){
order:10;
}
.grid-experiencias>div:nth-child(12){
 order:12;
}
.distancias{
flex-wrap:wrap;
justify-content:center;
}
}
@media(max-width:768px){
.box:before{
bottom:95%;
}
}
@media(max-width:767px){
.top-header>.row{
    align-items:flex-start;
}
.top-header .navbar{
    padding-top:0;
}
.top-header .logo-mobile{
    width:auto;
    max-height:60px;
}
.personLogin-content button,
.mybooking-content button{
    padding:0;
}
body p.titleHero, h1,h2.uppercase {
    font-size:32px;
}
body h2{
    font-size:28px;
}
body h3{
    font-size:26px;
}
.logo-intro img{
    max-width:80%;
    height:auto;
}
.hotel-home{
    flex-direction:column;
}
.hotel-home .img-hotel-home{
    width:100%;
}
.hotel-home .img-hotel-home img.img-responsive{
    max-height:380px;
}
.banner-destino .box{
    width:96%;
    left:2% !important;
    right:auto !important;
    position:relative;
    margin-top:-80px;
}
.banner-destino img.img-responsive{
    max-height:60vh;
}
.redes-footer.left{
    text-align:center !important;
}
.htt-text-image .d-flex.align-items-center{
    flex-direction:column;
}
.htt-text-image .title-flex.align-items-center{
    align-items:flex-start !important;
}
.htt-text-image .d-flex.align-items-center p.right{
    text-align:left !important;
    margin-top:20px;
}
.htt-text-image .title-flex.justify-content-between{
    justify-content:center !important;
}
.servicio .box-clear{
    margin-top:20px;
}
.servicio>.row>div:has(img.img-responsive){
    margin-bottom:20px;
}
form .row>.col{
    flex-basis:100%;
}
}
@media(max-width: 1366px) {
    section .container-fluid.w55,
    section .container-fluid.w60,
    section .container-fluid.w70{
        width: 80% !important;
        transition: width .5s ease;
    }
    section .container-fluid.w80{
        width:90% !important;
    }
    section .container-fluid.w90{
        width:95% !important;
    }
}
@media(max-width: 933px) {
    section .container-fluid.w100,
    section .container-fluid.w55,
    section .container-fluid.w60,
    section .container-fluid.w70,
    section .container-fluid.w80 {
        width: 90% !important;
        transition: width .5s ease;
    }
}