/**Definicion de variables**/
:root {
  --color-corpo: #007c7c;
  --blue-ctas: #003384;
  --blue:#335B9C;
  --font-titles: "Gotham";
  --font-txt: "Gotham-Light";
  --font-medium:"Gotham-Medium";
  --font-bold:"Gotham-Bold";
  --color-metge: #7D7022;
  --color-natura: #3f4519;
  --focus:#d6cc00;
  --colorFocus:#011336;
  --color-bg:#F2FEFE;
}
@font-face {
    font-family: 'Gotham-Light';
    src: url('/dam/multihotel-marsenses/fonts/GothamHTF-Light.otf') format('opentype');
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    src: url('/dam/multihotel-marsenses/fonts/GothamHTF-Book.otf') format('opentype');
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham-Medium';
    src: url('/dam/multihotel-marsenses/fonts/GothamHTF-Medium.otf') format('opentype');
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham-Bold';
    src: url('/dam/multihotel-marsenses/fonts/GothamHTF-Bold.otf') format('opentype');
    font-style: normal;
    font-display: swap;
}
.colorCorpo {
  color: var(--color-corpo) !important;
}
.fontTitles {
  font-family: var(--font-titles) !important;
}
.colorWhite {
  color: #fff !important;
}
/**Generic**/
body{
    overflow-x:hidden;
    font-family:var(--font-titles);
    color:#636363;
    font-size:16px;
    line-height:1.6em;
}
html, body {
  overflow-x:hidden;
}
html {
  scroll-padding-top: 100px;
}
body .htt-text-image p{
    margin-bottom:0;
    padding-left:15px;
}
.bg-corpo{
    background:var(--color-bg);
}
.bg-corpo.grid-hoteles{
    background:#dbe1eb;
}
.img-responsive{
    max-width:100%;
    width:100%;
    object-fit:cover;
    transition:.5s all;
    height:auto;
}
::selection {
  background: var(--color-corpo);
  color: white;
}
a,
a:hover,
a:active,
a:focus,
a:visited {
  text-decoration: none;
  color: inherit;
}
a{
  min-height:24px;
  min-width:24px;
  display:inline-block;
}
.center{
    text-align:center !important;
}
.fa-download, .fa-arrow-up-right-from-square {
  font-family: 'Material Symbols Outlined' !important;
}
.fa-download:before, .fa-arrow-up-right-from-square:before  {
  font-family: 'Material Symbols Outlined' !important;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-size:20px;
  min-width:24px;
  min-height:24px;
  vertical-align:middle;
}
.fa-download:before{
    content: 'download';  
}
 .fa-arrow-up-right-from-square:before{
     content:'open_in_new';
 }
/*Listas*/
ul{
    list-style-type:none;
    margin-bottom:0;
}
/*Enlaces*/
a{
    text-decoration:none;
}
/** Paddings y margins **/
.paddTop20 {
  padding-top: 20px !important;
}
.paddTop5{
    padding-top:5rem !important;
}
.paddT10 {
  padding-top: 10px;
}
.mTop90 {
  margin-top: 10vh !important;
}
.mTop40{
    margin-top:40px !important;
}
.mTop60{
    margin-top:60px !important;
}
.paddBtm {
  padding-bottom: 13vh;
}
.paddBt{
    padding-bottom:8rem;
}
.paddTopBt {
  padding: 8rem 0 4rem !important;
}
.paddTopBt-equal {
  padding: 5rem 0 5rem !important;
}
.paddTop {
  padding: 8rem 0 0rem !important;
}
.paddZero {
  padding: 0px !important;
}
.paddTop60{
    padding-top:60px !important;
}
.mBT10{
    margin-bottom:10px !important;
}
.mBT30 {
  margin-bottom: 30px !important;
}
.mBT40 {
  margin-bottom: 40px !important;
}
.mTop20 {
  margin-top: 20px !important;
}
.margT40 {
  margin-top: 40px !important;
}
.margT90 {
  margin-top: 90px !important;
}
.paddTop40 {
  padding-top: 40px !important;
}
.paddTop90 {
  padding-top: 90px !important;
}
.paddBT160 {
  padding-bottom: 160px !important;
}
.paddT30 {
  padding-top: 30px !important;
}
.paddBT30 {
  padding-bottom: 30px !important;
}
.paddBT10 {
  padding-bottom: 10px !important;
}
.paddT60 {
  padding-top: 60px !important;
}
.paddT120 {
  padding-top: 80px  !important;
}
.paddB60 {
  padding-bottom: 60px  !important;
}
.mTop2vh {
  margin-top: 2vh !important;
}
.mTop5vh {
  margin-top: 5vh !important;
}
.paddBT60 {
  padding-bottom: 60px;
}
.paddBT120 {
  padding-bottom: 120px;
}
.paddBtm14 {
  padding-bottom: 14vh !important;
}
.quote p{
    color: var(--color-corpo);
    font-size: 1.5em;
    line-height: 1.4em;
}
.quote p strong{
    font-size:1.55em;
}
.editMode .sr-only-live,.editMode .sr-only{
    position:relative !important;
    margin-bottom:20px;
    width:auto;
    height:auto;
    left:auto !important;
    top:auto !important;
    color:red;
}
.sr-only-live, .sr-only,.editMode .icons-hotels .sr-only, .menu-horizontal .sr-only{
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (prefers-contrast: more) {
  .sr-only {
    color: #fff;
    background-color: #000; 
    border: 1px solid transparent; 
  }
}
/*Header*/
.header:not(.editMode .header){
 position:absolute;
 z-index:4;
 width:100vw;
 top:0;
}
.header .logo img {
    height: auto;
    max-width: 185px;
    margin-top: 20px;
    transition: 0.5s all;
}
.logo a{
    height:100%;
    display:block;
}
.header.hfixed:not(.editMode .header.hfixed){
    position:fixed;
}
.header.hfixed {
    background: var(--color-corpo);
    box-shadow: 0px 10px 13px 0 rgb(0 0 0 / 8%);
}
.header.hfixed .container-header {
    background: none !important;
}
.header.hfixed .logo img {
    max-width: 120px;
    height: auto;
    margin-top: 8px;
    margin-bottom: 9px;
}
.header.hfixed  ul.menu-horizontal li a:hover {
    color: #ffffff;
    text-shadow: 0 0 8px rgb(0 0 0 / 67%);
}
.header.hfixed .container-header .left-header {
    position: absolute;
    top: 1px;
}

.header.hfixed .container-header .right-header {
    position: absolute;
    top: -48px;
}
/*Accesos header*/
.personLogin-content:before {
  /*content:"\f007";
  color:#fff;
  font-size:21px;
  font-family:'fontawesome';
  position: relative;
  top: 15px;
  left: 44%;
  height: auto;
  padding: 5px;
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  display: inline-block;
  transition: 0.5s;*/
}
.mybooking-content:before {
  /*content:"\f07a";
  color:#fff;
  font-size:21px;
  font-family:'fontawesome';
  position: relative;
  top: 13px;
  left: 15%;
  height: 28px;
  padding: 5px;
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  display: inline-block;
  vertical-align: middle;
  transition: 0.5s;
  background-size: 100% 200%;*/
}
/*.bi-person-fill, .bi-cart-fill,*/
.person-login-text-not-logged,.mybooking-content-text{
    display:none;
}
.person-login-text,.person-login-text-logged{
    color:#fff;
}
.personLogin-content img, .mybooking-content img{
    filter:brightness(1) !important;
    width:30px;
}
.bi-person-fill:before, {
  content:"\f007";
  color:#fff;
  font-size:21px;
  font-family:'fontawesome' !important;
  position: relative;
  height: auto;
  padding: 5px;
}
.bi-cart-fill:before{
  content:"\f07a";
  color:#fff;
  font-size:21px;
  font-family:'fontawesome' !important;
  position: relative;
  height: 28px;
  padding: 5px;
}
.mybooking-wrapper{
    margin-left:10px;
}
.container-header {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  ) !important;
  font-family: var(--font-titles);
}
.container-header>.row{
    align-items:center;
}
.container-header .user-access>.row{
    float:right;
    flex-wrap:nowrap;
}
.container-header .user-access>.row>div{
    width:auto;
    padding:0 15px;
}
.open-selector-language span{
    position:relative;
    margin-right: 10px;
    float: left;
    font-size: 15px;
    color: white;
    font-family: var(--font-medium);
    min-height:24px;
}
.group-languages-texts .btn-secondary.open-selector-language {
    background: transparent;
    border: 0;
    color: #fff;
    font-family: var(--font-txt);
    position: relative;
    font-style: normal;
    padding-top:12px;
    width:max-content;
}
.open-selector-language span:after{
    content: "\f107";
    font-family: fontawesome;
    color: white;
    font-size: 11px;
    background-color: transparent;
    margin-left:3px;
    transition: all 0.3s;
    height:100%;
    display:inline-block;
}
.open-selector-language span:before{
    content: url(/dam/multihotel-marsenses/home/ic/ic-idiomas.png);
    position: relative;
    top: 8px;
    left: 10%;
    height: 24px;
    padding: 3px;
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    display: inline-block;
    vertical-align: -8px;
    transition: 0.5s;
    background-size: 100% 200%;
}
.options-selector-language{
    padding:0;
}
.options-selector-language li:hover a{
    background:var(--color-corpo) !important;
    color:#fff !important;
}
.options-selector-language li[aria-current] a{
    color:var(--colorFocus) !important;
    background-color:var(--focus) !important;
    font-weight:bold;
}
/*Motor*/
.grid-motor {
    z-index: 3;
    position: absolute;
    bottom: 13%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.grid-motor.motor-home{
    bottom:20%;
}
.motor-section {
  position: absolute;
  width: 100%;
  bottom: 8%;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  z-index:3;
}
.editMode .grid-motor, .editMode .motor-section{
    position:relative;
}
.transfer {
    padding: 10px;
    background-color: var(--blue);
    width: 300px;
    height: auto;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    display: flex;
    justify-content: center;
    gap: 5px;
    color:#fff;
    margin-bottom:0 !important;
}
#buttonShowSearcherMobile,#buttonShowSearcherScroll{
    background-color:var(--blue-ctas) !important;
    padding:16px 24px !important;
    border:2px solid #fff;
    text-transform:none !important;
}
#buttonShowSearcherScroll{
    top:22% !important;
}
.httButtonScrollToTop{
    background-color:var(--blue-ctas);
}
/*Breadcrumb*/
.breadcrumb {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 10px;
}
.breadcrumb-item.active{
    color: var(--color-corpo);
}
.breadcrumb-item{
    font-size:14px;
}
/**Hero**/
.stage{
    position:relative;
}
/**Video Home**/
.col:has(.hero-home),
.col:has(.hero-section),
.ventajas .col{
    padding:0;
}
.video-home video {
  height: 100vh;
  position:relative;
}
video{
    width:100%;
    object-fit:cover;
}
.video-controls{
    position:relative;
}
.video-control{
    position: absolute;
    top: 100px;
    right: 2%;
    z-index: 2;
    background: var(--color-corpo);
    border-radius: 4px;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-home{
    position:relative;
}
.hero-home .overlay{
    position: absolute;
    padding: 0;
    display:flex;
    align-items:center;
}
/*.video-home:before {
  content: "";
  background-color: #000;
  opacity:.4;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index:1;
}*/

.editMode .video-home:before{
    content:none;
}
figure.hero-home {
  position: relative;
  height: 100vh;
  margin: 0px !important;
}

figure.hero-home img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
figure.hero-home:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), transparent);
  opacity: 0.85;
}
.hero-home .caption {
  text-align: left;
  margin-top: -10%;
  margin-left:10%;
  z-index:1;
  /*left: 30%;
  transform: translate(-30%, -40%);*/
}
.caption p span {
  color: white;
  font-size: 4rem;
  display: block;
  line-height: 1em;
  text-transform: none;
  letter-spacing: 2px;
}

.caption p:not(.box-destino .caption p) {
  font-family: var(--font-medium) !important;
  color: white;
}
.caption p.sub{
    letter-spacing:0.035em;
}
.hero-section{
    height:75vh;
    position:relative;
}
.hero-section .overlay{
    position: absolute;
    z-index: 1;
    padding: 0;
    height: 75vh;
    display:flex;
    align-items:center;
}
.hero-section figure, .hero-home figure{
    position:relative;
    height:100%;
}
.hero-section figure img.img-responsive,.hero-home figure img.img-responsive{
    height:100%;
    object-fit:cover
}
.hero-section .caption{
    text-align: left;
    margin-left:10%;
    z-index:1;
}
.hero-section .caption p.txt-big {
    line-height: 1.1em;
    text-transform: none;
    font-size: 36px;
    text-shadow: rgba(0, 0, 0, 0.6) 0px 4px 5px;
    margin-top:10px;
}
.hero-section .caption p.sub {
  text-shadow: rgba(0, 0, 0, 0.6) 0px 4px 5px;
}
.hero-section .caption p.dir {
  text-shadow: rgba(0, 0, 0, 0.6) 0px 4px 5px;
  margin-top:10px;
}
p.dir {
  text-transform: capitalize !important;
}
/**Ventajas**/
.swiper-container.ventajas-slide {
  position: relative;
  padding: 28px;
  background-color: #F2FEFE;
  margin-top: -7px;
}
.swiper-container.ventajas-slide .swiper-wrapper .swiper-slide {
  padding: 10px 20px;
  text-align: center;
}
.swiper-container.ventajas-slide .fade-element {
  width: 90%;
  margin: 0 auto;
}
.swiper-container.ventajas-slide p {
  font-family: var(--font-txt);
  color: var(--blue);
  text-align: left;
  margin: 0 !important;
}
.swiper-container.ventajas-slide img.icon-more {
  max-width: 30px;
}
.swiper-container.ventajas-slide .desc-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5px auto;
  width: 100%;
}
.swiper-container.ventajas-slide .block-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  margin: 0 10px;
}
.ventajas-slide .swiper-button-next:after,
.ventajas-slide .swiper-container-rtl .swiper-button-prev:after,
.ventajas-slide .swiper-button-prev:after,
.ventajas-slide .swiper-container-rtl .swiper-button-next:after {
  font-size: 20px;
  color: #4daba7;
}
.swiper-container.ventajas-slide .swiper-wrapper {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.swiper-container.ventajas-slide .block-item p {
  font-size: 14px;
  margin-left: 10px !important;
  letter-spacing: 0.02em;
  line-height: 122.2222222222%;
}
.swiper-container.ventajas-slide .block-item.item1 {
  animation: slide-in-bottom 1s;
}
.swiper-container.ventajas-slide .block-item.item2 {
  animation: slide-in-bottom 2s;
}
.swiper-container.ventajas-slide .block-item.item3 {
  animation: slide-in-bottom 3s;
}
.swiper-container.ventajas-slide .block-item.item4 {
  animation: slide-in-bottom 4s;
}
.ventajas .item-txt-des span{
    display:block;
}
/**h1 | h2 | h3 | p **/
.title-box h2,
h2.title,
.intro-txt p.title{
  font-style: normal;
  font-size: 36px !important;
  color: var(--color-corpo) !important;
  letter-spacing: 0.03em;
  background: none !important;
}
h4{
  font-size: 24px !important;
  color: var(--color-corpo) !important;
  letter-spacing: 0.03em;  
  padding:10px 0;
}
.section-blog h3 {
  font-style: normal;
  font-size: 36px;
  color: var(--color-corpo);
  letter-spacing: 0.03em;
  margin-bottom: 4vh;
}
.section-blog .blogHome {
  padding-bottom: 0 !important;
}
.swiper-blog{
    padding:0 20px !important;
}
.swiper-blog .swiper-slide{
    padding:0 25px;
}
.swiper-blog .swiper-slide-next + .swiper-slide{
    padding-right: 20px;
}
.swiper-blog .swiper-button-next, 
.swiper-blog .swiper-button-prev{
    background: rgba(0, 132, 132, .3) !important;
    border: 1px solid var(--color-corpo);
}
.swiper-blog .swiper-button-next.swiper-button-disabled, 
.swiper-blog .swiper-button-prev.swiper-button-disabled{
    background:#fff !important;
    opacity:.8 !important;
}
.swiper-blog .swiper-button-next{
    right:0;
}
.swiper-blog .swiper-button-prev{
    left:0;
}
.fa-arrow-up-right-from-square{
    margin-left:2px;
}
.text-section p {
  font-family: var(--font-titles);
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 166.6666666667%;
}
.xs-intro p {
  margin: 0 auto;
  font-family: var(--font-titles);
  /*width: 65%;*/
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 166.6666666667%;
}
.intro-txt{
    /*width: 65%;
    margin: 0 auto;*/
    margin-bottom: 8vh;
}
/*.intro-txt h1 {
  margin-bottom: 8vh;
}*/
.section-header:has(.logo-detail){
    position:relative;
}
.logo-detail {
  position: absolute;
  /*top: 18%;
  left: 50%;
  transform: translate(-50%, -50%);*/
  top:-50%;
  z-index: 0;
}
.intro-galeria .logo-detail, .intro-txt.center .logo-detail{
    top:55%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.logo-detail:hover img {
  filter: blur(5px);
}
.logo-detail img {
  transition: 0.9s all;
}
.intro-txt h1 , .legal h1, .legal h2 {
  padding: 10px 10px 10px 15px;
  font-style: normal;
  font-size: 36px;
  color: var(--color-corpo);
  letter-spacing: 0.03em;
}
.intro-txt h1, .intro-txt h2, .intro-txt h3, .logo-detail~h2, .logo-detail~h1{
    position:relative;
}
.intro-txt h2{
  padding: 10px 10px 10px 15px;
}
.xl-intro p {
  font-size: 22px;
  margin: 0 auto;
  /*width: 65%;*/
  line-height: 36px;
}
/*.xl-intro, .xs-intro{
    width: 65%;
    margin: 0 auto;
}*/
.intro-txt h1.center:not(.intro-txt.intro-galeria h1.center),.intro-txt h2.center{
    text-align:left !important;
}
.intro-txt.center h1,.intro-txt.center h2{
    text-align:center !important;
}
.intro-txt {
  position: relative;
}
.bg-iso:before {
  content: "";
  background: url(/dam/multihotel-marsenses/home/ic/isotipo-mar-senses.png)
    no-repeat;
  position: absolute;
  height: 250px;
  width: 100%;
  z-index: -1;
  left: auto;
  top: -20%;
  background-position: center top;
  display: flex;
}
.container-carrusel h2, .inner-info-rooms h2, .container-carrusel h3, 
.grid-room h3, h3, .padd-inner.cols-padd h2, .grid-room h2,.box-destino p.title-offer,
p.title-blog{
    background: none !important;
    padding: 10px 10px 10px 15px;
    font-style: normal !important;
    font-size: 36px !important;
    color: var(--color-corpo) !important;
}
.container-carrusel .align-btn,.inner-grid-room .align-btn,
.inner-info-rooms .align-btn,.ui-moreLink{
    padding-left:15px;
}
/**Container**/
.w80{
    width:80% !important;
}
.w60{
    width:60% !important;
}
.w70{
    width:70% !important;
}
.w50{
    width:50% !important;
}
.m0Auto{
    margin-left:auto !important;
    margin-right:auto !important;
}
.width-container {
  padding: 0 100px;
  max-width:1585px;
}
.width-container-99 {
  width: 95%;
}
.align-center {
  margin: 0 auto;
}
.grid-room>.container-fluid>.row, .align-center>.row{
    align-items:center;
}
.padding-container {
  padding-top: 4.5em;
  padding-bottom: 4.5em;
}
/**Box Hotel**/
.box-hotel figure {
  position: relative;
  overflow: hidden;
  margin: 0 !important;
}
.image-box-hotel:hover figure img {
  transform: scale(1.1);
  filter: brightness(0.9);
}
.box-hotel figure img {
  transition: 0.5s all;
  width: 100%;
  max-height: 350px;
  height: 100%;
  filter: none !important;
  object-fit: cover;
}
.htt-text-image:has(.box-hotel),.box-hotel{
    height:100%;
}
.row>div:has(.box-hotel){
    margin-top:20px;
}
.box-hotel{
    display:flex;
    flex-direction:column;
}
.box-hotel .box-white {
  padding: 1.5rem;
  background: white;
  box-shadow: 0 0 8px rgb(0 0 0 / 3%);
  margin-top: -2vh;
  transition: 0.5s all;
  /*min-height: 380px;*/
  flex:1;
}
.box-hotel .box-white:hover {
  box-shadow: 1px 5px 20px rgb(0 0 0 / 20%);
}
.image-box-hotel {
  width: 95%;
  margin: 0 auto;
  position: relative;
}
.price-feed {
  margin-bottom: 2vh;
  padding: 6px 20px;
  text-align: left;
  margin-left: 10px;
  width: fit-content;
}
.price-feed:hover {
  background: var(--color-corpo);
}
.box-hotel .price-feed {
  margin-bottom: 0px !important;
  width: 100% !important;
  margin-left: 0px !important;
}
.price-feed {
  font-size: 16px !important;
  background: var(--blue-ctas);
  color: white;
  clear: both;
  text-align: center;
  font-family: var(--font-txt) !important;
  padding: 10px 5px;
  transition: 0.5s all;
  cursor: pointer;
}
.price-feed a {
  color: white;
  min-height: 24px;
  display: inline-block;
}
.box-hotel.box-hotel-natura .price-feed,.box-hotel.box-hotel-natura .price-feed:hover{
    background:var(--color-natura);
}
.box-hotel h3 span {
  display: block;
}
.box-hotel h3 {
  padding: 0;
  font-size: 24px !important;
  color: var(--color-corpo);
  letter-spacing: 0px;
}
.padd-inner {
  padding: 19px 11px;
}
.box-hotel .padd-inner{
    padding-bottom:0;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.box-hotel .padd-inner a.btn-corpo{
    flex:1;
}
.padd-inner.cols-padd {
    padding: 3rem;
}
.box-hotel p {
  padding: 0;
  position: relative;
  line-height: 26px;
  font-family: var(--font-titles);
  font-size: 16px;
  text-align: left;
  letter-spacing: 0.035em;
  line-height: 166.6666666667%;
}

.trash-txt p {
  position: relative;
}
/*.box-hotel p:after,
.trash-txt p:after {
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  bottom: -3px;
  height: 61px;
  width: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0), #fff);
}*/
 .icons-hotels {
  background: var(--color-corpo);
  padding: 10px;
  text-align: center;
  position: absolute;
  top: -14px;
  z-index: 1;
  right: 0;
}
.box-hotel.box-hotel-natura .icons-hotels{
    background:var(--color-natura);
}
.hero-section .caption .icons-hotels{
    position: relative;
    padding: 7px;
    top: 0;
    z-index: auto;
    margin-top: 2vh;
    margin-left:15px;
    max-width: fit-content;
}
/**Botones**/
.btn-corpo::before {
  content: "";
  display: block;
  width: 90px;
  max-width: 30px;
  height: 2px;
  background-color: var(--color-corpo);
  margin-right: 30px;
  transition: max-width 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.btn-corpo:hover::before {
  max-width: 60px;
}
.btn-corpo:hover::after {
  left: 60px;
}
.btn-corpo::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 2px solid;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  color: var(--color-corpo);
  transition: left 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.btn-corpo {
  display: inline-flex;
  width:max-content;
  position: relative;
  align-items: center;
  font-size: 18px;
  letter-spacing: 0.05em;
  text-decoration: none;
  color: var(--color-corpo);
  font-family: var(--font-bold);
  letter-spacing: 1.35px;
}
a.btn-corpo:visited, a.btn-corpo:hover{
    color: var(--color-corpo); 
}
.btn-corpo.light {
  color: white !important;
}
.btn-corpo.light::before {
  background: white;
}

.btn-corpo.light::after {
  color: white;
}
.ui-moreLink {
  transition:.5s all;
  position: relative;
  cursor:pointer;
}
.ui-readMoreLink.linkActive i, .ui-readLessLink.linkActive i {
    font-size: 10px;
    margin-left: 5px;
}
.ui-readMoreLink.linkActive,.ui-readLessLink.linkActive {
    display: block;
}
.ui-readMoreLink, .ui-readLessLink {
    display: none;
}
.readMoreContent {
    display: none;
}
.ui-readMoreLink,
.ui-readLessLink{
	display: none;
}
.ui-readMoreLink.linkActive,
.ui-readLessLink.linkActive{
	display: block;
	position: relative;
	z-index: 1;
	float: left;
}
.ui-moreLink.ui-readMoreLink.text-left.fLeft.linkActive,
.ui-moreLink.ui-readLessLink.text-left.fLeft.linkActive {
    float: none;
    margin: 0 auto;
    text-align: left;
}
/*Swipers*/
.swiper-pagination-progressbar, .swiper-scrollbar{
    margin-top:20px;
    position:relative !important;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{
    opacity:.6 !important;
}
.swiper-pagination-fraction{
    position: absolute;
    margin-top: 10px;
    color: var(--color-corpo);
    pointer-events: none;
    z-index: 9 !important;
    top: 0;
}
.swiper-blog .swiper-pagination-fraction,
.swiper-videos .swiper-pagination-fraction{
    position:relative;
}
.swiper-pagination-fraction span{
    font-family:var(--font-bold);
    font-size:18px;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.swiper-scrollbar{
    background:rgb(59 102 167);
}
.swiper-button-prev:after, .swiper-button-next:after{
    color:var(--color-corpo)!important;
    font-size:24px !important;
}
.swiper-pagination-bullets{
    position:relative;
}
.swiper-pagination-bullet-active{
    background:var(--color-corpo);
}
 .swiper-button-prev, .swiper-button-next{
    /*top: auto;
    right: 45px;
    left: auto;*/
    padding: 0 22px !important;
    background: white !important;
    bottom: 0;
    tabindex: 0; 
    pointer-events:auto;
}
/*.swiperRoom .swiper-button-next{
    right: 0;
    left: auto;
}*/
.swiper-galeria1-2 .image,.swiper-galeria1-2 .image img{
    min-height:600px;
}
/*Listas*/
.list-estandar ol li::marker{
    color:var(--color-corpo);
    font-size:32px;
}
.list-estandar ul:has(li>h4){
    list-style-type:circle;
}
.list-estandar ul:has(li>h3){
    list-style-type:disc;
}
ul{
    padding-left:15px;
}
.li-rooms-horizontal {
    columns: 2;
    -webkit-columns: 2;
    padding: 5px 20px !important;
    -moz-columns: 2;
    margin-top: 2vh !important;
    background: none !important;
}
.seguros .li-rooms-horizontal{
    columns: 1;
    -webkit-columns: 1;
}
.li-rooms-horizontal.no-col{
    columns:1;
    -webkit-columns: 1;
}
ul.li-rooms-horizontal li,.list-estandar ul li {
    position: relative;
    margin-left: 12px;
    border-bottom: 0px;
    padding: 0 !important;
    background: none;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.035em;
    transition: 0.5s all;
}
ul.li-rooms-horizontal li:after {
    position: absolute;
    content: "\f105";
    font-family: fontawesome;
    color: var(--color-corpo);
    font-size: 16px;
    background-color: transparent;
    top: 0;
    z-index: 0;
    left: -15px;
    transition: all 0.3s;
}

/*Hoteles*/
.swiper-hoteles{
    padding-top:30px !important;
}
/**Icons hotels tipo**/
.grid-hoteles.bg-corpo {
  margin-top: 10%;
}
.grid-padd-top {
  margin: -8% auto 5%;
}
.editMode .grid-padd-top{
    margin-top:0 !important;
}
.icons-hotels ul {
  background: none;
  padding: 0;
  float: none;
  display: flex;
  justify-content: space-between;
}
.icons-hotels ul li {
  margin: auto;
  padding-left: 11px;
  padding-right: 9px;
  padding-top: 0px;
  padding-bottom: 0px;
  width: auto;
  align-items: center;
  border-bottom: 0px;
  background: none !important;
  width: auto;
  text-align: left;
  position: relative;
  overflow: hidden;
  display: flex;
}
.icons-hotels ul li:first-child::after {
  display: none;
}
.icons-hotels ul li:last-child {
  padding-right: 0px !important;
}
.icons-hotels ul li:first-child {
  padding-left: 0;
  padding-right: 5px;
}
.icons-hotels ul li::after {
  position: absolute;
  content: "";
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 23px;
  background-color: white;
}

.icons-hotels ul li img {
  max-width: 25px;
  height: auto;
}
/** Tooltips icons rooms **/
.tooltip-custom {
  position: absolute;
  display: block;
  bottom: 0;
  text-align: center;
  font-family: var(--font-medium) !important;
  background-color: #003384 !important;
  border: 1px solid rgb(228 228 228 / 39%);
  font-size: 14px;
  left: 38%;
  color: #fff !important;
  transform: translateX(-50%);
  padding: 5px 15px;
  width: auto;
  height: 33px;
  border-radius: 5px;
  transition: all 0.1s;
  visibility: hidden;
}

.icons-hotels ul li:hover .tooltip-custom {
  visibility: visible;
  bottom: -41px;
  position: absolute;
  left: 38%;
  width: fit-content;
  height: fit-content;
}

.icons-hotels ul li {
  z-index: 0;
  overflow: visible;
}

.tooltip-custom:before {
  position: absolute;
  content: "";
  background-color: #003384;
  width: 10px;
  height: 19px;
  top: -19px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-clip-path: polygon(100% 100%, 0 100%, 50% 63%);
  clip-path: polygon(100% 100%, 0 100%, 50% 63%);
}
/*Banner villa home*/
.homepage-section-bg-hotel.bg-villa{
    background:url(/dam/multihotel-marsenses/home/bg-home-cas-metge-matas-villa-marsenses.webp);
    background-size:cover;
    position:relative;
}
.bg-villa .logo-detail{
    left: 50%;
    transform: translate(-50%, 0);
}
/**Background cols flex **/
.width-container14 {
  max-width: 80%;
  margin: auto;
  padding: 5em 0;
}
.cols2-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.img-relative {
  overflow: hidden !important;
  position: relative;
  max-width: 700px;
}
.cols2-flex > div:nth-child(2) {
  margin-left: 3vh;
}
.cols2-flex > div {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}
.homepage-section-bg-hotel h2{
    margin-top:-60px;
}
.homepage-section-bg-hotel h3,
.homepage-section-bg-hotel h2 {
  font-style: normal;
  font-size: 44px !important;
  color: white !important;
  background: none !important;
  letter-spacing: 1.35px;
  z-index: 1;
  text-shadow: 0 0 8px rgb(0 44 71/40%);
}

.cols2-flex > div > .section-title {
  /*transform: translateX(-150px);*/
  color: white;
  font-style: normal;
  font-size: 36px;
  color: white !important;
  letter-spacing: 0.03em;
  z-index: 1;
  text-align: left;
  line-height: 1em;
}

.section-content p {
  padding: 0;
  line-height: 26px;
  font-family: var(--font-titles);
  font-size: 16px;
  text-align: left;
  letter-spacing: 0.035em;
  line-height: 166.6666666667%;
  color: white;
}
.section-content {
  padding-top: 6rem;
}
.section-content p {
  font-size: 16px;
  line-height: 1.55em;
}
/*Swiper flex*/
.container-carrusel {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
}
.container-carrusel div.inner1 {
  width: 40%;
}
.container-carrusel div.inner2 .img-col-50 {
  padding: 2rem;
}
.container-carrusel div.inner2 {
  width: 60%;
}
.swiper-slide.swiper-slide-active .container-carrusel div.inner1 {
  animation: fadeIn 2s;
}

/**Ofertas**/
.swiper-ofertas h3 {
  font-size: 34px !important;
  margin-bottom: 2vh;
}
.swiper-ofertas .swiper-pagination-fraction,.swiper-hoteles .swiper-pagination-fraction{
    position:relative;
}
.gridRTPHotelesHome.grid-padd-top {
  margin: -245px auto 10px;
}
.swiper-ofertas p {
  padding: 0;
}
.discount {
  transition: 0.6s all;
  background: var(--color-corpo);
  padding: 10px;
  text-align: center;
  position: absolute;
  top: 0px;
  z-index: 5;
  right: 0;
  box-shadow: 0 0 8px rgb(0 0 0 / 3%);
}
.discount span {
  color: white;
  font-family: var(--font-txt);
  font-size: 1.6rem;
}
a.btn-book {
  transition: 0.5s all;
  max-width: 200px;
  color: white;
  background: var(--blue-ctas);
  padding: 10px;
  font-size: 18px;
  display: block;
  text-align: center;
  margin-top: 2vh;
}
a.btn-book:hover {
  background: var(--color-corpo);
}
/*Destinos*/
.box-destino {
  overflow: hidden;
  position: relative;
}
.box-destino img {
  object-fit: cover;
  height: 100%;
  filter: brightness(0.7);
  transition: all 0.5s;
  max-height: 600px;
  min-height:280px;
}
.box-destino .caption {
    width: 90%;
    background: #fff;
    margin-top: -12%;
    z-index: 1;
    position: relative;
    padding:30px;
    margin-bottom: 20px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .2);
}
.box-absolute .box-destino .caption {
    left: 0;
    height: unset;
    width: 100%;
    height:100%;
    position: absolute;
    bottom: 0;
    background:transparent;
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    margin-bottom: 0;
    box-shadow: none;
}
.box-destino h3, .box-destino p.title-offer,.box-destino p.title-blog {
  padding: 0 !important;
  font-size: 22px;
  color: var(--color-corpo);
  text-align: left;
  line-height: 1.1em;
}
.box-destino p.title-offer{
    margin-bottom:10px;
}
body .box-destino p.title-offer~p{
    padding-left:0;
}
.box-destino:has(h3.border-left) h3{
    position:relative;
    display:flex;
    align-items:center;
}
.box-destino:has(h3.border-left) h3:before{
    content:"";
    position:absolute;
    height:40px;
    width:5px;
    background:var(--color-corpo);
    position:absolute;
    left:-30px;
    top:0;
}
.box-destino p {
  text-transform: none;
  color:#737373;
}
.box-absolute .box-destino p:not(.box-absolute .box-destino p.title-blog) {
    color:#fff;
    font-family:var(--font-bold) !important;
    padding-left:0;
}
.box-absolute .box-destino h3,.box-absolute .box-destino p.title-blog{
    color:#fff !important;
    text-shadow:0 0 8px rgb(0 44 71/40%);
}
/*.box-absolute .box-destino img{
    filter:brightness(.4) !important;
}*/
.box-absolute .overlay{
    padding:0;
    position:absolute;
}
/*Subdestinos*/
ul.list-routes li {
    display: flex;
    justify-content: space-around;
    background: none;
}
ul.list-routes span.left {
  color: var(--color-corpo);
}
ul.list-routes li span.line {
    border-bottom: 1px solid rgb(0 0 0 / 16%);
    flex: 1;
}
ul.list-routes li i.fa {
    color: var(--color-corpo);
    font-size: 21px;
    margin-right: 7px;
}
/**Banner**/
.padd-banner {
  position: relative;
  text-align: center;
}
.padd-banner .overlay{
    padding:40px 0 60px 0;
}
.padd-banner p {
  text-align: center;
  width: 40%;
  margin: 0 auto;
  margin-top: 36px;
  font-size:18px;
}
.padd-banner p.subtitle {
  font-style: normal;
  font-size: 2rem;
  color: white !important;
  letter-spacing: 0.03em;
  z-index: 1;
  text-shadow: 0 0 8px rgb(0 44 71/40%);
}
.homepage-section-bg-hotel p {
  color: white;
  font-family:var(--font-bold) !important;
  font-size:18px;
}
.banner-offer .section-header{
    position:relative;
}
.banner-offer .col{
    padding-left:0;
    padding-right:0;
}
.banner-offer .logo-detail {
  top: 0;
  left: auto;
  opacity:.7;
  position:relative;
  text-align:center;
}
.banner-offer.bg-care{
    background:url(/dam/multihotel-marsenses/home/banner-ofertas-marsenses.webp);
    background-size:cover;
}
.banner .img-banner img.img-responsive{
    height:100vh;
    filter:brightness(.6);
}
.text-banner{
    z-index: 3;
    position: relative;
    margin-top: -50vh;
    background: #fff;
    padding: 100px 80px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .2);
}
.text-banner .intro-txt{
    margin-left:0 !important;
}
.banner .col{
    padding-left:0;
    padding-right:0;
}
.bg-gallery-home{
    background-image:url('/dam/multihotel-marsenses/hoteles/marsenses-puerto-pollensa-hotel-spa/home/overview-marsenses-puerto-pollensa-hotel-spa.webp');
    background-size:cover;
    position:relative;
}
.overlay{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    top: 0;
    left: 0;
    padding:40px 0 40px 0;
}
/*Background*/
.section-service-bg{
    background:var(--color-bg);
}
/*Experiencias*/
.hoteles-accesibles .box-hotel .padd-inner p{
    display:none;
}
.hoteles-accesibles .box-hotel .box-white{
    min-height:230px;
}
.list-icons img {
    max-height: 100px !important;
    width: auto !important;
    margin: 0 auto !important;
    transition: 0.5s all;
}
.gallery-access .hover-gallery .lightbox .image img{
    min-height:450px;
}
.hover-gallery .lightbox .image:hover{
    transform:none !important;
}
.hover-gallery .lightbox .image:hover img{
    filter:none !important;
}
/*Footer*/
.footer{
    background:var(--blue-ctas);  
    color:#fff;
    padding-bottom:20px;
}
.inner-footer{
    position:relative;
}
.inner-footer:before{
    content: "";
    background-image: url(/dam/multihotel-marsenses/home/ic/isotipo-footer-marsenses.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.75;
    z-index:1;
}
.inner-footer>.row{
    z-index:2;
    position:relative;
}
.footer .second-level {
  border-top: 1px solid rgb(255 255 255 / 16%);
}
.footer i.fa-phone, .footer .fa-envelope{
    margin-right:5px;
}
img.logo-htt-foo {
  max-width: 75px;
  height: auto;
  border-bottom: 1px solid #fff;
  margin-bottom: -3px;
  padding: 1px;
  vertical-align:0;
}
.logo-foo {
  margin-bottom:30px;
}
.logo-foo:last-child{
    margin-top:10px;
}
.logo-foo img {
  height: auto;
  max-width: 220px;
}
.footer li a:hover,
.footer li a:active,
.footer li a:focus {
  text-decoration: none;
}
.inner-footer p{
    margin-bottom:10px;
    padding-left:0 !important;
}
.inner-footer p.title {
  font-size: 21px;
  padding-left:0 !important;
  margin-bottom:20px !important;
}
.inner-footer p.address {
  font-size: 15px;
}
.inner-footer p.address~ul.li-foo a{
    text-decoration:none !important;
}
ul.li-foo {
  background: none;
  padding: 0;
}
ul.li-foo li {
  border-bottom: 0px;
  font-size: 16px !important;
  text-align: left;
  padding-top: 3px;
  background: none;
  margin-bottom:10px;
}
ul.li-foo a img {
  max-width: 20px;
  display: inherit;
  height: auto;
  position: relative;
  margin-right: 7px !important;
  margin: 0 !important;
}
ul.li-foo li a span {
  margin-top: 12px;
  display: inline-block;
  font-size: 14px;
}
ul.li-foo li a {
  font-size: 14px !important;
  font-family: var(--font-txt) !important;
  transition: all 0.3s ease-in-out 0s;
  display:block;
  min-height:24px;
}
ul.li-foo li.transferFooter a {
  font-weight:600;
}
/*ul.li-foo li a:hover {
  color: var(--color-corpo) !important;
}
ul.li-foo li a:hover span {
  color: white !important;
}*/
p.txtCopy.right {
  text-align: right;
  font-size: 16px;
}
.footer a {
  font-size: 16px;
}
/**Social Media icons **/
ul.media_list {
  padding: 0;
  text-align: left !important;
  background: none;
  margin: 15px 0 !important;
}

ul.media_list li {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  transition: 0.5s;
  border-bottom: 0px;
}

ul.media_list li:before {
  display: none;
}

ul.media_list li a {
  color: white !important;
  background: none;
  text-decoration:none !important;
  width: 28px;
  height: 28px;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
}
ul.media_list a .fa-brands:before{
  min-width: 24px;
  min-height: 24px;
  display: block;
}
ul.media_list li i,
ul.media_list li .fa-tiktok {
  font-size: 27px;
  color: white;
  line-height: 19px;
  display: block;
  transition: 0.5s;
  text-align: left;
}

ul.media_list li:hover i,
ul.media_list li:hover .fa-tiktok,
ul.media_list li:hover img.icon-tx {
  /*transform: rotate(360deg);*/
  color:var(--color-corpo);
  transition: all 0.3s ease-in-out 0s;
}
img.icon-tx {
  width: 24px;
  min-height: 24px;
  object-fit:cover;
}

ul.media_list li:hover {
  background: none !important;
}

ul.media_list li {
  border-radius: 0 !important;
  background: none;
  text-align: left !important;
}

/**End Social Media icons **/
ul.li-copy{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}
ul.li-copy li:before{
    content:"-";
    margin-right:6px;
}
ul.li-copy li:first-child:before{
    content:none;
}
/**Footer mobile**/
.menu-foot-pane .panel-group .panel-heading + .panel-collapse > .panel-body {
  background: transparent;
  border: none !important;
  padding-left: 0;
  padding-bottom: 10px;
  padding-top: 10px;
}

span.mn-item {
  display: block;
  font-size: 14px;
  padding: 2px 0;
  margin-bottom: 5px;
  letter-spacing: 0.2px;
  font-family: var(--fontCorpo);
  text-align: left;
}

/*.menu-foot-pane .panel-group .panel-heading .mn-title a {
  font-size: 1.6em;
  letter-spacing: 0.6px;
}

.menuInfoot span.mn-item {
  margin-top: 10px;
}

.footer-mobile .panel-group .panel-heading {
  padding: 0px;
}

.menu-foot-pane .panel-group .panel-heading + .panel-collapse > .panel-body {
  background: transparent;
  border: none !important;
  padding-left: 0;
  padding-bottom: 10px;
  padding-top: 10px;
}

span.mn-item {
  display: block;
  padding: 2px 0;
  margin-bottom: 5px;
  letter-spacing: 0.2px;
  font-family: var(--fontCorpo) !important;
  font-size: 14px !important;
  text-align: left;
  transition: 0.5s all;
}
.menu-foot-pane .panel-group .panel-heading .mn-title a {
  font-size: 1.6em;
  letter-spacing: 0.6px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 17px;
  padding: 0px;
}
.menuInfoot span.mn-item {
  margin-top: 10px;
}
#bs-collapse .panel-heading.active a:after {
  content: "\e909";
  transform: scale(1);
  transition: all 0.5s;
}
.footer-mobile .panel-group .panel-heading p {
  text-align: left !important;
}
.accordion-menu-footer.footer-mobile {
  margin-top: 6vh !important;
  padding-top: 6vh;
}
.accordion-menu-footer.footer-mobile .container {
  margin-left: 0px !important;
  margin-right: 0px;
}
.accordion-menu-footer.footer-mobile .col-lg-12.col-sm-12 {
  padding-left: 0px;
  padding-right: 0px;
}
.accordion-menu-footer a:before{
    display:inline-block;
}
.panel-group .panel {
  background: transparent;
}
.panel-heading a:before {
  content: "\f078";
  position: relative;
  top: 0;
  font-size: 10px;
  left: 97%;
  text-align: right;
  font-family: "fontAwesome";
  transition: all 0.3s;
  transform: scale(1);
}
span.mn-item.zone {
  text-transform: uppercase;
}
span.mn-item:before {
  top: 50%;
  right: 13px;
  transform: translatey(-50%);
  content: "\f04b";
  margin-right: 8px;
  font-size: 8px;
  color: white;
  font-family: "fontawesome";
}
span.mn-item.zone:before {
  display: none;
}*/
/*Error 404*/
a.nav404 {
    color: var(--color-corpo) !important;
}
a.nav404:before {
    top: 50%;
    right: 13px;
    transform: translatey(-50%);
    content: "\f04b";
    margin-right: 8px;
    font-size: 8px;
    color: var(--color-corpo);
    font-family: "fontawesome";
}
/*Underline*/
a.btn-corpo, .btn-corpo span,.title-expe h3 a,
ul#site-menu-titles li a,ul#site-menu-titles li button,
ul#site-menu-titles li.level-horizontal p a,
.price-feed a, .price-feed span:not(.price-feed span:last-child),.footer a,a.menu-categories-item span,
ul#site-menu-titles li.drop-down .drop-down-1 li a,
.link-images span, .underline,
.gallery-hotel .nav-link h2,
a.link-accept,.content-text-hover p a,.breadcrumb-item a{
  text-decoration: underline !important;
  text-decoration-style: solid !important;
  text-decoration-thickness: 1px !important;
  text-underline-position: from-font !important;
}
a.menu-categories-item.active span{
    font-weight:bold;
}
.link-images span{
    cursor:pointer;
}
/*Faqs*/
p.faq-flex{
    font-size:21px;
    color:var(--color-corpo);
    display:flex;
    gap:10px;
    align-items:center;
    margin:0;
}
.faqs .accordion-item{
    border:none !important;
    margin-bottom:5px;
}
.faqs .accordion-header:has(.accordion-button.collapsed){
    border-bottom:1px solid rgba(0,0,0,.1);
}
.faqs .accordion-item .accordion-button{
    border-radius:0;
    padding-left:0;
    display: flex;
    align-items: center;
    gap:5px;
}
.faqs .accordion-button:after {
    content: "\f078";
    font-family: 'fontAwesome';
    color:var(--color-corpo);
}
.faqs .accordion-button::after, .faqs .accordion-button.collapsed::after {
    background-image: none !important;
    font-size: 14px;
    transform: none !important;
}
.faqs .accordion-body{
    background:#f5f5f5;
}
.faqs .accordion-button:not(.collapsed){
    background-color:transparent;
    box-shadow:none;
}
.faqs .accordion-button:focus{
    box-shadow:none; 
}
.faqs .accordion-button:hover{
    z-index:1;
}
.accordion-button:not(.collapsed){
    color:var(--color-corpo);
}
.faqs-quicktext>a{
    display:none;
}
.faqs-quicktext .accordion-button{
    background-color: #f5f5f5;
    border-color: #ddd;
    margin-top:5px;
    padding:16px 20px !important;
}
.faqs .faqs-quicktext .accordion-button:after{
    color:inherit;
}
.faqs .faqs-quicktext .accordion-body{
    background:transparent;
}
.menu-footer .accordion-item,.menu-footer .accordion-button{
    background-color:transparent;
}
.menu-footer .accordion-button,.menu-footer .accordion-button:after{
    color:#fff !important;
}
.menu-footer .accordion-button:after{
      font-size:12px !important;  
}
.menu-footer a:after{
    display:inline-block;
}
.menu-footer .accordion-body{
    background:transparent;
}
.menu-footer .accordion-body a{
    color:#fff;
}
.footer a#trabajo{
    text-decoration:none !important;
    font-size:1rem;
}
.footer p:has(a#trabajo){
    padding-left:0 !important;
    margin-top:10px;
}
/*Flex images*/
.flex-images{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.flex-images img.img-responsive{
    max-height:300px;
    width:auto;
}
.flex-images.column{
    flex-direction:column;
}
.flex-images.column img.img-responsive{
    max-height:350px;
    width:100%;
}
/*Formularios*/
fieldset.mod {
  display: block;
  width: 100%;
  height: 48px;
  padding: 0 16px;

  background-color: #ffffff;
  border: 1px solid #d1d1d1; /* Matches the light grey border in the image */
  border-radius: 4px;

  font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #333333;
  
  /* CRITICAL: Disables the browser's default styling (native arrow and box) */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  
  cursor: pointer;
  outline: none;
}
form input[type=text], input[type=mail]{
    border:1px solid #636363;
    height:50px;
    border-radius:0;
    width:100%;
}
form input[type=submit]{
    border-radius:0;
    background:var(--color-corpo);
    color:#fff;
    width:100%;
    height:50px;
    border:none;
    font-weight:700;
    margin-top:10px;
    font-size:18px;
}
form .form-row{
    display:flex;
    flex-direction:column;
    margin-top:10px;
}
label[for=accept] dfn{
    display:none;
}
a.link-accept{
    color:var(--color-corpo);
}
dfn[title=required]{
    font-size:14px;
}
span:has(dfn[title=required]){
    width:100%;
    display:flex;
    justify-content:space-between;
}
form .user-success{
    width:24px;
    height:24px;
}
.recaptchaLink{
    min-height:24px;
    width:auto;
}
/*Dropdowns tabs*/
.dropdown .btn-secondary{
    background: #efefef;
    margin: 0 18px;
    border-radius: 0;
    border: 2px solid var(--color-corpo);
    padding: 15px 10px 10px 15px;
    width: 100%;
    color: var(--color-corpo);
    text-align: center;
    position: relative;
    margin-left: 0;
}
.dropdown-menu{
    width:100%;
}
.dropdown-item.active, .dropdown-item:active{
    background-color:var(--color-corpo);
}
/*Tabs*/
.nav-tabs{
    border-bottom:none !important;
    padding-left:10px;
}
.nav-tabs .nav-link{
    border:none !important;
    border-right:1px solid rgb(0 0 0 / 37%) !important;
    background-color:none;
    border-radius:0 !important;
}
.nav-tabs .nav-link:last-child{
    border-right:none !important;
}
.nav-tabs .nav-link.active{
    background-color:var(--color-corpo);
}
.nav-tabs .nav-link.active h2{
     color:#fff !important;   
}
/*Área de cliente*/
.custom-menu {
    display: flex;
    background:#f5f2f2;
    padding-bottom: 5px;
    list-style: none;
    margin: 0;
    position: relative;
    justify-content: center;
    padding:10px;
}
.custom-menu ul {
    display: flex;
    gap: 5px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.custom-menu__item:hover, .custom-menu__item.active {
    color: #fff;
    background:var(--color-corpo);
}
.custom-menu__item {
    font-size: 20px;
    color: #636363;
    text-decoration: none;
    padding: 10px 20px;
    transition: all 0.3s ease;
    position: relative;
}
.menu-access ul li{
    text-align:center;
}
.menu-access ul li a{
    text-decoration:underline;
}
@media(min-width:1200px){
    .hoteles-mobile{
        display:none;
    }
    .editMode .hoteles-mobile{
        display:block;
    }
}
@media(min-width:1024px){
  .form-center form{
    width:50%;
    margin:0 auto;
}  
}
@media(min-width:992px){
    .grid-flex>.row>div:first-child{
        width:30%;
        z-index:2;
        align-self:flex-end;
    }
    .grid-flex>.row>div:last-child{
        width:70%;
    }
}
@media (min-width: 501px) {
  .menu-foot-pane .panel-group .panel-heading a:before {
    display: none;
  }
  .menu-foot-pane .panel-group .panel-heading .mn-title a {
    pointer-events: none;
  }
}
@media(max-width:1366px){
    .hero-section, .hero-section .overlay{
        height:90vh;
    }
}
@media(max-width:1280px){
   .menu-access ul{
       flex-wrap:wrap;
       gap:0;
   } 
   .menu-access ul li{
       flex:1 0 33.3%;
   }
}
@media(max-width:1199px){
    .hoteles-desktop{
        display:none;
    }
    .editMode .hoteles-desktop{
        display:block;
    }
}
@media(max-width:1024px){
    #buttonShowSearcherScroll{
       top:35% !important;
    }
    .header .logo img{
        max-width:100% !important;
    }
    .container-header .user-access>.row>div{
        padding:0;
    }
    body p, .container-carrusel .align-btn, .inner-grid-room .align-btn,
    .inner-info-rooms .align-btn,.ui-moreLink{
        padding-left:0 !important;
    }
    .price-feed{
        margin-left:0;
    }
    .w50,.w60,.w70,.w80{
        width:80% !important;
    }
    .paddTopBt{
        padding:5rem 0 2rem !important;
    }
    .paddTopBt-equal{
        padding:2rem 0 2rem !important;
    }
    .intro-txt h1,.intro-txt h2{
        font-size:32px;
        line-height:44px;
        margin-bottom:3vh;
    }
    /*.xl-intro p, .xs-intro p{
        width:98%;
    }*/
    .intro-txt{
        margin-bottom:6vh;
    }
    /*.xl-intro, .xs-intro,.intro-txt{
        width:96%;
    }*/
    .xl-intro p{
        font-size:18px;
        line-height:26px;
    }
    .align-btn{
        text-align:center;
    }
    .section-content{
        padding-top:2rem;
    }
    .cols2-flex > div > .section-title{
        font-size:24px;
        margin-top:40px;
    }
    .cols2-flex > div:nth-child(2){
        margin-left:0;
    }
    .title-box h2, h2.title, .intro-txt p.title,
    .homepage-section-bg-hotel h2{
        font-size:32px !important;
        line-height:44px;
    }
    .container-carrusel h2, .inner-info-rooms h2, .container-carrusel h3, 
    .grid-room h3, h3, .padd-inner.cols-padd h2, .grid-room h2{
        padding-left:0;
    }
    .container-carrusel h3, .grid-room h3, h3, .inner1 .padd-txt h3,
    .homepage-section-bg-hotel h3, p.title-blog,
    .swiper-ofertas h3,.box-destino p.title-offer{
        font-size:24px !important;
        line-height:36px;
    }
    .cols2-flex{
        flex-direction:column;
    }
    .cols2-flex > div > .section-title{
        transform:none;
    }
    .padd-inner.cols-padd{
        padding:2rem 0;
    }
    .swiper-destinos .box-destino img{
        min-height:500px;
    }
    .col:has(>.swiper){
        padding-left:0;
        padding-right:0;
    }
    .swiper:not(.swiper.swiper-hoteles){
        padding:0 20px !important;
    }
    .swiper-blog .swiper-slide{
        padding:0;
    }
    .swiper-galeria1-2, .swiper-galeria1{
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .swiper:has(.box-destino):not(.box-absolute .swiper) .swiper-button-next,
    .swiper:has(.box-destino):not(.box-absolute .swiper) .swiper-button-prev,
    .swiper:has(.box-white) .swiper-button-next,
    .swiper:has(.box-white) .swiper-button-prev{
        background: var(--color-corpo) !important;
        width:36px !important;
        height:36px !important;
        padding:0 15px !important;
    }
    .swiper:has(.box-destino):not(.box-absolute .swiper) .swiper-button-next:after,
    .swiper:has(.box-destino):not(.box-absolute .swiper) .swiper-button-prev:after,
    .swiper:has(.box-white) .swiper-button-next:after,
    .swiper:has(.box-white) .swiper-button-prev:after{
        color:#fff !important;
    }
    .swiper-button-prev{
        left:0 !important;
    }
    .swiper-button-next{
        right:0 !important;
    }
    .width-container{
        padding-right: 15px;
        padding-left: 15px;
    }
    .width-container:has(form){
        padding-left:5px;
        padding-right:5px;
    }
    .text-banner{
        margin-top:-20vh;
    }
    #CDSWIDSSP, iframe[_tmplitem]{
        width:100% !important;
    }
    .padd-banner p{
        width:90%;
    }
    .banner .img-banner img.img-responsive{
        height:80vh;
    }
    .text-banner{
        padding:60px 40px;
    }
    .text-banner.w60{
        width:80% !important;
    }
    p.faq-flex{
        font-size:18px;
    }
    .img-text>.row>.col{
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .img-text .col-12:last-child{
        padding-right:0 !important;
    }
    .img-text .col-12:first-child{
        padding-left:0 !important;
    }
    .footer{
        padding:40px 0 80px 0;
    }
    .inner-footer p.title {
        font-size: 24px;
        margin: 10px 0;
    }
    .accordion-menu-footer.footer-mobile{
        padding:3vh 0 !important;
        margin-top:0 !important;
    }
}
@media(min-width:768px){
    ul.docs{
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap:wrap;
    }
    .list-icons{
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 20px;
    }
    .list-icons li{
        width:calc(33.3% - 20px);
    }
     .list-icons.list-flex li{
        width:calc(50% - 20px);
    }
}
@media(max-width:991px){
    /*.container-carrusel h2, .inner-info-rooms h2, 
    .container-carrusel h3, .grid-room h3, h3, .inner1 .padd-txt h3{
        text-align:center;
    }*/
    .header.hfixed{
        z-index:2;
    }
    .grid-motor,.grid-motor.motor-home{
        position:relative;
        bottom:0;
    }
    .container-carrusel {
        flex-direction:column;
    }
    .container-carrusel div.inner1,
    .container-carrusel div.inner2{
        width:96%;
    }
    .motor-section{
        position:relative;
        margin-bottom:20px;
    }
    .swiper-galeria1-2 .image,.swiper-galeria1-2 .image img{
        min-height:400px;
    }
    .swiper-galeria1-2{
        margin-bottom:20px;
    }
    ul{
        padding-left:0;
    }
    .li-rooms-horizontal {
        columns: 1;
        -webkit-columns: 1;
    }
}
@media (max-width: 767px) {
    .header:not(.editMode .header){
        z-index:2;
    }
    .header-desktop #site-menu.open{
        overflow-y:scroll;
    }
    .offcanvas-md{
        background:var(--color-corpo);
    }
    .offcanvas-header button.btn-close{
        filter: brightness(0) invert(1);
        opacity: 1;
        margin-right: 10px;
    }
    .navbar-toggler{
        filter: brightness(0) invert(1);
        border: none;
    }
    .personLogin-content button, .mibooking-content button{
        padding:6px;
    }
    .dropdown.group-languages-texts{
        text-align:right;
        margin:0 !important;
    }
    .open-selector-language span{
        font-size:18px;
    }
    .dropdown.group-languages-texts button{
        margin-right:0;
    }
    ul.options-selector-language{
        position:absolute !important;
        right:0;
        left:auto !important;
        width:fit-content;
    }
    .language-text, .language-text~.dropdown-menu{
        width:max-content;
        float:right;
    }
    .container-header{
        padding:0;
    }
    .container-header .user-access>.row{
        flex-wrap:nowrap;
    }
    .container-header .user-access>.row>div{
        padding:0;
    }
    .hero-desktop .hero-home .caption{
        margin-top:0;
    }
    .hero-section .caption .icons-hotels{
        padding-left:0;
    }
    .col:has(>#breadcrumb){
        padding-left:3px;
        padding-right:3px;
    }
    .breadcrumb-item{
        font-size:12px;
    }
    .breadcrumb{
        width:100%;
    }
    .breadcrumb-item+.breadcrumb-item{
        padding-left:3px;
    }
    .breadcrumb-item+.breadcrumb-item::before{
        padding-right:3px;
    }
    .w50,.w60,.w70,.w80,.width-container14{
        width:96% !important;
    }
    .hero-section .caption .icons-hotels {
        margin: 10px auto 0 auto !important;
    }
    .hero-section .caption p.txt-big {
        width: 90%;
        margin: 0 auto !important;
        font-size: 32px;
    }
    .hero-section .caption p, .hero-section .caption p span {
        text-align: center;
    }
    .hero-section .caption{
        width:100%;
        margin-left:0;
    }
    .caption p span{
        font-size:2.5rem;
    }
    .container-carrusel h2, .inner-info-rooms h2, .container-carrusel h3, 
    .grid-room h3, h3, .padd-inner.cols-padd h2, .grid-room h2, p.title-blog,
    .quote p{
        font-size:24px !important;
    }
    .quote p strong{
        font-size:26px !important;
    }
    .flex-images{
        flex-wrap:wrap;
    }
    .banner .img-banner img.img-responsive{
        height:70vh;
    }
    .text-banner{
        padding:70px 20px;
    }
    .text-banner.w60{
        width:90% !important;
    }
    .gallery-hotel .swiper-galeria1 .image{
        min-height:auto;
    }
    span:has(dfn[title=required]){
        flex-direction:column;
    }
    .img-col-50 .img-responsive,.inner-grid-room .img-responsive{
        min-height:280px;
    }
    .img-text .col-12{
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .img-text .col-12 .img-responsive:last-child{
        margin-top:15px;
    }
    .menu-access ul li{
       flex:1 0 100%;
   }
    .logo-foo img{
        max-width:150px;
        height:auto;
    }
    .footer .second-level>.row{
        flex-direction:column;
    }
    p.txtCopy.right{
        text-align:left !important;
        margin-top:15px;
    }
    ul.li-copy{
        flex-direction:column;
    }
    ul.li-copy li:before{
        content:none;
    }
    .list-icons li{
        width:100% !important;
    }
}