@charset "UTF-8";
/*======================================================================*
*
* Royalton Hotel
*
*======================================================================*/
/*======================================================================*
Nucleo //
*======================================================================*/
/* @mixin relative{
  position: relative;
  width: 100%;
}
 */
/*======================================================================*
    Nunito Font
*======================================================================*/
/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Mixing Media Query Personalizado
*======================================================================*/
/*=========================================================================
*    Nucleo Principal
*=========================================================================*/
@media (min-width: 320px) {
  .noPadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .noMargin {
    margin-left: 0;
    margin-right: 0;
  }
}
.margin {
  margin: 50px 0;
}
@media (min-width: 992px) {
  .margin {
    margin: 100px 0;
  }
}

button, a {
  cursor: pointer;
}

@media (min-width: 320px) {
  a,
  div,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  li,
  p,
  span {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
  }
}
main {
  overflow-y: hidden;
}

.inflex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.overflow {
  overflow: hidden !important;
}

/* Works on Firefox */
* {
  /*   scrollbar-width: thin; */
  /*    scrollbar-color: $light-orange $dark-blue; */
}

/* Estilos para motores Webkit y blink (Chrome, Safari, Opera... )*/
@-moz-document url-prefix() {
  /* Estilos para la barra de desplazamiento en Firefox */
  * {
    scrollbar-width: thin;
    /* scrollbar-color: $white $dark-blue; */
  }
}
/* Estilos específicos para Chrome, Edge y Safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Estilos para la barra de desplazamiento en Chrome, Edge y Safari */
  *::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  *::-webkit-scrollbar:vertical {
    width: 3px;
  }
  *::-webkit-scrollbar-button:increment,
  *::-webkit-scrollbar-button {
    display: none;
  }
  *::-webkit-scrollbar:horizontal {
    height: 3px;
  }
  /* Thumb (barra deslizante) */
  *::-webkit-scrollbar-thumb {
    /* background-color: $white; */
    border-radius: 20px;
  }
  /* Track (fondo) */
  *::-webkit-scrollbar-track {
    border-radius: 10px;
    /* background: $dark-blue; */
  }
}
/* @mixin relative{
  position: relative;
  width: 100%;
}
 */
/*======================================================================*
    Nunito Font
*======================================================================*/
/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Mixing Media Query Personalizado
*======================================================================*/
/*======================================================================*
    Margenes
*======================================================================*/
.margin-block {
  margin: 50px 0;
}
@media (min-width: 768px) {
  .margin-block {
    margin: 100px 0;
  }
}

/* @mixin relative{
  position: relative;
  width: 100%;
}
 */
/*======================================================================*
    Nunito Font
*======================================================================*/
/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Mixing Media Query Personalizado
*======================================================================*/
/*=========================================================================
*    Titulos
*=========================================================================*/
.title-resonance {
  position: relative;
  width: 100%;
}
.title-resonance .superindice {
  color: #C49461;
}
.title-resonance .superindice h5 {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 20px;
  margin-top: 30px;
}
@media (min-width: 1200px) {
  .title-resonance .superindice h5 {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .title-resonance .superindice h5 {
    font-size: 18px;
  }
}
.title-resonance .title {
  color: #4FA2B3;
}
.title-resonance .title h2, .title-resonance .title h3, .title-resonance .title h4, .title-resonance .title h5, .title-resonance .title h6 {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 20px;
}
.title-resonance .image-ttl {
  width: 100%;
  position: relative;
  margin: 20px 0;
}
.title-resonance .image-ttl img {
  width: 100%;
  max-width: 415px;
  height: auto;
  /* max-height: 150px; */
  /* @include tablet{
      max-height: 150px;
  } */
}
.title-resonance.title-left-space {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .title-resonance.title-left-space {
    max-width: 530px;
  }
}

.titleSecundary_room {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  color: #393939;
  letter-spacing: 0px;
  text-rendering: optimizeLegibility;
  margin-top: 25px;
  margin-bottom: 35px;
}
.titleSecundary_room h6 {
  font-size: 22px;
  margin-bottom: 0;
}

.title_block {
  text-transform: uppercase;
  color: #C49461;
  letter-spacing: 0px;
}
.title_block h3 {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  font-size: 24px;
  margin: 0;
}

/*=========================================================================
*    Texto
*=========================================================================*/
.txt-description {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  color: #767676;
  /* font-size: 16px; */
  font-size: 18px;
  letter-spacing: 0px;
  margin-bottom: 30px;
  word-wrap: break-word;
}
@media (min-width: 1200px) {
  .txt-description {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .txt-description {
    font-size: 18px;
  }
}
.txt-description p {
  margin: 1rem 0px;
}
.txt-description h1, .txt-description h2, .txt-description h3 {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  font-size: 28px;
  letter-spacing: 0px;
  margin: 1rem 0px;
}
.txt-description h4, .txt-description h5, .txt-description h6 {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  font-size: 22px;
  letter-spacing: 0px;
  margin: 1rem 0px;
}
.txt-description a {
  /* @include Nunito-Regular; */
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  /* color: $dark-blue; */
  color: #4FA2B3;
  text-decoration: underline;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.txt-description a:hover {
  color: #C49461;
}
.txt-description ul {
  margin: 1rem 0px;
}
.txt-description ul li::marker {
  color: #4FA2B3;
}
.txt-description img, .txt-description iframe {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  /* height: 240px; */
  margin: 20px 0;
  display: block;
}
@media (min-width: 768px) {
  .txt-description img, .txt-description iframe {
    max-height: 470px;
  }
}
@media (min-width: 992px) {
  .txt-description img, .txt-description iframe {
    max-height: 570px;
  }
}
@media (min-width: 1200px) {
  .txt-description img, .txt-description iframe {
    max-height: 670px;
  }
}
@media (min-width: 1600px) {
  .txt-description img, .txt-description iframe {
    max-height: 770px;
  }
}

.resort_description {
  position: relative;
  width: 100%;
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  color: #767676;
  /* font-size: 16px; */
  font-size: 18px;
  letter-spacing: 0px;
  text-rendering: optimizeLegibility;
  margin-bottom: 20px;
  /* @include tablet{
      font-size: 14px;
  } */
}
@media (min-width: 1200px) {
  .resort_description {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .resort_description {
    font-size: 18px;
  }
}
.resort_description p:last-of-type {
  margin-bottom: 0;
}

/*=========================================================================
*    Clases modificadoras para textos
*=========================================================================*/
.txt--uppercase h1, .txt--uppercase h2, .txt--uppercase h3, .txt--uppercase h4, .txt--uppercase h5, .txt--uppercase h6 {
  text-transform: uppercase;
}

.txt-center {
  text-align: center;
}
.txt-center ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.txt--white h1, .txt--white h2, .txt--white h3, .txt--white h4, .txt--white h5, .txt--white h6 {
  color: #ffffff;
}

/*Textos de galeria*/
.lightGallery-captions {
  color: #ffffff;
  text-align: center;
  letter-spacing: 0px;
}
.lightGallery-captions h4 {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  font-size: 18px;
}
.lightGallery-captions p {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  font-size: 16px;
}

/* @mixin relative{
  position: relative;
  width: 100%;
}
 */
/*======================================================================*
    Nunito Font
*======================================================================*/
/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Mixing Media Query Personalizado
*======================================================================*/
/*=========================================================================
*    Botones
*=========================================================================*/
.cta-resonance-icon {
  width: 100%;
  position: relative;
}
.cta-resonance-icon a {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  font-size: 16px;
  color: #4FA2B3;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none;
  gap: 20px;
  padding: 5px 0;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: relative;
}
.cta-resonance-icon a::before {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 100%;
  background-color: transparent;
  height: 1px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.cta-resonance-icon a::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0px;
  width: 0%;
  background-color: transparent;
  height: 1px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.cta-resonance-icon a:hover {
  text-decoration: none;
  color: #4FA2B3;
  padding: 5px 10px;
}
.cta-resonance-icon a:hover::before {
  width: 0%;
  background-color: #4FA2B3;
}
.cta-resonance-icon a:hover::after {
  width: 100%;
  background-color: #4FA2B3;
}
.cta-resonance-icon a .icon {
  width: 18px;
  position: relative;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.cta-resonance-icon a .icon svg {
  display: block;
  width: 100%;
  max-height: 12px;
}
.cta-resonance-icon a .icon path {
  fill: #4FA2B3;
}
.cta-resonance-icon.center-btn {
  text-align: center;
}
.cta-resonance-icon.center-btn-mobile {
  text-align: center;
}
@media (min-width: 768px) {
  .cta-resonance-icon.center-btn-mobile {
    text-align: left;
  }
}

/*=========================================================================
*    Clases modificadoras
*=========================================================================*/
.cta--white a {
  color: #ffffff;
}
.cta--white a:hover {
  color: #ffffff;
}
.cta--white a:hover::before {
  background-color: #ffffff;
}
.cta--white a:hover::after {
  background-color: #ffffff;
}
.cta--white a .icon svg g path {
  fill: #ffffff;
}

.btn_enlace, .btns_container .btn_secundary a, .btns_container .btn_primary a, .cta--secundary a {
  padding: 18px 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 13px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.btn_enlace .icon, .btns_container .btn_secundary a .icon, .btns_container .btn_primary a .icon, .cta--secundary a .icon {
  width: 20px;
  height: 20px;
}
.btn_enlace .icon svg, .btns_container .btn_secundary a .icon svg, .btns_container .btn_primary a .icon svg, .cta--secundary a .icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.cta--secundary {
  width: auto;
  display: inline-block;
}
.cta--secundary a {
  /*  padding: 18px 20px; */
  padding: 0;
  border: 1px solid white;
  color: #4FA2B3;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 18px;
}
@media (min-width: 768px) {
  .cta--secundary a {
    font-size: 16px;
  }
}
.cta--secundary a .icon {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cta--secundary a .icon svg path {
  fill: #4FA2B3;
}
.cta--secundary a:hover {
  gap: 20px;
}

.btn-cta {
  position: relative;
  width: 100%;
}
.btn-cta a {
  font-size: 16px;
  background-color: #4FA2B3;
  color: #ffffff;
  display: inline-block;
  text-decoration: none;
  padding: 28px 25px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .btn-cta a {
    font-size: 14px;
  }
}
.btn-cta a:hover {
  background-color: #ffffff;
  color: #4FA2B3;
  border: 1px solid #4FA2B3;
}

.btns_container {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  font-size: 18px;
  letter-spacing: 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  gap: 15px;
}
@media (min-width: 768px) {
  .btns_container {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .btns_container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .btns_container {
    gap: 10px;
  }
}
.btns_container .btn_icon, .btns_container .btn_secundary, .btns_container .btn_primary {
  width: 100%;
}
@media (min-width: 992px) {
  .btns_container .btn_icon, .btns_container .btn_secundary, .btns_container .btn_primary {
    /* width: auto; */
    width: calc((100% - 20px) / 2);
  }
}
@media (min-width: 1200px) {
  .btns_container .btn_icon, .btns_container .btn_secundary, .btns_container .btn_primary {
    width: calc((100% - 90px) / 2);
  }
}
.btns_container .btn_primary a {
  border: 1px solid #4FA2B3;
  color: #4FA2B3;
}
.btns_container .btn_primary a:hover {
  background-color: #4FA2B3;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.btns_container .btn_primary a:hover .icon svg {
  fill: #ffffff;
  stroke: #ffffff;
}
.btns_container .btn_primary a:hover .icon svg g {
  fill: #ffffff;
}
.btns_container .btn_primary.light-orange {
  position: relative;
}
.btns_container .btn_primary.light-orange a {
  background-color: #C49461;
  border: 1px solid #C49461;
  color: #ffffff;
}
.btns_container .btn_primary.light-orange a .icon svg {
  fill: #ffffff;
  stroke: #ffffff;
}
.btns_container .btn_primary.light-orange a .icon svg g {
  fill: #ffffff;
}
.btns_container .btn_primary.light-orange a:hover {
  background-color: #ffffff;
  border: 1px solid #C49461;
  color: #C49461;
}
.btns_container .btn_primary.light-orange a:hover .icon svg {
  fill: #C49461;
  stroke: #C49461;
}
.btns_container .btn_primary.light-orange a:hover .icon svg g {
  fill: #C49461;
}
.btns_container .btn_secundary a {
  border: 1px solid white;
  color: #4FA2B3;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btns_container .btn_secundary a .icon {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
}
.btns_container .btn_secundary a .icon path {
  fill: #4FA2B3;
}
.btns_container .btn_secundary a:hover {
  gap: 20px;
}
.btns_container .btn_link {
  width: 100%;
  position: relative;
  text-align: center;
}
.btns_container .btn_link a {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  font-size: 16px;
  color: #767676;
  letter-spacing: 0px;
  display: inline-block;
  text-decoration: underline;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media (min-width: 768px) {
  .btns_container .btn_link a {
    font-size: 14px;
  }
}
.btns_container .btn_link a:hover {
  color: #4FA2B3;
}

.banner_actionPlay {
  position: relative;
  z-index: 100;
  display: inline-block;
  width: 65px;
  height: 65px;
}
.banner_actionPlay a {
  display: block;
  width: 100%;
  height: 100%;
}
.banner_actionPlay a img {
  width: 100%;
  display: block;
}

/*=========================================================================
*    Listas
*=========================================================================*/
.list-resonance {
  position: relative;
  width: 100%;
}
.list-resonance .title-list {
  color: #4FA2B3;
}
.list-resonance .title-list h4 {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  font-size: 25px;
  margin: 20px 0;
}
.list-resonance .list-list {
  position: relative;
  width: 100%;
}
.list-resonance .list-list ul {
  list-style: none;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 25px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .list-resonance .list-list ul {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .list-resonance .list-list ul {
    gap: 15px 25px;
  }
}
.list-resonance .list-list ul li {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  font-size: 14px;
  color: #767676;
  position: relative;
  padding-left: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .list-resonance .list-list ul li {
    width: 47%;
  }
}
.list-resonance .list-list ul li::before {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  background-color: #4FA2B3;
  border-radius: 50%;
  left: 0;
  top: 15%;
}

/* @mixin relative{
  position: relative;
  width: 100%;
}
 */
/*======================================================================*
    Nunito Font
*======================================================================*/
/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Mixing Media Query Personalizado
*======================================================================*/
.iframe-style.modal {
  background-color: rgba(57, 57, 57, 0.8);
}

.iframe-style .modal-dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: calc(100% - 1rem);
}
@media (min-width: 768px) {
  .iframe-style .modal-dialog {
    max-width: 600px;
    width: auto;
  }
}
@media (min-width: 992px) {
  .iframe-style .modal-dialog {
    max-width: 780px;
  }
}
@media (min-width: 1200px) {
  .iframe-style .modal-dialog {
    max-width: 950px;
  }
}
@media (min-width: 1600px) {
  .iframe-style .modal-dialog {
    max-width: 1250px;
  }
}

.iframe-style .modal-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: rgba(255, 255, 255, 0);
}

.iframe-style .modal-body {
  padding: 0.2rem;
}
.iframe-style .modal-body iframe {
  width: 100%;
  display: block;
  height: 350px;
}
@media (min-width: 390px) {
  .iframe-style .modal-body iframe {
    height: 550px;
  }
}
@media (min-width: 768px) {
  .iframe-style .modal-body iframe {
    height: 400px;
  }
}
@media (min-width: 992px) {
  .iframe-style .modal-body iframe {
    height: 450px;
  }
}
@media (min-width: 1200px) {
  .iframe-style .modal-body iframe {
    height: 550px;
  }
}
@media (min-width: 1600px) {
  .iframe-style .modal-body iframe {
    height: 500px;
  }
}
@media (min-width: 1700px) {
  .iframe-style .modal-body iframe {
    height: 800px;
  }
}

.modal-close-action {
  position: absolute;
  right: 0;
  top: -80px;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* border-radius: 50%; */
  border-radius: 10px;
  background: white;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.modal-close-action .icon svg g path {
  fill: #393939 !important;
}
.modal-close-action:hover {
  background: transparent;
}
.modal-close-action:hover .icon svg g path {
  fill: #ffffff !important;
}

.modal-close-action .close,
.modal-close-action .btn-close {
  width: 100%;
  height: 100%;
  padding: 4px;
  outline: none;
  border: 0;
  opacity: 1;
}

.modal-close-action .close:focus,
.modal-close-action .btn-close:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.modal-close-action .icon {
  width: 30px;
  height: 30px;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.modal-close-action .icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.modal-close-action .icon svg g path {
  fill: #ffffff;
}

/*======================================================================*
Secciones Generales //
*======================================================================*/
/* @mixin relative{
  position: relative;
  width: 100%;
}
 */
/*======================================================================*
    Nunito Font
*======================================================================*/
/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Mixing Media Query Personalizado
*======================================================================*/
/*======================================================================*
    Home
*======================================================================*/
/* @mixin relative{
  position: relative;
  width: 100%;
}
 */
/*======================================================================*
    Nunito Font
*======================================================================*/
/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Mixing Media Query Personalizado
*======================================================================*/
.introduction {
  width: 100%;
  position: relative;
}
.introduction .introduccion-inner {
  width: 100%;
  position: relative;
  padding: 50px 0;
}
.introduction .introduccion-inner .txt-description {
  padding: 0 26px;
}
@media (min-width: 768px) {
  .introduction .introduccion-inner .txt-description {
    padding: 0 46px;
  }
}
.introduction .introduccion-inner::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 35px;
  top: 0;
  left: 50%;
  z-index: 50;
  background-color: #4FA2B3;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.introduction .introduccion-inner::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 35px;
  bottom: 0;
  left: 50%;
  z-index: 50;
  background-color: #4FA2B3;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 992px) {
  .introduction .introduccion-inner {
    padding: 50px 60px;
  }
}
@media (min-width: 1200px) {
  .introduction .introduccion-inner {
    padding: 50px 150px;
  }
}

.activities {
  width: 100%;
  position: relative;
}
.activities .activities-inner {
  width: 100%;
  position: relative;
}
@media (min-width: 992px) {
  .activities .activities-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.activities .activities-inner .activities-img {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .activities .activities-inner .activities-img {
    width: 50%;
    margin-bottom: 0;
  }
}
.activities .activities-inner .activities-img .activities-img-inner {
  width: 100%;
  padding-bottom: 100%;
  background-color: #4FA2B3;
  position: relative;
}
@media (min-width: 768px) {
  .activities .activities-inner .activities-img .activities-img-inner {
    padding-bottom: 55%;
  }
}
@media (min-width: 992px) {
  .activities .activities-inner .activities-img .activities-img-inner {
    padding-bottom: 100%;
  }
}
.activities .activities-inner .activities-img .activities-img-inner img {
  position: absolute;
  width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.activities .activities-inner .activities-txt {
  width: 100%;
}
.activities .activities-inner .activities-txt .title-resonance .title h2 {
  margin-bottom: 20px;
}
.activities .activities-inner .activities-txt .title-resonance .txt-description {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .activities .activities-inner .activities-txt {
    width: 50%;
    padding-right: 20px;
  }
}
@media (min-width: 1200px) {
  .activities .activities-inner .activities-txt .title-resonance {
    /*  padding-right: 18px; */
  }
}

/* @mixin relative{
  position: relative;
  width: 100%;
}
 */
/*======================================================================*
    Nunito Font
*======================================================================*/
/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Mixing Media Query Personalizado
*======================================================================*/
.resorts-signatures {
  background-color: #4FA2B3;
}
.resorts-signatures .resorts-signatures-inner {
  text-align: center;
  padding: 60px 0;
}
.resorts-signatures .resorts-signatures-inner .title-resonance {
  /*  padding: 60px 0; */
}
.resorts-signatures .resorts-signatures-inner .signatures-list {
  width: 100%;
  position: relative;
  padding-top: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
}

.item-signature {
  width: 100%;
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  /* min-height: 450px;
  position: relative;
  overflow: hidden; */
}
@media (min-width: 768px) {
  .item-signature {
    width: 47%;
  }
}
@media (min-width: 992px) {
  .item-signature {
    width: 30.3%;
  }
}
@media (min-width: 1200px) {
  .item-signature {
    width: 30.9%;
  }
}
@media (min-width: 1600px) {
  .item-signature {
    width: calc((100% - 80px) / 3);
  }
}
.item-signature .signature-img {
  padding-bottom: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media (min-width: 768px) {
  .item-signature .signature-img {
    padding-bottom: 0;
    padding: 40px 0;
    height: 100%;
    min-height: 430px;
  }
}
@media (min-width: 992px) {
  .item-signature .signature-img {
    min-height: 390px;
  }
}
@media (min-width: 1200px) {
  .item-signature .signature-img {
    min-height: 450px;
  }
}
@media (min-width: 1200px) {
  .item-signature .signature-img {
    min-height: 510px;
  }
  .item-signature .signature-img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 50;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 10;
  }
}
.item-signature .signature-img .signature-img-title {
  display: none;
}
@media (min-width: 1200px) {
  .item-signature .signature-img .signature-img-title {
    font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
    font-weight: 200;
    font-style: normal;
    font-display: swap;
    display: block;
    /* font-size: 30px; */
    color: #ffffff;
    border: 1px solid #ffffff;
    border-left: none;
    border-right: none;
    width: 100%;
    /* position: absolute; */
    position: relative;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 50;
    padding: 35px 0;
    font-size: 28px;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .item-signature .signature-img .signature-img-title {
    font-size: 30px;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .item-signature .signature-img .signature-img-title {
    font-size: 34px;
  }
}
@media (min-width: 1200px) and (min-width: 1600px) {
  .item-signature .signature-img .signature-img-title {
    font-size: 40px;
  }
}
.item-signature .signature-info-wrapper {
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .item-signature .signature-info-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ffffff;
  }
}
.item-signature .signature-info-wrapper .signature-info {
  width: 100%;
  position: relative;
  /*             opacity: 0; */
  /* min-height: 100%; */
  width: 100%;
  text-align: center;
  padding: 50px 26px;
  border: 1px solid #ffffff;
}
.item-signature .signature-info-wrapper .signature-info .info-title {
  width: 100%;
  position: relative;
  color: #ffffff;
}
.item-signature .signature-info-wrapper .signature-info .info-title h6 {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  /* font-size: 30px; */
  margin-bottom: 10px;
  font-size: 28px;
}
@media (min-width: 768px) {
  .item-signature .signature-info-wrapper .signature-info .info-title h6 {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .item-signature .signature-info-wrapper .signature-info .info-title h6 {
    font-size: 34px;
  }
}
@media (min-width: 1600px) {
  .item-signature .signature-info-wrapper .signature-info .info-title h6 {
    font-size: 40px;
  }
}
.item-signature .signature-info-wrapper .signature-info .info-description {
  width: 100%;
  position: relative;
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  /* font-size: 16px; */
  font-size: 18px;
  color: #CAE3E8;
  margin-bottom: 16px;
}
@media (min-width: 1200px) {
  .item-signature .signature-info-wrapper .signature-info .info-description {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .item-signature .signature-info-wrapper .signature-info .info-description {
    font-size: 18px;
  }
}
.item-signature .signature-info-wrapper .signature-info .info-description p:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .item-signature .signature-info-wrapper .signature-info {
    position: absolute;
    top: 0%;
    z-index: 100;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background-color: rgba(79, 162, 179, 0.5);
    border: none;
  }
}
@media (min-width: 1200px) {
  .item-signature .signature-info-wrapper .signature-info {
    opacity: 0;
    /*  position: absolute; */
    /*  top: 0%;
     z-index: 100;
     min-height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     align-content: center;
     flex-direction: row;
     flex-wrap: wrap; */
    background-color: #4FA2B3;
    /* border: none; */
  }
}
@media (min-width: 768px) {
  .item-signature .signature-info-wrapper {
    overflow-y: scroll;
    z-index: 100;
    /* Estilos específicos para Chrome, Edge y Safari */
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
  .item-signature .signature-info-wrapper {
    /* Estilos para la barra de desplazamiento en Chrome, Edge y Safari */
    /* Thumb (barra deslizante) */
    /* Track (fondo) */
  }
  .item-signature .signature-info-wrapper::-webkit-scrollbar-thumb {
    background-color: #ffffff;
  }
  .item-signature .signature-info-wrapper::-webkit-scrollbar-track {
    background: #4FA2B3;
  }
}
@media (min-width: 768px) {
  @-moz-document url-prefix() {
    .item-signature .signature-info-wrapper {
      /* Estilos para la barra de desplazamiento en Firefox */
    }
    .item-signature .signature-info-wrapper {
      scrollbar-color: #ffffff #4FA2B3;
    }
  }
}
@media (min-width: 1200px) {
  .item-signature .signature-info-wrapper {
    overflow-y: hidden;
  }
  .item-signature .signature-info-wrapper:hover {
    overflow-y: scroll;
    z-index: 100;
    border: 1px solid #ffffff;
  }
}
.item-signature:hover .signature-info {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 1;
}

/* @mixin relative{
  position: relative;
  width: 100%;
}
 */
/*======================================================================*
    Nunito Font
*======================================================================*/
/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Mixing Media Query Personalizado
*======================================================================*/
.recognitions {
  width: 100%;
  position: relative;
  background-color: #ffffff;
  padding: 120px 0;
}
.recognitions .recognitions-inner {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}
@media (min-width: 768px) {
  .recognitions .recognitions-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
  }
}
.recognitions .recognitions-inner .recognitions-txt {
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .recognitions .recognitions-inner .recognitions-txt {
    width: 50%;
    padding-right: 40px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
@media (min-width: 1200px) {
  .recognitions .recognitions-inner .recognitions-txt {
    padding-right: 50px;
  }
}
.recognitions .recognitions-inner .recognitions-carousel {
  width: 100%;
  position: relative;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .recognitions .recognitions-inner .recognitions-carousel {
    width: 50%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 22px 0 22px 40px;
  }
  .recognitions .recognitions-inner .recognitions-carousel::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 50;
    background-color: rgba(118, 118, 118, 0.5);
  }
}
.recognitions .recognitions-inner .recognitions-carousel .item-award {
  height: 80px;
}
.recognitions .recognitions-inner .recognitions-carousel .item-award img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* @mixin relative{
  position: relative;
  width: 100%;
}
 */
/*======================================================================*
    Nunito Font
*======================================================================*/
/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Mixing Media Query Personalizado
*======================================================================*/
.sustainability {
  width: 100%;
  position: relative;
  padding: 60px 12px;
  background-color: #F8ECDB;
}
@media (min-width: 768px) {
  .sustainability {
    padding: 0;
  }
}
.sustainability .sustainability-inner {
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .sustainability .sustainability-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 1200px) {
  .sustainability .sustainability-inner {
    padding-left: 60px;
  }
}
.sustainability .sustainability-inner .sustainability-img {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .sustainability .sustainability-inner .sustainability-img {
    width: 50%;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.sustainability .sustainability-inner .sustainability-img .sustainability-img-inner {
  width: 100%;
  padding-bottom: 100%;
  background-color: #F8ECDB;
  position: relative;
}
.sustainability .sustainability-inner .sustainability-img .sustainability-img-inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}
@media (min-width: 768px) {
  .sustainability .sustainability-inner .sustainability-img .sustainability-img-inner {
    /* padding-bottom: 0;
    img{
        position: relative;
    } */
  }
}
.sustainability .sustainability-inner .sustainability-txt {
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .sustainability .sustainability-inner .sustainability-txt {
    width: 50%;
    padding: 50px 36px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}
@media (min-width: 992px) {
  .sustainability .sustainability-inner .sustainability-txt {
    padding: 50px 44px;
  }
}
@media (min-width: 1200px) {
  .sustainability .sustainability-inner .sustainability-txt {
    padding: 50px 75px;
  }
}

/* @mixin relative{
  position: relative;
  width: 100%;
}
 */
/*======================================================================*
    Nunito Font
*======================================================================*/
/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Mixing Media Query Personalizado
*======================================================================*/
.resorts {
  width: 100%;
  position: relative;
}
.resorts_inner {
  width: 100%;
  position: relative;
}
.resorts_inner .resorts_filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (min-width: 768px) {
  .resorts_inner .resorts_filters {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
  }
}
.resorts_inner .resorts_filters_select {
  /*display: flex;
  flex-direction: column;
  justify-content: center;*/
  position: relative;
}
@media (min-width: 768px) {
  .resorts_inner .resorts_filters_select {
    width: calc((100% - 80px) / 3);
    max-width: 340px;
  }
}
.resorts_inner .resorts_filters_select label {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  font-size: 18px;
  color: #767676;
  padding: 0px 15px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .resorts_inner .resorts_filters_select label {
    font-size: 16px;
  }
}
.resorts_inner .resorts_filters_select .select_select {
  width: 100%;
}
.resorts_inner .resorts_filters_select .select_select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #D7D7D7;
  position: relative;
  background-color: transparent;
  outline: none;
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  font-size: 18px;
  letter-spacing: 0px;
  color: #767676;
  padding: 15px 30px 15px 15px;
  width: 100%;
  display: inline-block;
  position: relative;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
@media (min-width: 768px) {
  .resorts_inner .resorts_filters_select .select_select select {
    font-size: 16px;
  }
}
.resorts_inner .resorts_filters_select .select_select i {
  position: absolute;
  right: 17px;
  top: calc(50% + 11px);
  width: 12px;
  height: 12px;
  border-left: 2px solid #767676;
  border-bottom: 2px solid #767676;
  -webkit-transform: rotate(-45deg) translateY(-50%);
          transform: rotate(-45deg) translateY(-50%);
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.resorts_inner .resorts_filters_select .select_select.openSelect {
  width: 100%;
}
.resorts_inner .resorts_filters_select .select_select.openSelect select:hover, .resorts_inner .resorts_filters_select .select_select.openSelect select:focus {
  background-color: #4FA2B3 !important;
  color: #ffffff;
  outline: none;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(79, 162, 179, 0.5);
          box-shadow: 0 0 0 0.25rem rgba(79, 162, 179, 0.5);
}
.resorts_inner .resorts_filters_select .select_select.openSelect i {
  -webkit-transform: rotate(135deg) translateY(0%);
          transform: rotate(135deg) translateY(0%);
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
.resorts_inner .resorts_filters_select .select_select:hover select:hover {
  background-color: #4FA2B3 !important;
  color: #ffffff;
}
.resorts_inner .resorts_filters_select .select_select:hover select:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(79, 162, 179, 0.5);
          box-shadow: 0 0 0 0.25rem rgba(79, 162, 179, 0.5);
}
.resorts_inner .resorts_filters_select .select_select:hover i {
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
.resorts_inner .resorts_filters_btnAction {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .resorts_inner .resorts_filters_btnAction {
    width: calc((100% - 80px) / 3);
    top: 6px;
    position: relative;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
}
.resorts_inner .resorts_filters_btnAction a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #767676;
  text-decoration: none;
  cursor: pointer;
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  font-size: 18px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
@media (min-width: 768px) {
  .resorts_inner .resorts_filters_btnAction a {
    font-size: 16px;
  }
}
.resorts_inner .resorts_filters_btnAction a .icon {
  width: 20px;
  height: 20px;
}
.resorts_inner .resorts_filters_btnAction a .icon svg {
  width: 90%;
  height: 90%;
  -o-object-fit: contain;
     object-fit: contain;
}
.resorts_inner .resorts_filters_btnAction a .icon svg g path {
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.resorts_inner .resorts_filters_btnAction a:hover {
  color: #4FA2B3;
}
.resorts_inner .resorts_filters_btnAction a:hover .icon svg g path {
  fill: #4FA2B3;
}
.resorts_inner .resorts_carousels {
  padding-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
}
.resorts_inner .resorts_carousels .item_resort_card {
  width: 100%;
  -webkit-box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.133);
  box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.133);
}
@media (min-width: 768px) {
  .resorts_inner .resorts_carousels .item_resort_card {
    width: calc((100% - 40px) / 2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.resorts_inner .resorts_carousels .item_resort_card .resort_images {
  width: 100%;
  position: relative;
}
.resorts_inner .resorts_carousels .item_resort_card .resort_images .item_image {
  height: 300px;
}
@media (min-width: 992px) {
  .resorts_inner .resorts_carousels .item_resort_card .resort_images .item_image {
    height: 272px;
  }
}
@media (min-width: 1200px) {
  .resorts_inner .resorts_carousels .item_resort_card .resort_images .item_image {
    height: 340px;
  }
}
.resorts_inner .resorts_carousels .item_resort_card .resort_images .item_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.resorts_inner .resorts_carousels .item_resort_card .resort_info {
  padding: 35px 23px;
}
@media (min-width: 768px) {
  .resorts_inner .resorts_carousels .item_resort_card .resort_info {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.resorts_inner .resorts_carousels .item_resort_card .resort_info .location {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  font-size: 18px;
  color: #C49461;
  letter-spacing: 0px;
  margin-bottom: 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
}
@media (min-width: 1200px) {
  .resorts_inner .resorts_carousels .item_resort_card .resort_info .location {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .resorts_inner .resorts_carousels .item_resort_card .resort_info .location {
    font-size: 18px;
  }
}
.resorts_inner .resorts_carousels .item_resort_card .resort_info .location .icon {
  width: 15px;
  height: 20px;
}
.resorts_inner .resorts_carousels .item_resort_card .resort_info .location .icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.resorts_inner .resorts_carousels .item_resort_card .resort_title {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  letter-spacing: 0px;
  color: #4FA2B3;
}
.resorts_inner .resorts_carousels .item_resort_card .resort_title h3 {
  font-size: 28px;
  margin-bottom: 15px;
  margin-top: 0;
}
@media (min-width: 768px) {
  .resorts_inner .resorts_carousels .item_resort_card .resort_title h3 {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .resorts_inner .resorts_carousels .item_resort_card .resort_title h3 {
    font-size: 34px;
  }
}
@media (min-width: 1600px) {
  .resorts_inner .resorts_carousels .item_resort_card .resort_title h3 {
    font-size: 40px;
  }
}
.resorts_inner .resorts_carousels .item_resort_card .resort_description {
  position: relative;
  width: 100%;
}

.navs-circle {
  width: 100%;
}
.navs-circle .owl-nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.navs-circle .owl-nav .nav-owl, .navs-circle .owl-nav .owl-next, .navs-circle .owl-nav .owl-prev {
  width: 56px;
  height: 56px;
  background: #ffffff !important;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  pointer-events: auto;
}
.navs-circle .owl-nav .nav-owl .flecha, .navs-circle .owl-nav .owl-next .flecha, .navs-circle .owl-nav .owl-prev .flecha {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navs-circle .owl-nav .nav-owl .flecha svg, .navs-circle .owl-nav .owl-next .flecha svg, .navs-circle .owl-nav .owl-prev .flecha svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.navs-circle .owl-nav .owl-prev {
  left: 2%;
}
.navs-circle .owl-nav .owl-prev .flecha svg {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.navs-circle .owl-nav .owl-next {
  right: 2%;
}
.navs-circle .owl-nav .owl-next .flecha svg {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.navs-circle .owl-theme .owl-nav [class*=owl-]:hover {
  background: #BE884C !important;
}
.navs-circle .owl-theme .owl-nav [class*=owl-]:hover .flecha svg path {
  fill: #ffffff;
}
.navs-circle .owl-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.navs-circle .owl-dots .owl-dot span {
  background: rgba(255, 255, 255, 0.4);
}
.navs-circle .owl-dots .owl-dot.active span, .navs-circle .owl-dots .owl-dot:hover span {
  background: #ffffff !important;
}
.navs-circle.modify-half .owl-nav {
  top: auto;
  -webkit-transform: none;
          transform: none;
  pointer-events: none;
}
@media (min-width: 768px) {
  .navs-circle.modify-half .owl-nav {
    top: 35%;
  }
}
@media (min-width: 1200px) {
  .navs-circle.modify-half .owl-nav {
    top: calc((100% - 115px) / 2);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (min-width: 768px) {
  .navs-circle.modify-half .owl-nav .owl-prev {
    left: 0%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media (min-width: 992px) {
  .navs-circle.modify-half .owl-nav .owl-prev {
    -webkit-transform: translateX(-70%);
            transform: translateX(-70%);
  }
}
@media (min-width: 768px) {
  .navs-circle.modify-half .owl-nav .owl-next {
    right: 0%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}
@media (min-width: 992px) {
  .navs-circle.modify-half .owl-nav .owl-next {
    -webkit-transform: translateX(70%);
            transform: translateX(70%);
  }
}
.navs-circle.modify-half .owl-dots {
  position: relative;
  margin-top: 45px;
  pointer-events: none;
}
.navs-circle.modify-half .owl-dots .owl-dot span {
  background: rgba(57, 57, 57, 0.4);
}
.navs-circle.modify-half .owl-dots .owl-dot.active span, .navs-circle.modify-half .owl-dots .owl-dot:hover span {
  background: #393939 !important;
}

/* @mixin relative{
  position: relative;
  width: 100%;
}
 */
/*======================================================================*
    Nunito Font
*======================================================================*/
/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Mixing Media Query Personalizado
*======================================================================*/
.scrollStyle::-webkit-scrollbar, .room .sidebar.open::-webkit-scrollbar {
  width: 6px;
}
.scrollStyle::-webkit-scrollbar-track, .room .sidebar.open::-webkit-scrollbar-track {
  background-color: #4FA2B3;
}
.scrollStyle::-webkit-scrollbar-thumb, .room .sidebar.open::-webkit-scrollbar-thumb {
  background-color: #C49461;
  border: 1px solid #C49461;
  border-radius: 0px;
}
@media (min-width: 768px) {
  .scrollStyle::-webkit-scrollbar, .room .sidebar.open::-webkit-scrollbar {
    width: 3px;
  }
}

.room {
  position: relative;
  width: 100%;
}
.room .sidebar_btn_float {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  width: 100%;
}
.room .sidebar_btn_float a {
  position: fixed;
  background-color: #C49461;
  width: 80px;
  height: 80px;
  bottom: 1rem;
  right: 1rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 100;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.room .sidebar_btn_float a .icon-btn-sidebar {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.room .sidebar_btn_float a .icon-btn-sidebar svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
}
.room .sidebar_btn_float a .icon-btn-sidebar svg path {
  fill: #ffffff;
}
.room .sidebar_btn_float a:hover {
  background-color: #ffffff;
  color: #C49461;
  border: 1px solid #C49461;
}
.room .sidebar_btn_float a:hover svg path {
  fill: #C49461;
}
@media (min-width: 992px) {
  .room .sidebar_btn_float {
    display: none;
  }
}
.room .contentRoom {
  width: 100%;
  position: relative;
}
.room .contentRoom .roomIntroduction {
  width: 100%;
  position: relative;
}
.room .contentRoom .roomIntroduction .roomIntroduction_ttl {
  width: 100%;
  position: relative;
}
.room .contentRoom .roomIntroduction .roomIntroduction_ttl .superindice_ttl_room {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  color: #C49461;
  letter-spacing: 0px;
  margin-bottom: 15px;
}
.room .contentRoom .roomIntroduction .roomIntroduction_ttl .superindice_ttl_room h6 {
  font-size: 18px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .room .contentRoom .roomIntroduction .roomIntroduction_ttl .superindice_ttl_room h6 {
    font-size: 16px;
  }
}
.room .contentRoom .roomIntroduction .roomIntroduction_ttl .name_ttl_room {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  letter-spacing: 0px;
  color: #4FA2B3;
  margin-bottom: 25px;
  margin-top: 15px;
}
.room .contentRoom .roomIntroduction .roomIntroduction_ttl .name_ttl_room h2 {
  font-size: 40px;
  margin-bottom: 0;
  margin-top: 0;
}
.room .contentRoom .roomIntroduction .roomIntroduction_video {
  width: 100%;
  position: relative;
}
.room .contentRoom .roomIntroduction .roomIntroduction_video .roomIntroduction_video_inner {
  position: relative;
  width: 100%;
  min-height: 340px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 50px 25px;
}
.room .contentRoom .roomIntroduction .roomIntroduction_video .roomIntroduction_video_inner::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(57, 57, 57, 0.25);
  z-index: 50;
}
.room .contentRoom .roomIntroduction .roomIntroduction_video .roomIntroduction_video_inner .roomIntroduction_video_wrap_elements {
  position: relative;
  z-index: 100;
  padding: 50px 20px;
  text-align: center;
}
.room .contentRoom .roomIntroduction .roomIntroduction_video .roomIntroduction_video_inner .roomIntroduction_video_wrap_elements .roomIntroduction_video_title {
  position: relative;
  z-index: 100;
  margin-bottom: 20px;
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  text-align: center;
  color: #ffffff;
  letter-spacing: 0px;
}
.room .contentRoom .roomIntroduction .roomIntroduction_video .roomIntroduction_video_inner .roomIntroduction_video_wrap_elements .roomIntroduction_video_title h4 {
  font-size: 32px;
  margin-bottom: 0;
}
.room .contentRoom .roomIntroduction .roomIntroduction_video .roomIntroduction_video_inner .roomIntroduction_video_wrap_elements .roomIntroduction_video_inner_action {
  position: relative;
  z-index: 100;
  display: inline-block;
  width: 65px;
  height: 65px;
}
.room .contentRoom .roomIntroduction .roomIntroduction_video .roomIntroduction_video_inner .roomIntroduction_video_wrap_elements .roomIntroduction_video_inner_action a {
  display: block;
  width: 100%;
  height: 100%;
}
.room .contentRoom .roomIntroduction .roomIntroduction_video .roomIntroduction_video_inner .roomIntroduction_video_wrap_elements .roomIntroduction_video_inner_action a img {
  width: 100%;
  display: block;
}
.room .contentRoom .roomIntroduction .txt-description {
  margin: 20px 0;
  padding: 15px 0;
}
.room .contentRoom .roomIntroduction .txt-description p:last-of-type {
  margin-bottom: 0;
}
.room .contentRoom .roomFeatures {
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
.room .contentRoom .roomFeatures .roomFeatures_Features ul {
  list-style: none;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.room .contentRoom .roomFeatures .roomFeatures_Features ul li {
  width: calc((100% - 15px) / 2);
  padding: 10px;
}
.room .contentRoom .roomFeatures .roomFeatures_Features ul li .itemFeature {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 15px;
  color: #707070;
}
.room .contentRoom .roomFeatures .roomFeatures_Features ul li .itemFeature .icon {
  width: 30px;
  height: 30px;
}
.room .contentRoom .roomFeatures .roomFeatures_Features ul li .itemFeature .icon img,
.room .contentRoom .roomFeatures .roomFeatures_Features ul li .itemFeature .icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.room .contentRoom .roomFeatures .roomFeatures_Features ul li .itemFeature .icon i {
  font-size: 25px;
  color: #707070;
}
.room .contentRoom .roomGallery {
  overflow: hidden;
}
.room .contentRoom .roomGallery .roomGallery_carousel {
  position: relative;
}
.room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide .carousel-indicators {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  bottom: 0;
  left: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-top: 10px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide .carousel-indicators li, .room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide .carousel-indicators button {
  height: 90px;
  width: 90px;
  opacity: 0.5;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 90px;
      flex-basis: 90px;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  max-width: calc((100% - 32px) / 3);
}
@media (min-width: 768px) {
  .room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide .carousel-indicators li, .room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide .carousel-indicators button {
    max-width: calc((100% - 80px) / 6);
  }
}
@media (min-width: 992px) {
  .room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide .carousel-indicators li, .room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide .carousel-indicators button {
    max-width: calc((100% - 64px) / 5);
  }
}
@media (min-width: 1200px) {
  .room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide .carousel-indicators li, .room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide .carousel-indicators button {
    max-width: calc((100% - 96px) / 7);
  }
}
.room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide .carousel-indicators li.active, .room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide .carousel-indicators button.active {
  opacity: 1;
}
.room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide .carousel-indicators li img, .room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide .carousel-indicators button img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide .carousel-inner {
  width: 100%;
  position: relative;
}
.room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide .carousel-inner .item, .room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide .carousel-inner .carousel-item {
  height: 300px;
}
@media (min-width: 390px) {
  .room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide .carousel-inner .item, .room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide .carousel-inner .carousel-item {
    height: 320px;
  }
}
@media (min-width: 768px) {
  .room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide .carousel-inner .item, .room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide .carousel-inner .carousel-item {
    height: 420px;
  }
}
.room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide .carousel-inner .item img, .room .contentRoom .roomGallery .roomGallery_carousel .carousel.slide .carousel-inner .carousel-item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.room .sidebar {
  border-top: 8px solid #4FA2B3;
  background-color: rgb(238, 241, 246);
  background: -webkit-gradient(linear, left top, right bottom, from(rgb(238, 241, 246)), color-stop(41%, rgb(241, 244, 248)), to(rgb(255, 255, 255)));
  background: linear-gradient(left top, rgb(238, 241, 246) 0%, rgb(241, 244, 248) 41%, rgb(255, 255, 255) 100%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /* @include tablet-xl{
      width: 50%;
  } */
}
@media (min-width: 320px) {
  .room .sidebar {
    position: fixed;
    top: 0;
    left: 100%;
    height: 100vh;
    z-index: 2000;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
}
@media (min-width: 768px) {
  .room .sidebar {
    width: 60%;
  }
}
@media (min-width: 992px) {
  .room .sidebar {
    width: 100%;
    background-color: #ffffff;
    background: #ffffff;
    position: relative;
    height: auto;
    z-index: auto;
    left: auto;
    top: auto;
  }
}
.room .sidebar.open {
  left: 13%;
  right: 0;
  overflow-y: scroll;
  /* @include tablet-xl{
      left: 50%;
  } */
}
@media (min-width: 768px) {
  .room .sidebar.open {
    left: 40%;
  }
}
@media (min-width: 1200px) {
  .room .sidebar.open {
    overflow-y: auto;
    left: auto;
    right: auto;
  }
}
.room .sidebar .sidebar-btn-close {
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
  background-color: transparent;
  background-color: #C49461;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.room .sidebar .sidebar-btn-close .ttl-sidebar {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  font-size: 20px;
  color: #ffffff;
}
.room .sidebar .sidebar-btn-close .ttl-sidebar p {
  margin-bottom: 0;
}
.room .sidebar .sidebar-btn-close .closeSideBarWrap {
  background-color: rgba(255, 255, 255, 0.8);
  width: auto;
  height: 60px;
  padding: 8px;
}
.room .sidebar .sidebar-btn-close a {
  background-color: transparent;
  border: 1px solid rgba(196, 148, 97, 0.4);
  width: 45px;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.room .sidebar .sidebar-btn-close svg {
  width: 30px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.room .sidebar .sidebar-btn-close svg path {
  fill: #C49461;
}
@media (min-width: 992px) {
  .room .sidebar .sidebar-btn-close {
    display: none;
  }
}
.room .sidebar .elementsWrap {
  padding: 15px;
}
.room .sidebar .availabilityFilters {
  position: relative;
  width: 100%;
}
.room .sidebar .availabilityFilters .dates {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  padding: 30px 32px;
}
.room .sidebar .availabilityFilters .dates .icon {
  width: 15px;
  height: 15px;
}
.room .sidebar .availabilityFilters .dates .icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.room .sidebar .availabilityFilters .dates .dates_dates {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  font-size: 15px;
  letter-spacing: 0px;
  color: #393939;
}
@media (min-width: 768px) {
  .room .sidebar .availabilityFilters .dates .dates_dates {
    font-size: 13px;
  }
}
.room .sidebar .amenities {
  width: 100%;
  position: relative;
}
.room .sidebar .amenities .amenities_list {
  width: 100%;
  position: relative;
}
.room .sidebar .amenities .amenities_list ul {
  padding-left: 0;
  margin-bottom: 0;
  position: relative;
}
.room .sidebar .amenities .amenities_list ul li {
  padding: 10px 20px 10px 34px;
  margin-bottom: 10px;
  list-style: none;
  position: relative;
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  font-size: 18px;
  letter-spacing: 0px;
  color: #878787;
}
.room .sidebar .amenities .amenities_list ul li::after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 50%;
  background-color: #878787;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 13px;
}
@media (min-width: 768px) {
  .room .sidebar .amenities .amenities_list ul li {
    font-size: 16px;
  }
}
.room .sidebar .amenities .amenities_list ul li a {
  text-decoration: none;
  color: #878787;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.room .sidebar .amenities .amenities_list ul li a:hover {
  color: #4FA2B3;
}
.room .sidebar .amenities .amenities_list ul li p {
  margin-bottom: 0;
}
.room .sidebar .tour360 {
  position: relative;
  width: 100%;
}
.room .sidebar .tour360 .tour360_img {
  width: 100%;
  position: relative;
  padding-bottom: 100%;
  background-color: #707070;
  /* @include laptop{
      width: 340px;
      height: 340px;
  } */
}
.room .sidebar .tour360 .tour360_img .tour360_inner {
  position: absolute;
  /* position: relative; */
  width: 100%;
  height: 100%;
  /* min-height: 340px; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 10;
}
.room .sidebar .tour360 .tour360_img .tour360_inner::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 50;
  background-color: rgba(57, 57, 57, 0.25);
}
.room .sidebar .tour360 .tour360_img .tour360_inner .icon {
  width: 105px;
  height: 105px;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  z-index: 100;
}
.room .sidebar .tour360 .tour360_img .tour360_inner .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.room .sidebar .downloadables {
  width: 100%;
  position: relative;
}
.room .sidebar .downloadables .downloadables_list {
  width: 100%;
  position: relative;
}
.room .sidebar .downloadables .downloadables_list ul {
  list-style: none;
  padding-left: 0;
}
.room .sidebar .downloadables .downloadables_list ul li {
  padding: 10px 0;
  margin-bottom: 10px;
}
.room .sidebar .downloadables .downloadables_list ul li .item_downloadable {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  text-decoration: none;
}
.room .sidebar .downloadables .downloadables_list ul li .item_downloadable .icon {
  width: 25px;
  height: 25px;
}
.room .sidebar .downloadables .downloadables_list ul li .item_downloadable .icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.room .sidebar .downloadables .downloadables_list ul li .item_downloadable .icon path {
  fill: #393939 !important;
}
.room .sidebar .downloadables .downloadables_list ul li .item_downloadable .item_name {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  font-size: 18px;
  letter-spacing: 0px;
  color: #767676;
}
@media (min-width: 768px) {
  .room .sidebar .downloadables .downloadables_list ul li .item_downloadable .item_name {
    font-size: 16px;
  }
}
.room .sidebar .downloadables .downloadables_list ul li .item_downloadable .item_name p {
  margin-bottom: 0;
}
.room .sidebar .downloadables .downloadables_list ul li .item_downloadable:hover {
  text-decoration: none;
}
.room .sidebar .downloadables .downloadables_list ul li .item_downloadable:hover .icon path {
  fill: #4FA2B3 !important;
}
.room .sidebar .downloadables .downloadables_list ul li .item_downloadable:hover .item_name {
  color: #4FA2B3;
}

.styleNavs--circleBtp .carousel-control, .styleNavs--circleBtp .carousel-control-prev, .styleNavs--circleBtp .carousel-control-next {
  background-image: none !important;
  bottom: 25% !important;
}
.styleNavs--circleBtp .carousel-control span, .styleNavs--circleBtp .carousel-control-prev span, .styleNavs--circleBtp .carousel-control-next span {
  width: 56px !important;
  height: 56px !important;
  background-color: #ffffff;
  border-radius: 50%;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.styleNavs--circleBtp .carousel-control span::before, .styleNavs--circleBtp .carousel-control-prev span::before, .styleNavs--circleBtp .carousel-control-next span::before {
  top: 50%;
  position: absolute;
  left: 50%;
  content: "";
  width: 22px;
  height: 12px;
  background-image: none;
  -webkit-mask: url("/assets/icon/carot-down-blue.svg") no-repeat center;
  mask: url("/assets/iconos/carot-down-blue.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #393939;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  display: block;
  z-index: 100;
}
.styleNavs--circleBtp .carousel-control .glyphicon-chevron-right::before, .styleNavs--circleBtp .carousel-control .carousel-control-next-icon::before, .styleNavs--circleBtp .carousel-control-prev .glyphicon-chevron-right::before, .styleNavs--circleBtp .carousel-control-prev .carousel-control-next-icon::before, .styleNavs--circleBtp .carousel-control-next .glyphicon-chevron-right::before, .styleNavs--circleBtp .carousel-control-next .carousel-control-next-icon::before {
  -webkit-transform: rotate(270deg) translate(22%, -68%);
          transform: rotate(270deg) translate(22%, -68%);
}
.styleNavs--circleBtp .carousel-control .glyphicon-chevron-left::before, .styleNavs--circleBtp .carousel-control .carousel-control-prev-icon::before, .styleNavs--circleBtp .carousel-control-prev .glyphicon-chevron-left::before, .styleNavs--circleBtp .carousel-control-prev .carousel-control-prev-icon::before, .styleNavs--circleBtp .carousel-control-next .glyphicon-chevron-left::before, .styleNavs--circleBtp .carousel-control-next .carousel-control-prev-icon::before {
  -webkit-transform: rotate(90deg) translate(-23%, 90%);
          transform: rotate(90deg) translate(-23%, 90%);
}

/* @mixin relative{
  position: relative;
  width: 100%;
}
 */
/*======================================================================*
    Nunito Font
*======================================================================*/
/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Mixing Media Query Personalizado
*======================================================================*/
.similarRooms {
  width: 100%;
  position: relative;
}
.similarRooms .similarRoomsInner {
  width: 100%;
  position: relative;
}
.similarRooms .similarRoomsInner .similarRoomsWrapRooms {
  border-top: 1px solid #707070;
  padding: 50px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.similarRooms .similarRoomsInner .similarRoomsWrapRooms .item {
  width: 100%;
  position: relative;
  -webkit-box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.133);
  box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.133);
}
@media (min-width: 768px) {
  .similarRooms .similarRoomsInner .similarRoomsWrapRooms .item {
    width: calc((100% - 40px) / 2);
    /*Centrar contenido*/
    /* display: flex;
    flex-direction: column; */
  }
}
@media (min-width: 992px) {
  .similarRooms .similarRoomsInner .similarRoomsWrapRooms .item {
    width: calc((100% - 80px) / 3);
  }
}
.similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_img {
  width: 100%;
  position: relative;
  padding-bottom: 75%;
  background-color: #767676;
}
.similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_img img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}
.similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info {
  padding: 30px 15px;
  /*Ajustes para la clase que comparten los botones*/
}
.similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info_superindice {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  font-size: 16px;
  letter-spacing: 0px;
  color: #393939;
  margin-bottom: 10px;
  /*Centrar contenido de tarjeta*/
  /* flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center; */
}
.similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info_superindice p {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info_superindice {
    font-size: 14px;
  }
}
.similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info_ttl {
  color: #4FA2B3;
  letter-spacing: 0px;
  text-transform: uppercase;
}
.similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info_ttl h4 {
  font-size: 30px;
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
.similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info .resort_description {
  margin: 20px 0 30px 0;
}
.similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info .btns_container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info .btn_icon, .similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info .btns_container .btn_primary, .btns_container .similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info .btn_primary, .similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info .btns_container .btn_secundary, .btns_container .similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info .btn_secundary {
  width: 100%;
}
@media (min-width: 992px) {
  .similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info .btn_icon, .similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info .btns_container .btn_primary, .btns_container .similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info .btn_primary, .similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info .btns_container .btn_secundary, .btns_container .similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info .btn_secundary {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info .btn_icon, .similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info .btns_container .btn_primary, .btns_container .similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info .btn_primary, .similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info .btns_container .btn_secundary, .btns_container .similarRooms .similarRoomsInner .similarRoomsWrapRooms .item_info .btn_secundary {
    width: 100%;
  }
}

/* @mixin relative{
  position: relative;
  width: 100%;
}
 */
/*======================================================================*
    Nunito Font
*======================================================================*/
/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Mixing Media Query Personalizado
*======================================================================*/
.content_list {
  position: relative;
  width: 100%;
}

.list_wrap {
  padding: 20px 0;
}
.list_wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 40px;
  padding-left: 0;
  margin-bottom: 0;
  position: relative;
  width: 100%;
}
.list_wrap ul li {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  font-size: 18px;
  letter-spacing: 0px;
  color: #767676;
  padding: 10px 20px 10px 25px;
  list-style: none;
  position: relative;
}
.list_wrap ul li::after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 50%;
  background-color: #4FA2B3;
  top: 16px;
  -webkit-transform: translateY(-10%);
          transform: translateY(-10%);
  left: 0;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.list_wrap ul li:hover:has(a)::after {
  background-color: #C49461;
}
@media (min-width: 768px) {
  .list_wrap ul li {
    font-size: 16px;
    width: calc((100% - 40px) / 2);
  }
}
@media (min-width: 992px) {
  .list_wrap ul li {
    width: calc((100% - 80px) / 3);
  }
}
.list_wrap ul li a {
  color: #767676;
  text-decoration: underline;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.list_wrap ul li a:hover {
  color: #C49461;
}
.list_wrap ul li p {
  margin: 0;
}
.list_wrap.two_columns {
  width: 100%;
  position: relative;
}
.list_wrap.two_columns ul {
  gap: 5px;
}
.list_wrap.two_columns ul li {
  color: #4FA2B3;
}
@media (min-width: 768px) {
  .list_wrap.two_columns ul li {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .list_wrap.two_columns ul li {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .list_wrap.two_columns ul li {
    width: calc((100% - 40px) / 2);
  }
}
.list_wrap.two_columns ul li a {
  color: #4FA2B3;
}
.list_wrap.no_padding_top {
  padding-top: 0;
}

/* @mixin relative{
  position: relative;
  width: 100%;
}
 */
/*======================================================================*
    Nunito Font
*======================================================================*/
/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Mixing Media Query Personalizado
*======================================================================*/
.bannerYoutube {
  width: 100%;
  position: relative;
}
.bannerYoutube .bannerYoutube_inner {
  width: 100%;
  position: relative;
  padding: 25px;
  min-height: 450px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bannerYoutube .bannerYoutube_inner .bannerYoutube_elements {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  z-index: 100;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.bannerYoutube .bannerYoutube_inner .cta-resonance-icon {
  z-index: 100;
}
.bannerYoutube .bannerYoutube_inner::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 50;
  background-color: rgba(31, 104, 138, 0.25);
}

.bannerYoutube_modal {
  width: 100%;
  position: relative;
}

/* @mixin relative{
  position: relative;
  width: 100%;
}
 */
/*======================================================================*
    Nunito Font
*======================================================================*/
/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Mixing Media Query Personalizado
*======================================================================*/
.blockInfoParagraphs {
  width: 100%;
  position: relative;
}
.blockInfoParagraphs .blockInfoParagraphs_inner {
  width: 100%;
  position: relative;
}
.blockInfoParagraphs .blockInfoParagraphs_inner .content_block {
  width: 100%;
  position: relative;
}
.blockInfoParagraphs .blockInfoParagraphs_inner .content_block .txt-description {
  width: 100%;
  position: relative;
  padding-top: 20px;
}

/* @mixin relative{
  position: relative;
  width: 100%;
}
 */
/*======================================================================*
    Nunito Font
*======================================================================*/
/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Mixing Media Query Personalizado
*======================================================================*/
.blockListImageDescription {
  width: 100%;
  position: relative;
}
.blockListImageDescription .blockListImageDescription_inner {
  width: 100%;
  position: relative;
}
.blockListImageDescription .blockListImageDescription_inner .list_content_wrap {
  padding: 10px 0;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 768px) {
  .blockListImageDescription .blockListImageDescription_inner .list_content_wrap {
    gap: 15px;
  }
}
.blockListImageDescription .blockListImageDescription_inner .list_content_wrap .item {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 30px;
}
@media (min-width: 768px) {
  .blockListImageDescription .blockListImageDescription_inner .list_content_wrap .item {
    gap: 0;
  }
}
.blockListImageDescription .blockListImageDescription_inner .list_content_wrap .item .left_side {
  width: 100%;
  position: relative;
}
.blockListImageDescription .blockListImageDescription_inner .list_content_wrap .item .left_side img {
  width: 100%;
}
@media (min-width: 768px) {
  .blockListImageDescription .blockListImageDescription_inner .list_content_wrap .item .left_side {
    width: 32.5%;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    -ms-flex-line-pack: center;
        align-content: center;
  }
}
.blockListImageDescription .blockListImageDescription_inner .list_content_wrap .item .right_side {
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .blockListImageDescription .blockListImageDescription_inner .list_content_wrap .item .right_side {
    width: 67.5%;
    padding: 32px 20px;
    border-left: 1px solid #4FA2B3;
    -ms-flex-line-pack: center;
        align-content: center;
  }
}
.blockListImageDescription .blockListImageDescription_inner .list_content_wrap .item .right_side .information {
  width: 100%;
  position: relative;
  /*  padding: 0 20px; */
}
.blockListImageDescription .blockListImageDescription_inner .list_content_wrap .item .right_side .title-target-list {
  width: 100%;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0px;
  color: #4FA2B3;
  margin-bottom: 15px;
}
.blockListImageDescription .blockListImageDescription_inner .list_content_wrap .item .right_side .title-target-list h4 {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  font-size: 26px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .blockListImageDescription .blockListImageDescription_inner .list_content_wrap .item .right_side .title-target-list h4 {
    font-size: 24px;
  }
}
.blockListImageDescription .blockListImageDescription_inner .list_content_wrap .item .right_side .txt-description {
  margin-bottom: 15px;
}

/* @mixin relative{
  position: relative;
  width: 100%;
}
 */
/*======================================================================*
    Nunito Font
*======================================================================*/
/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Mixing Media Query Personalizado
*======================================================================*/
.targetsCTA {
  width: 100%;
  position: relative;
}
.targetsCTA_inner {
  width: 100%;
  position: relative;
}
.targetsCTA_inner .targetsCTA_targets {
  padding-top: 30px;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 768px) {
  .targetsCTA_inner .targetsCTA_targets {
    gap: 40px;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
.targetsCTA_inner .targetsCTA_targets .itemCTA {
  width: 100%;
  position: relative;
  -webkit-box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.133);
  box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.133);
}
@media (min-width: 768px) {
  .targetsCTA_inner .targetsCTA_targets .itemCTA {
    width: calc((100% - 40px) / 2);
  }
}
@media (min-width: 992px) {
  .targetsCTA_inner .targetsCTA_targets .itemCTA {
    width: calc((100% - 80px) / 3);
  }
}
.targetsCTA_inner .targetsCTA_targets .itemCTA_img {
  width: 100%;
  position: relative;
  padding-bottom: 66%;
  background-color: #7B7B7B;
}
.targetsCTA_inner .targetsCTA_targets .itemCTA_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}
.targetsCTA_inner .targetsCTA_targets .itemCTA_info {
  width: 100%;
  position: relative;
  padding: 25px 15px;
  text-align: center;
}
.targetsCTA_inner .targetsCTA_targets .itemCTA_info_ttl {
  width: 100%;
  position: relative;
  letter-spacing: 0px;
  text-align: center;
  color: #4FA2B3;
  text-transform: capitalize;
}
.targetsCTA_inner .targetsCTA_targets .itemCTA_info_ttl h6 {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  font-size: 18px;
  /* @include tablet{
      font-size: 16px;
  } */
}
.targetsCTA_inner .targetsCTA_targets .itemCTA_info .txt-description {
  margin-bottom: 10px;
}

/* @mixin relative{
  position: relative;
  width: 100%;
}
 */
/*======================================================================*
    Nunito Font
*======================================================================*/
/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Mixing Media Query Personalizado
*======================================================================*/
.blockList_TxtorImg_Description {
  width: 100%;
  position: relative;
}
.blockList_TxtorImg_Description .blockList_TxtorImg_Description_Content {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 50px;
}
@media (min-width: 768px) {
  .blockList_TxtorImg_Description .blockList_TxtorImg_Description_Content {
    gap: 95px;
  }
}
.blockList_TxtorImg_Description .blockList_TxtorImg_Description_Content .item {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 768px) {
  .blockList_TxtorImg_Description .blockList_TxtorImg_Description_Content .item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.blockList_TxtorImg_Description .blockList_TxtorImg_Description_Content .item .left-side {
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .blockList_TxtorImg_Description .blockList_TxtorImg_Description_Content .item .left-side {
    width: 50%;
    padding: 30px 45px 30px 30px;
    -ms-flex-line-pack: center;
        align-content: center;
    margin-bottom: 0;
  }
}
.blockList_TxtorImg_Description .blockList_TxtorImg_Description_Content .item .left-side img {
  width: 100%;
}
.blockList_TxtorImg_Description .blockList_TxtorImg_Description_Content .item .left-side .title-resonance .title h2 {
  margin-bottom: 0;
}
.blockList_TxtorImg_Description .blockList_TxtorImg_Description_Content .item .right-side {
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .blockList_TxtorImg_Description .blockList_TxtorImg_Description_Content .item .right-side {
    width: 50%;
    padding: 75px 45px 75px 30px;
    border-left: 1px solid #4FA2B3;
    -ms-flex-line-pack: center;
        align-content: center;
  }
}
.blockList_TxtorImg_Description .blockList_TxtorImg_Description_Content .item .right-side-ttl {
  width: 100%;
  position: relative;
  margin-bottom: 12px;
  color: #393939;
  letter-spacing: 0px;
}
.blockList_TxtorImg_Description .blockList_TxtorImg_Description_Content .item .right-side-ttl h6 {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  font-size: 18px;
  margin: 0;
}
@media (min-width: 1200px) {
  .blockList_TxtorImg_Description .blockList_TxtorImg_Description_Content .item .right-side-ttl h6 {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .blockList_TxtorImg_Description .blockList_TxtorImg_Description_Content .item .right-side-ttl h6 {
    font-size: 18px;
  }
}
.blockList_TxtorImg_Description .blockList_TxtorImg_Description_Content .item .right-side .txt-description {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}

/* @mixin relative{
  position: relative;
  width: 100%;
}
 */
/*======================================================================*
    Nunito Font
*======================================================================*/
/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Mixing Media Query Personalizado
*======================================================================*/
.carrousel_hover {
  width: 100%;
  position: relative;
}
.carrousel_hover_inner {
  width: 100%;
  position: relative;
}
.carrousel_hover_carrousel {
  width: 100%;
  position: relative;
}
.carrousel_hover_carrousel .item {
  text-align: center;
}
.carrousel_hover_carrousel .owl-stage-outer {
  margin-bottom: 20px;
}

.item_rep_owl {
  position: relative;
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  margin-bottom: 18px;
}
@media (min-width: 768px) {
  .item_rep_owl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.item_rep_owl .item_img {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /*  padding-bottom: 100%; */
  width: 100%;
  min-height: 430px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (min-width: 768px) {
  .item_rep_owl .item_img {
    padding-bottom: 0;
    padding-top: 40px;
    height: 100%;
    min-height: 430px;
  }
}
.item_rep_owl .item_img_ttl {
  width: 100%;
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  font-size: 28px;
  text-align: center;
  color: #ffffff;
  padding: 300px 30px 0;
  /*  */
  z-index: 6;
  /* @include tablet{
      display: none;
  } */
}
@media (min-width: 768px) {
  .item_rep_owl .item_img_ttl {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .item_rep_owl .item_img_ttl {
    display: block;
    padding: 35px 30px;
    border-top: 1px solid #ffffff;
    background-color: rgba(11, 14, 9, 0.5);
    font-size: 34px;
  }
}
@media (min-width: 1600px) {
  .item_rep_owl .item_img_ttl {
    font-size: 40px;
  }
}
.item_rep_owl .item_img::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 5;
  /* background: linear-gradient(to bottom, rgba(11, 14, 9, 0) 0%, rgba(11, 14, 9, 0.13) 40%, rgba(11, 14, 9, 0.48) 61%, rgba(11, 14, 9, 0.86) 81%, rgb(11, 14, 9) 100%); */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(11, 14, 9, 0)), color-stop(40%, rgba(11, 14, 9, 0)), color-stop(61%, rgba(11, 14, 9, 0.13)), color-stop(81%, rgba(11, 14, 9, 0.76)), to(rgb(11, 14, 9)));
  background: linear-gradient(to bottom, rgba(11, 14, 9, 0) 0%, rgba(11, 14, 9, 0) 40%, rgba(11, 14, 9, 0.13) 61%, rgba(11, 14, 9, 0.76) 81%, rgb(11, 14, 9) 100%);
}
@media (min-width: 1200px) {
  .item_rep_owl .item_img::after {
    content: none;
  }
}
.item_rep_owl .item_info_wrapper {
  width: 100%;
  position: relative;
  margin-top: -2px;
}
@media (min-width: 768px) {
  .item_rep_owl .item_info_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /* para que crezca el contenido y no la imagen */
    /* height: 100%; */
  }
}
@media (min-width: 1200px) {
  .item_rep_owl .item_info_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    margin-top: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 52px 0px;
    /*  overflow-y: scroll; */
    z-index: 100;
    background-color: rgba(11, 14, 9, 0.59);
    -webkit-backdrop-filter: blur(23px);
            backdrop-filter: blur(23px);
    /* Estilos específicos para Chrome, Edge y Safari */
    overflow-y: hidden;
    opacity: 0;
  }
}
@media screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 0) {
  .item_rep_owl .item_info_wrapper {
    /* Estilos para la barra de desplazamiento en Chrome, Edge y Safari */
    /* Thumb (barra deslizante) */
    /* Track (fondo) */
  }
  .item_rep_owl .item_info_wrapper::-webkit-scrollbar-thumb {
    background-color: #ffffff;
  }
  .item_rep_owl .item_info_wrapper::-webkit-scrollbar-track {
    background: #0B0E09;
  }
}
@media (min-width: 1200px) {
  @-moz-document url-prefix() {
    .item_rep_owl .item_info_wrapper {
      /* Estilos para la barra de desplazamiento en Firefox */
    }
    .item_rep_owl .item_info_wrapper {
      scrollbar-color: #ffffff #4FA2B3;
    }
  }
  .item_rep_owl .item_info_wrapper:hover {
    overflow-y: scroll;
    z-index: 100;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 1;
  }
}
.item_rep_owl .item_info_wrapper .item_info {
  width: 100%;
  position: relative;
  text-align: center;
  background-color: rgb(11, 14, 9);
  padding: 30px 26px;
}
@media (min-width: 768px) {
  .item_rep_owl .item_info_wrapper .item_info {
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 26px;
    /* para que crezca el contenido y no la iamgen */
    /* flex-grow: 1; */
    /* background-color: transparent;
    border-top: 1px solid $white;
    border-bottom: 1px solid $white; */
  }
}
@media (min-width: 1200px) {
  .item_rep_owl .item_info_wrapper .item_info {
    /*  opacity: 0; */
    /* background-color: #0B0E09; */
    background-color: transparent;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
  }
}
.item_rep_owl .item_info_wrapper .item_info_ttl {
  display: none;
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  /* font-size: 30px; */
  font-size: 28px;
  letter-spacing: 0px;
  color: #ffffff;
  margin-bottom: 15px;
}
.item_rep_owl .item_info_wrapper .item_info_ttl p {
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  .item_rep_owl .item_info_wrapper .item_info_ttl {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .item_rep_owl .item_info_wrapper .item_info_ttl {
    display: block;
    font-size: 34px;
  }
}
@media (min-width: 1600px) {
  .item_rep_owl .item_info_wrapper .item_info_ttl {
    font-size: 40px;
  }
}
.item_rep_owl .item_info_wrapper .item_info_description {
  width: 100%;
  position: relative;
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  /* font-size: 16px; */
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 16px;
  /* @include tablet{
      font-size: 14px;
  } */
}
.item_rep_owl .item_info_wrapper .item_info_description p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .item_rep_owl .item_info_wrapper .item_info_description {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .item_rep_owl .item_info_wrapper .item_info_description {
    font-size: 18px;
  }
}
.item_rep_owl:hover .item_info {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  /*  opacity: 1; */
}

.carousel_complete {
  width: 100%;
  position: relative;
}
.carousel_complete_inner {
  width: 100%;
  position: relative;
}
.carousel_complete_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
}
@media (min-width: 768px) {
  .carousel_complete_item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.carousel_complete_item .size_side, .carousel_complete_item .right_side, .carousel_complete_item .left_side {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .carousel_complete_item .size_side, .carousel_complete_item .right_side, .carousel_complete_item .left_side {
    width: calc((100% - 40px) / 2);
  }
}
.carousel_complete_item .left_side_inner {
  width: 100%;
  position: relative;
  padding-bottom: 100%;
}
@media (min-width: 768px) {
  .carousel_complete_item .left_side_inner {
    padding-bottom: 95%;
  }
}
.carousel_complete_item .left_side .image_one {
  /* position: relative; */
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 10;
  width: 60%;
  height: 76%;
}
.carousel_complete_item .left_side .image_two {
  position: absolute;
  bottom: 0;
  right: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 20;
  width: 60%;
  height: 76%;
}
.navsDots .owl-theme .owl-stage-outer {
  margin-bottom: 30px;
}
.navsDots .owl-theme .owl-nav [class*=owl-]:hover {
  background: #ffffff !important;
}
.navsDots .owl-theme .owl-nav {
  margin-top: 0px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  gap: 20px;
  pointer-events: all;
}
.navsDots .owl-theme .owl-nav .owl-prev .flecha svg {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.navsDots .owl-theme .owl-nav .owl-next .flecha svg {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.navsDots .owl-theme .owl-nav.disabled {
  display: none;
}
.navsDots .owl-theme .owl-dots {
  margin-top: 0px;
  height: 30px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* .owl-dot.active span, 
  .owl-dot:hover span {
      background: $gray-link;
  } */
}
.navsDots .owl-theme .owl-dots.disabled {
  display: none;
}

.carousel_gallery {
  width: 100%;
  position: relative;
}
.carousel_gallery_inner {
  width: 100%;
  position: relative;
}
.carousel_gallery_inner .carousel_gallery_lightgallery_style {
  width: 100%;
  position: relative;
}
.carousel_gallery_inner .carousel_gallery_lightgallery_style .item_gallery_img_lg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.carousel_gallery_inner .carousel_gallery_lightgallery_style .item_gallery_img_lg .item_gallery_img_thumb {
  position: relative;
  min-height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.carousel_gallery_inner .carousel_gallery_lightgallery_style .item_gallery_img_lg .item_gallery_img_thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
}
@media (min-width: 768px) {
  .carousel_gallery_inner .carousel_gallery_lightgallery_style .item_gallery_img_lg .item_gallery_img_thumb {
    min-height: 350px;
  }
}
.carousel_gallery_inner .carousel_gallery_lightgallery_style .item_gallery_img_lg .item_gallery_img_thumb .item_gallery_ttl {
  letter-spacing: 0px;
  color: #ffffff;
  text-align: center;
  background-color: rgba(57, 57, 57, 0.5);
  border-top: 1px solid #ffffff;
  padding: 15px;
  position: relative;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.carousel_gallery_inner .carousel_gallery_lightgallery_style .item_gallery_img_lg .item_gallery_img_thumb .item_gallery_ttl h6 {
  font-size: 18px;
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@media (min-width: 768px) {
  .carousel_gallery_inner .carousel_gallery_lightgallery_style .item_gallery_img_lg .item_gallery_img_thumb .item_gallery_ttl h6 {
    font-size: 16px;
  }
}
.carousel_gallery_inner .carousel_gallery_lightgallery_style .item_gallery_img_lg .item_gallery_img_thumb .icon_zoom {
  position: absolute;
  width: 80px;
  height: 80px;
  background-color: #ffffff;
  border-radius: 50%;
  top: -50%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 100;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  pointer-events: all;
}
.carousel_gallery_inner .carousel_gallery_lightgallery_style .item_gallery_img_lg .item_gallery_img_thumb .icon_zoom svg {
  width: 32%;
  height: 32%;
  -o-object-fit: contain;
     object-fit: contain;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  position: relative;
}
.carousel_gallery_inner .carousel_gallery_lightgallery_style .item_gallery_img_lg .item_gallery_img_thumb:hover .icon_zoom {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.carousel_gallery_inner .carousel_gallery_lightgallery_style .item_gallery_img_lg .item_gallery_img_thumb:hover .item_gallery_ttl {
  background-color: #ffffff;
  color: #393939;
}
.carousel_gallery .navsDots .owl-theme .owl-nav {
  padding: 0 20px;
}
.carousel_gallery .navsDots .owl-theme .owl-dots {
  padding: 0 20px;
}

.owl-sameHeight {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .owl-sameHeight .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .owl-sameHeight .owl-stage .owl-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .owl-sameHeight .owl-stage .owl-item .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.lg-thumb.lg-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100% !important;
  -webkit-transform: translate(0%) !important;
          transform: translate(0%) !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.filtersGallery {
  width: 100%;
  position: relative;
}
.filtersGallery_inner {
  width: 100%;
  position: relative;
}
.filtersGallery_inner .gallery_content_wrapper {
  width: 100%;
  margin-top: 50px;
}
@media (min-width: 320px) {
  .filtersGallery_inner .gallery_content_wrapper .filter_mobile {
    width: 100%;
    margin: 10px 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 992px) {
  .filtersGallery_inner .gallery_content_wrapper .filter_mobile {
    display: none;
  }
}
.filtersGallery_inner .gallery_content_wrapper .filter_mobile a {
  width: 100%;
  position: relative;
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  color: #7B7B7B;
  font-size: 16px;
  letter-spacing: 0.12px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #D9D9D9;
  padding: 18px 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.filtersGallery_inner .gallery_content_wrapper .filter_mobile a .icon_item {
  width: 13px;
  display: block;
  margin-left: 10px;
}
.filtersGallery_inner .gallery_content_wrapper .filter_mobile a .icon_item img {
  width: 100%;
  display: block;
}
.filtersGallery_inner .gallery_content_wrapper .filter_mobile a .icon_item svg {
  width: 100%;
  display: block;
}
.filtersGallery_inner .gallery_content_wrapper .filter_mobile a .icon_item svg path {
  fill: #7B7B7B;
}
@media (min-width: 768px) {
  .filtersGallery_inner .gallery_content_wrapper .filter_mobile a {
    width: 50%;
  }
}
@media (min-width: 320px) {
  .filtersGallery_inner .wrapper_elements_gal_mobile {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 100%;
    background: #fff;
    z-index: 500;
    -webkit-box-shadow: -8px 0px 22px -13px rgba(0, 0, 0, 0.42);
    box-shadow: -8px 0px 22px -13px rgba(0, 0, 0, 0.42);
    display: none;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .filtersGallery_inner .wrapper_elements_gal_mobile {
    width: 50%;
  }
}
@media (min-width: 320px) and (min-width: 992px) {
  .filtersGallery_inner .wrapper_elements_gal_mobile {
    display: none;
  }
}
@media (min-width: 320px) {
  .filtersGallery_inner .wrapper_elements_gal_mobile .button {
    padding: 15px 20px;
    outline: none;
    border: 1px solid rgba(79, 162, 179, 0.1);
    background: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    letter-spacing: 0.12px;
    font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-size: 16px;
    color: #4FA2B3;
    border-radius: 3px 3px 0 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
  }
  .filtersGallery_inner .wrapper_elements_gal_mobile .button.is-checked, .filtersGallery_inner .wrapper_elements_gal_mobile .button:hover {
    background: #4FA2B3;
    color: #fff;
  }
}
@media (min-width: 320px) {
  .filtersGallery_inner .filtro_elements_gal {
    display: none;
  }
}
@media (min-width: 992px) {
  .filtersGallery_inner .filtro_elements_gal {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 50px;
  }
}
.filtersGallery_inner .filtro_elements_gal .button-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 5px;
}
.filtersGallery_inner .filtro_elements_gal .button-group .button {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  font-size: 16px;
  letter-spacing: 0.12px;
  padding: 15px 10px;
  border: 1px solid #767676;
  background-color: #ffffff;
  color: #767676;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  min-width: 170px;
}
@media (min-width: 768px) {
  .filtersGallery_inner .filtro_elements_gal .button-group .button {
    font-size: 14px;
  }
}
.filtersGallery_inner .filtro_elements_gal .button-group .button.is-checked {
  border: 1px solid #4FA2B3;
  background-color: #4FA2B3;
  color: #ffffff;
}
.filtersGallery_inner .filtro_elements_gal .button-group .button:hover {
  border: 1px solid rgba(79, 162, 179, 0.1);
  background-color: rgba(79, 162, 179, 0.8);
  color: #ffffff;
}
.filtersGallery_inner .gallery_content_gallery {
  /* display: flex;
  gap: 25px 10px; 
  flex-wrap: wrap; */
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.filtersGallery_inner .gallery_content_gallery .item_gallery_img_lg {
  -webkit-box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.1607843137);
  /* width: 100%;
  margin: 0 4px 25px 0; */
  width: calc((100% - 16px) / 2);
  margin: 0 4px 25px;
  /* margin: 0 5px 25px;*/
  /* &:nth-child(6n-5){
      margin: 0 4px 25px 0;
  }  */
}
@media (min-width: 390px) {
  .filtersGallery_inner .gallery_content_gallery .item_gallery_img_lg {
    /* width: calc((100% - 10px) / 2); */
    width: 47%;
    margin: 0 5px 25px;
  }
}
@media (min-width: 768px) {
  .filtersGallery_inner .gallery_content_gallery .item_gallery_img_lg {
    /* width: calc((100% - 20px) / 3); */
    width: 31%;
    margin: 0 8px 25px;
  }
}
@media (min-width: 992px) {
  .filtersGallery_inner .gallery_content_gallery .item_gallery_img_lg {
    /* width: calc((100% - 30px) / 4); */
    width: 23%;
    margin: 0 9px 25px;
  }
}
@media (min-width: 1200px) {
  .filtersGallery_inner .gallery_content_gallery .item_gallery_img_lg {
    width: calc((100% - 50px) / 6);
    margin: 0 4px 25px;
  }
}
.filtersGallery_inner .gallery_content_gallery .item_gallery_img_lg .item_gallery_img_thumb {
  width: 100%;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  padding-bottom: 100%;
}
.filtersGallery_inner .gallery_content_gallery .item_gallery_img_lg .item_gallery_img_thumb img {
  width: 100%;
  display: block;
  position: absolute;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.filtersGallery_inner .gallery_content_gallery .item_gallery_img_lg .item_gallery_img_thumb .icon_zoom {
  position: absolute;
  width: 80px;
  height: 80px;
  background-color: #ffffff;
  border-radius: 50%;
  top: -70%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 100;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  pointer-events: all;
}
@media (min-width: 390px) {
  .filtersGallery_inner .gallery_content_gallery .item_gallery_img_lg .item_gallery_img_thumb .icon_zoom {
    top: -50%;
  }
}
.filtersGallery_inner .gallery_content_gallery .item_gallery_img_lg .item_gallery_img_thumb .icon_zoom svg {
  width: 32%;
  height: 32%;
  -o-object-fit: contain;
     object-fit: contain;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  position: relative;
}
.filtersGallery_inner .gallery_content_gallery .item_gallery_img_lg .item_gallery_img_thumb:hover .icon_zoom {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.filtersGallery_inner .gallery_content_gallery .item_gallery_img_lg .item_gallery_ttl {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  font-size: 16px;
  color: #767676;
  letter-spacing: 0px;
  padding: 8px 10px;
  background-color: #ffffff;
  width: 100%;
  position: relative;
}
.filtersGallery_inner .gallery_content_gallery .item_gallery_img_lg .item_gallery_ttl p {
  margin: 0;
}
@media (min-width: 768px) {
  .filtersGallery_inner .gallery_content_gallery .item_gallery_img_lg .item_gallery_ttl {
    font-size: 14px;
  }
}

.prefooter {
  background-color: #4FA2B3;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 25px 30px;
  border-top: 10px solid #ffffff;
}
.prefooter .logo-corporativo {
  padding-top: 15px;
}
.prefooter .resorts-collection {
  margin: 40px 0;
}
@media (min-width: 768px) {
  .prefooter .resorts-collection {
    padding: 20px 0;
  }
}
.prefooter .resorts-collection .title-block {
  color: #ffffff;
}
.prefooter .resorts-collection .title-block h4 {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.prefooter .resorts-collection .logos-block {
  margin-top: 40px;
  margin-bottom: 10px;
}
.prefooter .resorts-collection .logos-block ul {
  list-style: none;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px 15px;
  margin-bottom: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
@media (min-width: 768px) {
  .prefooter .resorts-collection .logos-block ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.prefooter .resorts-collection .logos-block ul li {
  width: calc((100% - 15px) / 2);
}
@media (min-width: 768px) {
  .prefooter .resorts-collection .logos-block ul li {
    width: auto;
  }
}
.prefooter .resorts-collection .logos-block ul li .logo {
  width: 100%;
  height: 40px;
}
@media (min-width: 768px) {
  .prefooter .resorts-collection .logos-block ul li .logo {
    max-width: 100px;
    width: auto;
    height: 30px;
  }
}
.prefooter .resorts-collection .logos-block ul li .logo a {
  width: 100%;
  height: 100%;
  position: relative;
  display: inline-block;
}
.prefooter .resorts-collection .logos-block ul li .logo a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.prefooter .enlaces {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.prefooter .enlaces ul {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px 30px;
  margin-bottom: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.prefooter .enlaces ul li a {
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media (min-width: 768px) {
  .prefooter .enlaces ul li a {
    font-size: 14px;
  }
}
.prefooter .primary-links {
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .prefooter .primary-links {
    margin-bottom: 5px;
  }
}
.prefooter .primary-links ul {
  margin-bottom: 0;
}
.prefooter .primary-links ul li {
  /* width: 45%; */
  width: 100%;
}
@media (min-width: 768px) {
  .prefooter .primary-links ul li {
    width: auto;
  }
}
.prefooter .primary-links ul li a {
  text-transform: uppercase;
  color: #ffffff;
}
.prefooter .primary-links ul li a:hover {
  text-decoration: none;
  color: #cae3e8;
}
.prefooter .secundary-links {
  margin: 15px 0;
  border-top: 1px solid #ffffff;
  padding-top: 40px;
}
@media (min-width: 768px) {
  .prefooter .secundary-links {
    border-top: none;
    padding-top: 0;
  }
}
.prefooter .secundary-links ul li {
  width: 100%;
}
@media (min-width: 768px) {
  .prefooter .secundary-links ul li {
    width: auto;
  }
}
.prefooter .secundary-links ul li a {
  color: #CAE3E8;
}
.prefooter .secundary-links ul li a:hover {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9);
}

.footer {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  background-color: #ffffff;
  font-size: 14px;
  color: #4FA2B3;
  text-align: center;
  padding: 15px 0;
}
.footer p {
  margin-bottom: 0;
}

/*======================================================================*
Variables //
*======================================================================*/
/*======================================================================*
Mixings //
*======================================================================*/
/* @mixin relative{
  position: relative;
  width: 100%;
}
 */
/*======================================================================*
    Nunito Font
*======================================================================*/
/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Mixing Media Query Personalizado
*======================================================================*/






































/*======================================================================*
    Mixing Media Query
*======================================================================*/
/*======================================================================*
    Nunito Font
*======================================================================*/
@media (min-width: 768px) {
  .our-resorts-start-tabs .nav-tabs .nav-item.show .nav-link,
  .our-resorts-start-tabs .nav-tabs .nav-link.active {
    color: #fff;
    background: #4FA2B3;
  }
  .our-resorts-start-tabs .nav-tabs .nav-item.show .nav-link .icon svg .iconTab, .our-resorts-start-tabs .nav-tabs .nav-link.active .icon svg .iconTab {
    fill: #ffffff;
  }
  .our-resorts-start-tabs .nav-tabs .nav-item.show .nav-link::after,
  .our-resorts-start-tabs .nav-tabs .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 10px;
    height: 0px;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-top: 16px solid #4FA2B3;
  }
}
.visit-all_link {
  width: auto;
  display: inline-block;
  padding: 25px 0;
}
@media (min-width: 768px) {
  .visit-all_link {
    border-bottom: none;
  }
}
.visit-all_link a {
  width: 100%;
  position: relative;
  border: 1px solid #C49461;
  border-radius: 5px;
  color: #C49461;
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  font-size: 18px;
  padding: 18px 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 13px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .visit-all_link a {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-size: 16px;
  }
}
.visit-all_link a span {
  width: 80%;
}
@media (min-width: 768px) {
  .visit-all_link a span {
    width: auto;
    max-width: 85%;
  }
}
@media (min-width: 992px) {
  .visit-all_link a span {
    max-width: 100%;
  }
}
.visit-all_link a .icon {
  width: 20px;
  height: 20px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* display: block; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.visit-all_link a .icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.visit-all_link a .icon svg path {
  fill: #C49461;
}
.visit-all_link a:hover {
  color: #FFFFFF;
  background-color: #C49461;
}
.visit-all_link a:hover .icon svg path {
  fill: #FFFFFF;
}

.targets-experiences-destination_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  position: relative;
  gap: 20px 15px;
  padding: 25px 0;
}
@media (min-width: 768px) {
  .targets-experiences-destination_container {
    gap: 20px;
  }
}
.targets-experiences-destination_container .item-target {
  width: calc((100% - 15px) / 2);
  position: relative;
  border-radius: 0px 0px 4px 4px;
  overflow: hidden;
  -webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2235294118);
          box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2235294118);
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.targets-experiences-destination_container .item-target a {
  text-decoration: none;
  display: inline-block;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100%;
}
.targets-experiences-destination_container .item-target_imagen {
  width: 100%;
  padding-bottom: 63%;
  background-color: #4FA2B3;
  position: relative;
}
.targets-experiences-destination_container .item-target_imagen img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.targets-experiences-destination_container .item-target_name {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  letter-spacing: 0px;
  text-align: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 12px 15px;
  position: relative;
  /* min-height: 37%; */
  background-color: #fff;
  bottom: 0;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.targets-experiences-destination_container .item-target_name h1, .targets-experiences-destination_container .item-target_name h2, .targets-experiences-destination_container .item-target_name h3, .targets-experiences-destination_container .item-target_name h4, .targets-experiences-destination_container .item-target_name h5, .targets-experiences-destination_container .item-target_name h6 {
  font-size: 16px;
  margin: 0;
  color: #4FA2B3;
}
@media (min-width: 768px) {
  .targets-experiences-destination_container .item-target {
    width: calc((100% - 40px) / 3);
  }
  .targets-experiences-destination_container .item-target_name {
    padding: 15px 20px;
  }
}
@media (min-width: 1200px) {
  .targets-experiences-destination_container .item-target {
    width: calc((100% - 60px) / 4);
  }
}
.targets-experiences-destination_container .item-target:hover .item-target_imagen img {
  opacity: 0.8;
}
.targets-experiences-destination_container .item-target:hover .item-target_name {
  background-color: #4FA2B3;
}
.targets-experiences-destination_container .item-target:hover .item-target_name h4 {
  color: #fff;
}
.targets-experiences-destination_container.targets--list_name {
  gap: 0;
}
@media (min-width: 768px) {
  .targets-experiences-destination_container.targets--list_name {
    gap: 20px;
  }
}
.targets-experiences-destination_container.targets--list_name .item-target {
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  margin-bottom: 5px;
}
.targets-experiences-destination_container.targets--list_name .item-target_imagen {
  display: none;
}
.targets-experiences-destination_container.targets--list_name .item-target_name {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  text-align: left;
}
@media (min-width: 768px) {
  .targets-experiences-destination_container.targets--list_name .item-target {
    -webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2235294118);
            box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2235294118);
    border-radius: 0px 0px 4px 4px;
    margin-bottom: 0px;
    width: calc((100% - 40px) / 3);
  }
  .targets-experiences-destination_container.targets--list_name .item-target_imagen {
    display: block;
  }
  .targets-experiences-destination_container.targets--list_name .item-target_name {
    font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .targets-experiences-destination_container.targets--list_name .item-target {
    width: calc((100% - 60px) / 4);
  }
}

.accordion-destination_container {
  padding: 35px 0;
}
.accordion-destination_container .accordion-item {
  border: none;
  margin-bottom: 15px;
}
.accordion-destination_container .accordion-item .accordion-button {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 18px;
  color: #4FA2B3;
  border: none;
  border-bottom: 1px solid rgba(118, 118, 118, 0.41);
}
.accordion-destination_container .accordion-item .accordion-button::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16.576" height="9.667" viewBox="0 0 16.576 9.667"><path d="M16.41,60.378l-.83-.83a.522.522,0,0,0-.764,0L8.288,66.076,1.76,59.548a.522.522,0,0,0-.764,0l-.83.83a.522.522,0,0,0,0,.764l7.74,7.74a.522.522,0,0,0,.764,0l7.74-7.74a.524.524,0,0,0,0-.764Z" transform="translate(0 -59.382)" fill="%234FA2B3"/></svg>') !important;
}
.accordion-destination_container .accordion-item .accordion-button:not(.collapsed) {
  color: #C49461;
  background-color: white;
  border-bottom: 1px solid #DCE7EC;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.accordion-destination_container .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16.576" height="9.667" viewBox="0 0 16.576 9.667"><path d="M16.41,60.378l-.83-.83a.522.522,0,0,0-.764,0L8.288,66.076,1.76,59.548a.522.522,0,0,0-.764,0l-.83.83a.522.522,0,0,0,0,.764l7.74,7.74a.522.522,0,0,0,.764,0l7.74-7.74a.524.524,0,0,0,0-.764Z" transform="translate(0 -59.382)" fill="%23C49461"/></svg>') !important;
  -webkit-transform: var(--bs-accordion-btn-icon-transform);
          transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-destination_container .accordion-item .accordion-button:focus {
  border-color: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.accordion-destination_container.accordion--white .visit-all_link a {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
.accordion-destination_container.accordion--white .visit-all_link a .icon svg path {
  fill: #FFFFFF;
}
.accordion-destination_container.accordion--white .visit-all_link a:hover {
  color: #C49461;
  background-color: #ffffff;
}
.accordion-destination_container.accordion--white .visit-all_link a:hover .icon svg path {
  fill: #C49461;
}
.accordion-destination_container.accordion--white .accordion-item {
  background-color: transparent;
}
.accordion-destination_container.accordion--white .accordion-item .accordion-button {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 18px;
  color: #CAE3E8;
  border: none;
  border-bottom: 1px solid #CAE3E8;
  background-color: transparent;
  padding: 16px 20px 16px 0px;
}
.accordion-destination_container.accordion--white .accordion-item .accordion-button::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16.576" height="9.667" viewBox="0 0 16.576 9.667"><path d="M16.41,60.378l-.83-.83a.522.522,0,0,0-.764,0L8.288,66.076,1.76,59.548a.522.522,0,0,0-.764,0l-.83.83a.522.522,0,0,0,0,.764l7.74,7.74a.522.522,0,0,0,.764,0l7.74-7.74a.524.524,0,0,0,0-.764Z" transform="translate(0 -59.382)" fill="%23FFFFFF"/></svg>') !important;
}
.accordion-destination_container.accordion--white .accordion-item .accordion-button:not(.collapsed) {
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
.accordion-destination_container.accordion--white .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16.576" height="9.667" viewBox="0 0 16.576 9.667"><path d="M16.41,60.378l-.83-.83a.522.522,0,0,0-.764,0L8.288,66.076,1.76,59.548a.522.522,0,0,0-.764,0l-.83.83a.522.522,0,0,0,0,.764l7.74,7.74a.522.522,0,0,0,.764,0l7.74-7.74a.524.524,0,0,0,0-.764Z" transform="translate(0 -59.382)" fill="%23FFFFFF"/></svg>') !important;
}
@media (min-width: 768px) {
  .accordion-destination_container.accordion--white .accordion-item .accordion-button {
    padding: 16px 20px 16px 73px;
  }
  .accordion-destination_container.accordion--white .accordion-item .accordion-button::before {
    content: "";
    height: 100%;
    width: 53px;
    position: absolute;
    border: 1px solid #CAE3E8;
    border-bottom: none;
    left: 0%;
    right: auto;
    bottom: 0%;
  }
  .accordion-destination_container.accordion--white .accordion-item .accordion-button::after {
    position: absolute;
    left: 16.5px;
    right: auto;
    background-position: center;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16.576" height="9.667" viewBox="0 0 16.576 9.667"><path d="M16.41,60.378l-.83-.83a.522.522,0,0,0-.764,0L8.288,66.076,1.76,59.548a.522.522,0,0,0-.764,0l-.83.83a.522.522,0,0,0,0,.764l7.74,7.74a.522.522,0,0,0,.764,0l7.74-7.74a.524.524,0,0,0,0-.764Z" transform="translate(0 -59.382)" fill="%23CAE3E8"/></svg>') !important;
  }
  .accordion-destination_container.accordion--white .accordion-item .accordion-button:not(.collapsed)::before {
    border: 1px solid #ffffff;
  }
  .accordion-destination_container.accordion--white .accordion-item .accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16.576" height="9.667" viewBox="0 0 16.576 9.667"><path d="M16.41,60.378l-.83-.83a.522.522,0,0,0-.764,0L8.288,66.076,1.76,59.548a.522.522,0,0,0-.764,0l-.83.83a.522.522,0,0,0,0,.764l7.74,7.74a.522.522,0,0,0,.764,0l7.74-7.74a.524.524,0,0,0,0-.764Z" transform="translate(0 -59.382)" fill="%23FFFFFF"/></svg>') !important;
  }
}
.accordion-destination_container.accordion--white .accordion-item .accordion-button:focus {
  border-color: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (min-width: 1200px) {
  .accordion-destination_container.accordion--white .targets-experiences-destination_container {
    gap: 35px;
  }
}
@media (min-width: 768px) {
  .accordion-destination_container.accordion--white .targets-experiences-destination_container .item-target {
    width: calc((100% - 40px) / 3);
  }
}
@media (min-width: 992px) {
  .accordion-destination_container.accordion--white .targets-experiences-destination_container .item-target {
    width: calc((100% - 60px) / 4);
  }
}
@media (min-width: 1200px) {
  .accordion-destination_container.accordion--white .targets-experiences-destination_container .item-target {
    width: calc((100% - 140px) / 5);
  }
}

.tabs-destination-experiences_tabs-main .nav-link {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  font-size: 20px;
  letter-spacing: 0px;
  color: #393939;
  padding: 13px 10px 21px;
  border-radius: 0px;
  border-bottom: 1px solid #C7D9E2;
}
.tabs-destination-experiences_tabs-main .nav-pills .nav-link.active,
.tabs-destination-experiences_tabs-main .nav-pills .show > .nav-link {
  color: #4FA2B3;
  background-color: white;
  padding: 13px 10px;
  border-bottom: 8px solid #4FA2B3;
  border-radius: 0px;
}

.tabs-experiences_container {
  margin-top: 30px;
}
.tabs-experiences_container ul {
  border-bottom: 1px solid #C7D9E2;
  padding: 10px 0;
}
.tabs-experiences_container .nav-link {
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 16px;
  letter-spacing: 0px;
  color: #767676;
  padding: 13px 10px;
  border-radius: 0px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 4px;
  border-bottom: none;
  text-transform: uppercase !important;
}
.tabs-experiences_container .nav-link .icon {
  width: 16px;
  height: 16px;
}
.tabs-experiences_container .nav-link .icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  fill: #767676;
}
@media (min-width: 768px) {
  .tabs-experiences_container .nav-link {
    gap: 12px;
  }
}
.tabs-experiences_container .nav-pills .nav-link.active,
.tabs-experiences_container .nav-pills .show > .nav-link {
  color: #C49461;
  background-color: white;
  border: none;
  border-radius: 0px;
}
.tabs-experiences_container .nav-pills .nav-link.active .icon svg,
.tabs-experiences_container .nav-pills .show > .nav-link .icon svg {
  fill: #C49461;
}
.tabs-experiences_container.tabs--bkg_arena .visit-all_link a {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
.tabs-experiences_container.tabs--bkg_arena .visit-all_link a .icon svg path {
  fill: #FFFFFF;
}
.tabs-experiences_container.tabs--bkg_arena .visit-all_link a:hover {
  color: #C49461;
  background-color: #ffffff;
}
.tabs-experiences_container.tabs--bkg_arena .visit-all_link a:hover .icon svg path {
  fill: #C49461;
}
.tabs-experiences_container.tabs--bkg_arena ul {
  border-bottom: 1px solid #FFFFFF;
  /* justify-content: space-between; */
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media (min-width: 768px) {
  .tabs-experiences_container.tabs--bkg_arena ul {
    gap: 20px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.tabs-experiences_container.tabs--bkg_arena .nav-link {
  font-size: 16px !important;
  color: #CAE3E8;
}
.tabs-experiences_container.tabs--bkg_arena .nav-link .icon svg {
  fill: #CAE3E8;
}
@media (min-width: 768px) {
  .tabs-experiences_container.tabs--bkg_arena .nav-link {
    gap: 12px;
    font-size: 20px;
  }
}
.tabs-experiences_container.tabs--bkg_arena .nav-pills .nav-link.active,
.tabs-experiences_container.tabs--bkg_arena .nav-pills .show > .nav-link {
  color: #FFFFFF;
  background-color: transparent;
}
.tabs-experiences_container.tabs--bkg_arena .nav-pills .nav-link.active .icon svg,
.tabs-experiences_container.tabs--bkg_arena .nav-pills .show > .nav-link .icon svg {
  fill: #FFFFFF;
}
@media (min-width: 1200px) {
  .tabs-experiences_container.tabs--bkg_arena .targets-experiences-destination_container {
    gap: 35px;
  }
}
@media (min-width: 768px) {
  .tabs-experiences_container.tabs--bkg_arena .targets-experiences-destination_container .item-target {
    width: calc((100% - 40px) / 3);
  }
}
@media (min-width: 992px) {
  .tabs-experiences_container.tabs--bkg_arena .targets-experiences-destination_container .item-target {
    width: calc((100% - 60px) / 4);
  }
}
@media (min-width: 1200px) {
  .tabs-experiences_container.tabs--bkg_arena .targets-experiences-destination_container .item-target {
    width: calc((100% - 140px) / 5);
  }
}

.options_select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #C49461;
  background-color: #C49461;
  border-radius: 0;
  outline: none;
  font-family: "Nunito", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Ubuntu", Arial, serif, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  font-size: 18px;
  letter-spacing: 0px;
  color: #FFFFFF;
  padding: 30px;
  width: 100%;
  max-width: 330px;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.options_select .form-select {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16.576" height="9.667" viewBox="0 0 16.576 9.667"><path d="M16.41,60.378l-.83-.83a.522.522,0,0,0-.764,0L8.288,66.076,1.76,59.548a.522.522,0,0,0-.764,0l-.83.83a.522.522,0,0,0,0,.764l7.74,7.74a.522.522,0,0,0,.764,0l7.74-7.74a.524.524,0,0,0,0-.764Z" transform="translate(0 -59.382)" fill="%23FFFFFF"/></svg>') !important;
  background-size: 16px;
  background-position: right 30px center;
}
.options_select .form-select:focus {
  border-color: #C49461;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(196, 148, 97, 0.2);
          box-shadow: 0 0 0 0.25rem rgba(196, 148, 97, 0.2);
}