:root {
  --fontPrimary: "Abhaya Libre", serif;
  --secondaryFont: "Barlow Condensed", sans-serif;
}

/*Estilos genéricos*/
.center {
  text-align: center !important;
}
.left {
  text-align: left !important;
}
.right {
  text-align: right !important;
}
body, .body{
    overflow-x:hidden;
}
/*Estilos header*/
.header:not(.editMode .header) {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.float-right > .row {
  float: right;
}
/*Fin Estilos header*/
/*Video*/
video {
  height: 100vh;
  width: 100%;
  object-fit: cover;
}
.stage {
  position: relative;
}
.grid-motor:not(.editMode .grid-motor) {
  position: absolute;
  bottom: 20px;
  width: 100%;
  z-index: 2;
}
.containerTxtSlide {
  position: absolute;
  width: 90%;
  top: 50%;
  left: 10%;
  z-index: 1;
}
.titleHero {
  font-size: 55px;
  font-weight: 500;
  line-height: 1.1;
  font-family: var(--fontPrimary);
  margin-bottom: 20px;
}
.containerTxtSlide > .w60 {
  width: 75% !important;
}
.containerTxtSlide p.subTitleHero,
h1.subTitleHero {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 2px;
  font-family: var(--fontPrimary);
  margin-bottom: 0px;
}
.white,
.white strong,
.white span {
  color: #fff !important;
}
.left {
  text-align: left !important;
}
.containerTxtSlide p.textHero {
  font-size: 21px;
  font-weight: 200;
  line-height: 1.3em;
}

img.logo.logo-desktop {
  width: 190px;
  height: auto;
  padding-top: 3vh;
  padding-left: 3vh;
  position: relative;
  right: 0vw;
}
.group-languages-texts .btn-secondary.open-selector-language,
.personLogin-wrapper {
  background: transparent;
  border: 0;
  color: #fff;
  font-family: var(--secondaryFont);
  font-size: 13px;
  position: relative;
  font-style: normal;
  font-weight: 500;
  padding: 30px 20px 0px 0;
}

.open-selector-language span:before {
  position: absolute;
  top: 30px;
  right: 55px;
  font-size: 13px;
  content: "\f0ac";
  font-family: "FontAwesome";
  color: #fff;
}

.navbar-toggler-icon {
  background-image: url("/dam/monohotel-motor-los-naranjos/menu-hamburguesa.png") !important;
}

.navbar-toggler {
  border: none !important;
}

img.logo.logo-mobile {
  width: 183px;
  height: auto;
}
.mobileVersion {
  padding-top: 20px;
  font-family: var(--secondaryFont);
  color: white;
}

.float-left > .row {
  float: left;
}

.mobileVersion .loginIcon .btn {
  color: white !important;
}
nav.menuMobile {
  text-transform: uppercase;
}
nav.menuMobile ul {
  text-decoration: none;
  font-family: var(--fontPrimary);
  list-style: none;
  font-size: 20px;
  color: #484848;
}
nav.menuMobile li {
  padding: 7px 15px;
}
nav.menuMobile ul a {
  text-decoration: none;
  color: #484848;
}

.group-languages-texts .btn-secondary.open-selector-language {
  /*color: #484848;*/
  padding: 30px 20px 0px 0;
}
@media (max-width: 767px) {
  img.logo.logo-mobile {
    width: 105px;
    height: auto;
  }  
  img.logoFooter {
    width: 105px !important;
    height: auto !important;
  }
  .personLogin-wrapper {
    padding: 15px 0px 0px 0;
  }
}
@media (max-width: 768px) {
  .group-languages-texts .btn-secondary.open-selector-language {
    color: #484848;
    padding: 50px 20px 0px 50px;
    font-family: var(--fontPrimary);
    font-size: 16px;
  }
  .containerTxtSlide {
    top: 30%;
  }
  .open-selector-language span:before {
    position: absolute;
    top: 48px;
    right: 78px;
    font-size: 16px;
    content: "\f0ac";
    font-family: "FontAwesome";
    color: #484848;
  }
  .open-selector-language span:after {
    position: absolute;
    top: 50px;
    right: 0px;
    font-size: 14px;
    content: "\f078";
    font-family: "FontAwesome";
    color: #484848;
  }
  .mobileVersion .dropdown {
    position: relative;
    left: 3vw;
  }
  .navbar-nav .dropdown-menu {
    border-radius: 5px;
    max-width: 50%;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
  }
}

@media (min-width: 768px) and (max-width: 1025px) {
  .personLogin-wrapper {
    display: inline-block;
    cursor: pointer;
    color: white;
    font-family: var(--fontPrimary);
    font-size: 14px;
  }
  
    img.logo.logo-mobile {
    width: 160px;
    height: auto;
  }  
  img.logoFooter {
    width: 160px;
  }
}

.center.divFooter {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  padding: 1vh;
}

p.footerText a,
p.footerText {
  text-decoration: none;
  color: white;
  font-size: 12px;
  font-family: var(--secondaryFont);
}

.footer {
  background-color: #19553c;
}

section.footerWidth {
  height: auto;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}

/*Area cliente*/

.custom-menu {
  display: flex;
  gap: 15px;
  border-bottom: 2px solid #e6e6e6;
  padding-bottom: 5px;
  list-style: none;
  margin: 0;
  position: relative;
  justify-content: center;
}

.custom-menu ul {
  display: flex;
  gap: 15px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.custom-menu li {
  list-style: none;
}
.custom-menu__item {
  font-family: var(--fontPrimary), sans-serif;
  font-size: 20px;
  color: green;
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 5px 5px 0 0;
  transition: all 0.3s ease;
  position: relative;
}
.custom-menu__item::after {
  content: "";
  display: block;
  height: 3px;
  background: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: background 0.3s;
}
.custom-menu__item:hover,
.custom-menu__item.active {
  color: green;
}
.custom-menu__item.active::after {
  background: green;
}
.bg-box {
  background: #fff;
}

/*Suscripción Newsletter*/
.sp-form {
  border: none !important;
  font-family: var(--secondaryFont);
  width: 600px !important;
  background: transparent !important;
  margin-top: 40px !important;
}
.sp-form button,
.sp-form input,
.sp-form input[type="text"],
.sp-form input[type="email"],
.sp-form input[type="tel"],
.sp-form input[type="number"],
.sp-form optgroup,
.sp-form select,
.sp-form textarea {
  font-family: var(--fontPrimary) !important;
}
.sp-form .sp-button {
  color: #ffffff !important;
  background-color: green !important;
  border-radius: 4px;
  transition: 0.5s all;
  font-family: var(--fontPrimary) !important;
  letter-spacing: 1px;
  font-size: 18px !important;
}
.sp-form .sp-form-fields-wrapper {
  width: 100% !important;
}
.sp-form .sp-field input[type="checkbox"] + span,
.sp-form .sp-field input[type="radio"] + span {
  font-size: 14px !important;
  font-family: var(--fontPrimary) !important;
}

.paddTop20 {
  padding-top: 20px !important;
}
.paddTop40 {
  padding-top: 40px !important;
}
.paddTop50 {
  padding-top: 50px !important;
}
.paddTop20 {
  padding-top: 20px !important;
}
.paddBT40 {
  padding-bottom: 40px !important;
}
.paddTop60 {
  padding-top: 80px !important;
}
.paddBT60 {
  padding-bottom: 60px !important;
}
.paddTop120 {
  padding-top: 120px !important;
}
.paddBT120 {
  padding-bottom: 120px !important;
}
.m0Auto {
  margin: 0 auto !important;
}
.mTop20 {
  margin-top: 20px !important;
}
.mTop30 {
  margin-top: 30px !important;
}
.mTop40 {
  margin-top: 40px !important;
}
.mTop60 {
  margin-top: 60px !important;
}
.mTop100 {
  margin-top: 100px !important;
}
.mTop120 {
  margin-top: 120px !important;
}
.mBT20 {
  margin-bottom: 20px !important;
}
.mBT40 {
  margin-bottom: 40px !important;
}
.mBT60 {
  margin-bottom: 60px !important;
}
.mBT120 {
  margin-bottom: 120px !important;
}

.breadcrumb {
  padding-top: 10px;
}
.breadcrumb-item.active {
  color: green;
}

ol.breadcrumb a {
  text-decoration: none;
  color: #484848;
}
.stage {
  position: relative;
}
.stage > .row > .col {
  padding: 0;
}
.w80 {
  width: 80% !important;
}

/*Error 404*/
.text-error {
  font-size: 24px;
  font-family: var(--fontPrimary);
}
.title-error {
  font-size: 48px;
  font-family: var(--fontPrimary);
}

img.logoFooter {
  width: 180px;
  position: relative;
  height: auto;
  left: 42%;
  bottom: 5.5vh;
}
@media (max-width: 1024px) {
  .logoFooter {
    position:static !important;
  }
}