@import "externos/owl.carousel.min.css";

@import "externos/owl.theme.default.min.css";
/*** EXTERNOS ***/
/*** contenidos comunes *****/
/*** RESET ***/
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
figure {
  padding: 0;
  margin: 0;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*:focus,
a:focus {
  outline: none;
}
ul,
li {
  list-style: none;
}
a,
button {
  color: #805aff;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a:hover {
  text-decoration: none;
}
/**** FONTS ****/
/*** color ***/
/*violeta*/
/*durazno*/
/*naranja*/
/**** MIXINS LESS CLASES *****/
@media (min-width: 600px) {
  .grid.col-4 {
    display: grid;
    gap: 20px 2%;
    grid-template-columns: 49% 49%;
  }
}
@media (min-width: 500px) {
  .grid.col-3-cards {
    display: grid;
    grid-template-columns: 49% 49%;
    gap: 30px 2%;
    overflow: hidden;
  }
}
@media (min-width: 700px) {
  .grid.col-2-about {
    display: grid;
    gap: 20px;
    grid-template-columns: 300px 1fr;
  }
  .grid.col-3-cards {
    display: grid;
    grid-template-columns: 49% 49%;
    gap: 30px 2%;
    overflow: hidden;
  }
}
@media (min-width: 1024px) {
  .grid {
    display: grid;
    gap: 20px;
  }
  .grid.gap-0 {
    gap: 0px;
    margin-bottom: 0px;
  }
  .grid.gap-60 {
    gap: 60px;
    margin-bottom: 40px;
  }
  .grid.col-1 {
    grid-template-columns: 1fr;
  }
  .grid.col-2 {
    grid-template-columns: 1fr 1fr;
  }
  .grid.col-2-about {
    grid-template-columns: 1fr 1fr;
  }
  .grid.col-2-mini {
    grid-template-columns: 150px 150px;
    gap: 10px;
  }
  .grid.col-2-1-1 {
    grid-template-columns: 3fr 2fr 1fr;
  }
  .grid.col-search-results {
    grid-template-columns: 3fr 2fr 3fr;
  }
  .grid.col-300-1 {
    grid-template-columns: 320px 1fr;
    gap: 80px;
  }
  .grid.col-3-centercard {
    grid-template-columns: 320px 320px 320px;
    justify-content: center;
    gap: 40px;
  }
  .grid.col-2-centercard {
    grid-template-columns: 320px 320px;
    justify-content: center;
    gap: 40px;
  }
  .grid.col-1-aside {
    grid-template-columns: 1fr 300px;
  }
  .grid.col-1-400 {
    grid-template-columns: 1fr 450px;
    gap: 40px;
  }
  .grid.col-aside-1 {
    grid-template-columns: 250px 1fr;
  }
  .grid.col-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid.col-3-cards {
    grid-template-columns: 49% 49%;
    gap: 30px 2%;
    overflow: hidden;
  }
  .grid.col-3-cards.list-view {
    display: block;
  }
  .grid.col-4 {
    grid-template-columns: 23% 23% 23% 23%;
    gap: 30px 2.5%;
  }
  .grid.col-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  .grid.col-250-rest {
    grid-template-columns: 200px 1fr;
  }
  .grid.col-1-2 {
    grid-template-columns: 1fr 2fr;
  }
  .grid .column {
    display: block;
  }
  .grid .column.flex-col-vert {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .grid .column.end {
    display: flex;
    justify-content: flex-end;
  }
  .grid .column.flex-align {
    display: flex;
    align-items: center;
  }
  .grid .column.bdright {
    border-right: solid 1px #1c2027;
    padding-right: 20px;
  }
  .grid.col-1-1-2 {
    grid-template-columns: 1fr 1fr 2fr;
  }
}
@media (min-width: 1200px) {
  .grid.col-3-cards {
    grid-template-columns: 32% 32% 32%;
    gap: 30px 2%;
    overflow: hidden;
  }
}
.list-view .grid.col-3-cards {
  display: block;
}
@media (min-width: 1320px) {
  .grid.col-4-centercard {
    grid-template-columns: 320px 320px 320px 320px;
    justify-content: center;
    gap: 40px;
  }
  .grid.space {
    justify-content: space-between;
  }
}
@media (max-width: 1319px) {
  .grid.col-4-centercard {
    grid-template-columns: 320px 320px;
    justify-content: center;
    gap: 40px;
  }
  .grid.col-3x394 {
    grid-template-columns: 320px 320px 320px;
    justify-content: center;
    column-gap: 40px;
  }
  .grid.col-3x394.left {
    justify-content: flex-start;
  }
  .grid.col-2x612 {
    grid-template-columns: 480px 480px;
    justify-content: center;
    column-gap: 40px;
  }
}
@media (max-width: 1030px) {
  .grid.invert {
    display: flex;
    flex-direction: column-reverse;
  }
}
.col-2-noc {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.flex-inline {
  display: flex;
  align-items: center;
  gap: 10px;
}
/***** CONTENIDOS COMUNES ******/
body.open {
  overflow: hidden !Important;
}
html {
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: "Golos Text", sans-serif;
  color: #1c2027;
  background: #fafafa;
}
#main {
  display: block;
  height: auto;
  width: 100%;
  overflow: hidden;
  padding: 68px 0 0 0;
}
#main.internas {
  padding-top: 150px;
}
@media (max-width: 1024px) {
  #main.internas {
    padding: 68px 0 0 0;
  }
}
.wrapper {
  width: 1376px;
  display: block;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 1390px) {
  .wrapper {
    width: 100%;
    padding: 0 10px;
  }
  .wrapper.nomar {
    padding: 0;
  }
}
.content {
  width: 1344px;
  display: block;
  margin: 0 auto;
  padding: 0;
}
.content.short {
  width: 1114px;
}
@media (max-width: 1370px) {
  .content {
    width: 100%;
    padding: 0 60px;
  }
}
@media (max-width: 1220px) {
  .content.short {
    width: 100%;
  }
}
@media (max-width: 1100px) {
  .content {
    padding: 0 20px;
  }
}
@media (max-width: 1100px) {
  .wrapper {
    padding: 0 20px;
  }
}
.modulo {
  padding: 40px 0 20px 0;
  display: block;
}
.breadcrumb {
  display: block;
  padding: 30px 0 0 0;
}
.breadcrumb ul {
  display: flex;
  align-items: center;
  gap: 5px;
}
.breadcrumb ul li {
  color: #4c5970;
  font-size: 16px;
  line-height: 16px;
}
.breadcrumb ul li a {
  color: #1c2027;
}
.breadcrumb ul li a:hover {
  color: #805aff;
}
@media (max-width: 1023px) {
  .breadcrumb ul li {
    font-size: 11px;
  }
}
/******* BUSCADOR GENERAL *********/
.searcher {
  background: #fff;
  border-radius: 52px;
  padding: 0 50px;
  margin: -170px 0 0 90px;
  position: relative;
  z-index: 4;
  width: 75%;
  height: 104px;
  display: flex;
  align-items: center;
  /*select {
		border: none;
		background: none;
		color: @textColor;
		font-size: 16px;
		display: block;
		width: 100%;
		padding: 0;
		margin: 5px 0 0 0;
	}
	select {
		display: block;
		appearance: none; 
		-webkit-appearance: none;
		-moz-appearance: none;
		color: @textColor;
		margin: 5px 0 0 0;
		border: none; 
		border-radius: 4px;
		padding: 0;
		line-height: 24px;
		height: 24px;
		font-size: 16px;
		background-color: #fff;
		background-image: none; 
		cursor: pointer;
	}*/

  /* extra para que no se vea la flecha en Firefox */

}
.searcher label {
  color: #1c2027;
  font-size: 14px;
  line-height: 100%;
}
.searcher label span {
  color: #4C5970;
}
.searcher label a {
  color: #ff5f2f;
  text-decoration: underline;
}
.searcher label a:hover {
  color: #805aff;
}
.searcher input {
  border: none;
  background: none;
  color: #1c2027;
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 5px 0 0 0;
}
.searcher select {
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  margin: 5px 0 0 0;
  height: 24px;
  padding: 0 10px;
  border: none;
  border-radius: 0;
  background: #fff;
  outline: none;
  appearance: none;
}
.searcher select::-ms-expand {
  display: none;
}
@media (max-width: 1024px) {
  .searcher {
    background: #fff;
    border-radius: 24px;
    padding: 30px;
    margin: -280px 10px 0 10px;
    width: auto;
    height: auto;
    display: block;
    align-items: center;
  }
  .searcher input {
    font-size: 16px;
    margin: 5px 0 15px 0;
    border-bottom: solid 1px #4C5970;
    line-height: 24px;
  }
  .searcher select {
    border-bottom: solid 1px #4C5970;
    font-size: 16px;
    margin: 5px 0 15px 0;
  }
  .searcher .btn {
    width: 100%;
    justify-content: center;
    float: right;
  }
}
.search-display .searcher {
  margin: 20px 0;
  width: 100%;
  /*box-shadow: 0 0 10px 0 #B0B0B0;*/

  border-radius: 32px;
}
@media (min-width: 1024px) {
  .search-display .searcher {
    padding: 0 18px 0 50px;
  }
}
.search-display .searcher label span {
  display: none;
}
.search-display .searcher label a {
  display: none;
}
.search-display {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  overflow: hidden;
  max-height: 0px;
  padding: 20px 0;
  opacity: 0;
}
.search-display.open {
  max-height: 300px;
  opacity: 1;
}
.search-display .search-form {
  width: 100%;
}
.search-items {
  display: block;
}
.search-items .search-status {
  display: flex;
  align-items: center;
  gap: 20px;
}
.search-items .search-status p {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: flex;
  gap: 4px;
  font-family: "Inter", system-ui;
}
.search-items .search-status p:before {
  content: ' ';
  width: 20px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
}
.search-items .search-status p.dest:before {
  background-image: url('https://static.viajobien.com/image/vb40/img/ic-aereos.svg');
}
.search-items .search-status p.fech:before {
  background-image: url('https://static.viajobien.com/image/vb40/img/ic-calendar.svg');
}
@media (max-width: 1023px) {
  .search-items .search-status {
    display: block;
  }
  .search-items .search-status p {
    margin-bottom: 10px;
  }
}
/**** FILTROS DE RESULTADOS ****/
.filters-results {
  background: #fff;
  border-radius: 30px;
  padding: 20px;
}
@media (max-width: 1023px) {
  .filters-results {
    padding: 20px;
    position: fixed;
    top: 60px;
    z-index: 9;
    width: auto;
    left: 0;
    right: 0;
    overflow-y: auto;
    bottom: 0;
    display: none;
  }
  .filters-results.open {
    display: block;
  }
}
.basic-container {
  display: block;
}
.basic-container h4 {
  color: #1C2027;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 20px 0 10px 0;
  display: block;
}
.basic-container.mtop40 {
  margin-top: 40px;
  margin-bottom: 20px;
}
.price-range-container {
  margin-bottom: 50px;
}
.range-slider {
  position: relative;
  width: 100%;
  height: 20px;
  /* necesario para que los thumbs no se corten */

}
.range-slider input[type=range] {
  position: absolute;
  width: 100%;
  pointer-events: none;
  appearance: none;
  height: 6px;
  border-radius: 3px;
  background: #a78dff;
  /* este fondo será sobrescrito por JS */

}
/* THUMB personalizado */
.range-slider input[type=range]::-webkit-slider-thumb {
  pointer-events: all;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #805aff;
  cursor: pointer;
  position: relative;
  top: 0px;
  z-index: 2;
}
/* Firefox */
.range-slider input[type=range]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #805aff;
  cursor: pointer;
  z-index: 2;
  pointer-events: all;
  border: none;
}
.slider-values {
  font-size: 12px;
  color: #4C5970;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.resetFilters {
  font-weight: 400;
  font-size: 14px;
  color: #4C5970;
  cursor: pointer;
}
.btn.aplicarFilters {
  margin-top: 10px;
}
@media (min-width: 1024px) {
  .btn.aplicarFilters {
    display: none;
  }
}
.orderby {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
  margin-bottom: 20px;
}
.orderby .view {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: solid 1px #805aff;
  cursor: pointer;
}
.orderby .view.grilla {
  background: url('https://static.viajobien.com/image/vb40/img/ic-grilla.svg') center center no-repeat;
}
.orderby .view.grilla.active {
  background: url('https://static.viajobien.com/image/vb40/img/ic-grilla-on.svg') center center no-repeat #4c5970;
  border: solid 1px #4C5970;
}
.orderby .view.filas {
  background: url('https://static.viajobien.com/image/vb40/img/ic-filas.svg') center center no-repeat;
}
.orderby .view.filas.active {
  background: url('https://static.viajobien.com/image/vb40/img/ic-filas-on.svg') center center no-repeat #4c5970;
  border: solid 1px #4C5970;
}
.orderby .view:hover {
  background-color: #cfc0ff;
}
@media (max-width: 1023px) {
  .orderby .view {
    display: none;
  }
}
.orderby .btfiltros {
  display: none;
}
@media (max-width: 1023px) {
  .orderby .btfiltros {
    display: flex;
    border-radius: 5px;
    width: 38px;
    height: 38px;
    border: solid 1px #4C5970;
    background: url('https://static.viajobien.com/image/vb40/img/ic-filtros.svg') center center no-repeat;
  }
}
.custom-select {
  appearance: none;
  /* oculta flechita en la mayoría de navegadores */

  -webkit-appearance: none;
  -moz-appearance: none;
  color: #1c2027;
  border: 1px solid #4C5970;
  /* borde gris */

  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  background-color: #fff;
  background-image: none;
  /* extra para prevenir flechitas */

  cursor: pointer;
}
/* extra para que no se vea la flecha en Firefox */
.custom-select::-ms-expand {
  display: none;
}
/**** BOTONES ****/
.btn {
  color: #fff;
  display: flex;
  width: fit-content;
  gap: 5px;
  height: 48px;
  align-items: center;
  padding: 0 24px;
  margin: 0;
  font-size: 16px;
  line-height: 48px;
  font-weight: 400;
  border: none;
  border-radius: 24px;
  background: #ff7e56;
  cursor: pointer;
}
.btn .icon {
  display: flex;
}
.btn .icon.arrow {
  width: 16px;
  height: 16px;
  background: url(https://static.viajobien.com/image/vb40/img/ic-down-btn.svg) center center no-repeat;
}
@media (max-width: 768px) {
  .btn.large {
    text-align: center;
    justify-content: center;
    width: 100%;
  }
}
.btn.filled {
  color: #805aff;
  border: solid 1px #805aff;
  background: #fff;
}
.btn.filled:hover {
  color: #fff;
  background: #805aff;
}
.btn.filled2 {
  color: #1c2027;
  border: solid 1px #ff7e56;
  background: #fff;
}
.btn.filled2.active {
  color: #fff;
  background: #4c5970;
  border: solid 1px #4c5970;
}
.btn.filled2.active .icon.arrow {
  background: url(https://static.viajobien.com/image/vb40/img/ic-down-btn-active.svg) center center no-repeat;
}
.btn.filled2.active:hover {
  background: #4c5970;
}
.btn.filled2:hover {
  background: transparent;
}
.btn.wa {
  border: solid 1px #2EC265;
  background: #2EC265;
}
.btn.wa:hover {
  color: #fff;
  border: solid 1px #1e8b47;
  background: #1e8b47;
}
.btn.mini {
  height: 40px;
  line-height: 40px;
}
.btn.gray {
  background: #ccc;
  color: #1c2027;
}
.btn.gray:hover {
  background: #e7e7e7;
}
.btn:hover {
  background: #ff5f2f;
}
.btn.no-hover:hover {
  color: #fff;
}
@media (max-width: 1023px) {
  .btn {
    font-size: 16px;
  }
}
.btns-area {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.btns-area.centered {
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
.btns-area.mtop40 {
  margin-top: 40px;
}
.tit-section {
  margin: 80px 0 30px 0;
  padding: 0;
  text-align: left;
}
.tit-section .ti {
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  margin: 0;
  padding: 0;
}
.tit-section .sub {
  font-size: 16px;
  line-height: 125%;
  color: #1c2027;
  font-weight: 400;
  margin: 10px 0 0 0;
  padding: 0;
}
.tit-section .tx {
  font-family: "Inter", system-ui;
  font-size: 16px;
  line-height: 125%;
  color: #4c5970;
}
.tit-section.centered {
  text-align: center;
}
.tit-section.mini .ti {
  font-size: 32px;
}
.tit-section.ultramini {
  margin-top: 0;
}
.tit-section.ultramini .ti {
  font-size: 18px;
}
.tit-section.mtop30 {
  margin-top: 30px;
}
@media (max-width: 1023px) {
  .tit-section {
    margin: 30px 0;
  }
  .tit-section .ti {
    font-size: 24px;
  }
  .tit-section .tx {
    margin-top: 20px;
  }
  .tit-section .sub {
    font-size: 14px;
    line-height: 130%;
  }
  .tit-section.mini .ti {
    font-size: 24px;
  }
}
/**** CARDS ****/
.card {
  border-radius: 24px;
  background: #fff;
  /*height: 716px;
	min-height: 716px;
	max-height: 716px;*/

  height: 680px;
  min-height: 680px;
  max-height: 680px;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.card .top-card {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}
.card .top-card .prom {
  font-family: "Inter", system-ui;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  color: #fff;
  background: #805aff;
  font-size: 14px;
  line-height: 30px;
  text-transform: uppercase;
  padding: 0 10px;
  border-radius: 15px;
  display: flex;
}
.card .top-card .type {
  font-family: "Inter", system-ui;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  color: #4c5970;
  font-size: 14px;
  line-height: 30px;
  padding: 0 10px 0 30px;
  border-radius: 15px;
  display: flex;
}
.card .top-card .type.paq {
  background: url(https://static.viajobien.com/image/vb40/img/ic-paquete.svg) 10px center no-repeat rgba(255, 255, 255, 0.8);
}
.card .top-card .type.cru {
  background: url(https://static.viajobien.com/image/vb40/img/ic-crucero.svg) 10px center no-repeat rgba(255, 255, 255, 0.8);
}
.card .top-card .time {
  font-family: "Inter", system-ui;
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 2;
  background: rgba(255, 255, 255, 0.8);
  color: #4c5970;
  font-size: 14px;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 15px;
  text-transform: uppercase;
}
.card .top-card .card-slider {
  position: relative;
}
.card .top-card .card-slider .owl-nav {
  display: none;
}
.card .info-card {
  position: relative;
  display: block;
}
.card .info-card .datos {
  padding: 15px;
}
.card .info-card .datos .tit {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  overflow: hidden;
  max-height: 48px;
  margin: 0 0 8px 0;
  padding: 0;
  text-align: left;
}
.card .info-card .datos .sal {
  color: #4c5970;
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
  max-height: 28px;
  font-family: "Inter", system-ui;
}
.card .info-card .datos .amenities {
  display: block;
  padding: 10px 0;
}
.card .info-card .datos .amenities h6 {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  padding: 0 0 5px 0;
  margin: 0;
  font-family: "Inter", system-ui;
}
.card .info-card .datos .hot {
  font-size: 16px;
  font-family: "Inter", system-ui;
  font-weight: 600;
  line-height: 24px;
  overflow: hidden;
  margin: 15px 0 4px 0;
  padding: 0;
  text-align: left;
  display: flex;
  align-items: center;
}
.card .info-card .datos .hot:before {
  content: ' ';
  width: 20px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 2px 0 0;
  background-image: url('https://static.viajobien.com/image/vb40/img/ic-hoteles.svg');
}
.card .pricing {
  position: absolute;
  bottom: 50px;
  left: 15px;
  right: 15px;
  padding: 15px;
  background: #fafafa;
  border-radius: 16px;
  text-align: right;
}
.card .pricing .ahorro {
  display: inline-flex;
  background: #92FFB8;
  padding: 0 10px;
  border-radius: 4px;
  line-height: 24px;
  font-size: 12px;
  margin: 0 0 5px 0;
  font-family: "Inter", system-ui;
}
.card .pricing .before {
  color: #7d8ead;
  padding: 0;
  border-radius: 4px;
  line-height: 110%;
  font-size: 14px;
  margin: 0 0 5px 0;
  font-family: "Inter", system-ui;
}
.card .pricing .before span {
  text-decoration: line-through;
}
.card .pricing .pago {
  font-size: 12px;
  line-height: 100%;
  margin: 0 0 5px 0;
  font-family: "Inter", system-ui;
}
.card .pricing .price {
  font-size: 24px;
  line-height: 100%;
  font-family: "Inter", system-ui;
}
.card .pricing .price span {
  font-size: 16px;
}
.card .pricing .doble {
  font-size: 12px;
  line-height: 100%;
  margin: 0 0 5px 0;
  font-family: "Inter", system-ui;
}
.card .pricing .legal {
  font-size: 10px;
  line-height: 110%;
  margin: 0 0 5px 0;
  color: #4c5970;
  font-family: "Inter", system-ui;
}
.card .pricing .btn {
  height: 40px;
  line-height: 40px;
  width: 100%;
  justify-content: center;
  margin-top: 10px;
}
@media (max-width: 900px) {
  .card .pricing .pago {
    font-size: 14px;
  }
  .card .pricing .ahorro {
    font-size: 14px;
  }
  .card .pricing .legal {
    font-size: 14px;
  }
}
.card .view {
  position: absolute;
  bottom: 10px;
  left: 15px;
  right: 15px;
}
.card .view p {
  border: solid 1px #7d8ead;
  border-radius: 20px;
  display: block;
  text-align: center;
  padding: 5px 0;
  font-size: 12px;
  line-height: 20px;
}
.card.selected {
  min-height: 0;
  max-height: 1000px;
  height: auto;
}
.card.selected .pricing {
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
  margin: 10px;
}
@media (max-width: 1023px) {
  .card.selected {
    /*max-width: 360px;*/
  
  }
}
.card-slider.owl-theme .owl-dots {
  position: absolute;
  width: 100%;
  bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-slider.owl-theme .owl-dots .owl-dot span {
  margin: 0 5px;
}
.card-slider.owl-theme .owl-dots .owl-dot span {
  background: #1C2027;
  width: 6px;
  height: 6px;
}
.card-slider.owl-theme .owl-dots .owl-dot.active span {
  background: #fff;
  width: 10px;
  height: 10px;
}
.list-view {
  display: block !important;
}
.list-view .card {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: auto;
  min-height: 2px;
  max-height: 10000px;
  max-width: 100%;
  margin-bottom: 20px;
  padding: 0 20px 20px 0;
  gap: 20px;
}
.list-view .card .top-card {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  max-width: 450px;
  min-width: 450px;
  width: 450px;
}
@media (max-width: 1100px) {
  .list-view .card .top-card {
    max-width: 350px;
    min-width: 350px;
    width: 350px;
  }
}
@media (max-width: 1023px) {
  .list-view .card .top-card {
    max-width: 150px;
    min-width: 150px;
    width: 150px;
  }
}
.list-view .card .info-col {
  width: 55%;
}
.list-view .card .pricing {
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
}
.list-view .card .view {
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
  margin-top: 10px;
}
@media (min-width: 1023px) {
  .vista-fila .card {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    height: auto;
    min-height: 2px;
    max-height: 10000px;
    max-width: 100%;
    margin-bottom: 20px;
    padding: 0 20px 20px 0;
    gap: 20px;
  }
  .vista-fila .card .top-card {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    max-width: 450px;
    min-width: 450px;
    width: 450px;
  }
  .vista-fila .card .info-col {
    width: 55%;
  }
  .vista-fila .card .pricing {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
  }
  .vista-fila .card .view {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    margin-top: 10px;
  }
}
@media (min-width: 1023px) and (max-width: 1100px) {
  .vista-fila .card .top-card {
    max-width: 350px;
    min-width: 350px;
    width: 350px;
  }
}
@media (max-width: 1023px) {
  .card {
    height: 690px;
    min-height: 690px;
    max-height: 690px;
    margin-bottom: 20px;
  }
}
.col-3-cards .card:last-child {
  margin-bottom: 100px;
}
/**** end CARDS *****/
.paq-info .est {
  font-family: "Inter", system-ui;
  font-weight: 600;
  font-size: 20px;
  padding: 0;
  margin: 0;
}
.paq-info .sal {
  font-family: "Inter", system-ui;
  font-weight: 400;
  font-size: 16px;
  color: #4C5970;
  padding: 0;
  margin: 10px 0 5px 0;
}
.paq-info .ahorro {
  display: inline-flex;
  background: #92FFB8;
  padding: 0 10px;
  border-radius: 4px;
  line-height: 32px;
  font-size: 16px;
  margin: 0 0 5px 0;
  font-family: "Inter", system-ui;
}
.amenities {
  display: block;
  padding: 10px 0;
}
.amenities .specs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 10px;
}
.amenities .specs p.amti {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  display: flex;
  font-family: "Inter", system-ui;
}
.amenities .specs p.amti:before {
  content: ' ';
  width: 15px;
  height: 15px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 2px 0 0;
}
.amenities .specs p.amti.aereos:before {
  background-image: url('https://static.viajobien.com/image/vb40/img/ic-aereos.svg');
}
.amenities .specs p.amti.hoteles:before {
  background-image: url('https://static.viajobien.com/image/vb40/img/ic-hoteles.svg');
}
.amenities .specs p.amti.traslados:before {
  background-image: url('https://static.viajobien.com/image/vb40/img/ic-traslados.svg');
}
.amenities .specs p.amti.asistencia:before {
  background-image: url('https://static.viajobien.com/image/vb40/img/ic-asistencia.svg');
}
.amenities .specs p.amti.excursiones:before {
  background-image: url('https://static.viajobien.com/image/vb40/img/ic-excursiones.svg');
}
.amenities .specs p.amti.evento:before {
  background-image: url('https://static.viajobien.com/image/vb40/img/ic-evento.svg');
}
.amenities .specs p.amti.autos:before {
  background-image: url('https://static.viajobien.com/image/vb40/img/ic-autos.svg');
}
.amenities .specs p.amti.bus:before {
  background-image: url('https://static.viajobien.com/image/vb40/img/ic-bus.svg');
}
.amenities .specs p.amti.cruceros:before {
  background-image: url('https://static.viajobien.com/image/vb40/img/ic-cruceros.svg');
}
.amenities .specs p.amti.media-pension:before {
  background-image: url('https://static.viajobien.com/image/vb40/img/ic-media-pension.svg');
}
.amenities .specs p.amti.pase:before {
  background-image: url('https://static.viajobien.com/image/vb40/img/ic-pase.svg');
}
.amenities .specs p.amti.visa:before {
  background-image: url('https://static.viajobien.com/image/vb40/img/ic-visa.svg');
}
.amenities .specs p.amti.cuponera:before {
  background-image: url('https://static.viajobien.com/image/vb40/img/ic-cuponera.svg');
}
.amenities .specs p.amti.buque:before {
  background-image: url('https://static.viajobien.com/image/vb40/img/ic-buque.svg');
}
.amenities .specs p.amti.comun:before {
  background-image: url('https://static.viajobien.com/image/vb40/img/ic-comun.svg');
}
.amenities.big .specs p.amti {
  align-items: center;
}
.amenities.big .specs p.amti:before {
  width: 20px;
  height: 20px;
}
.paq-hero {
  padding: 20px 0;
}
@media (max-width: 1023px) {
  .paq-hero {
    margin: 0 -20px;
  }
}
.component {
  position: relative;
}
.component .prom {
  font-family: "Inter", system-ui;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
  color: #fff;
  background: #805aff;
  font-size: 16px;
  line-height: 32px;
  text-transform: uppercase;
  padding: 0 10px;
  border-radius: 15px;
  display: flex;
}
.component .type {
  font-family: "Inter", system-ui;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  color: #4c5970;
  font-size: 14px;
  line-height: 30px;
  padding: 0 10px 0 30px;
  border-radius: 15px;
  display: flex;
}
.component .type.paq {
  background: url(https://static.viajobien.com/image/vb40/img/ic-paquete.svg) 10px center no-repeat rgba(255, 255, 255, 0.8);
}
.component .type.cru {
  background: url(https://static.viajobien.com/image/vb40/img/ic-crucero.svg) 10px center no-repeat rgba(255, 255, 255, 0.8);
}
.component .mas {
  font-family: "Inter", system-ui;
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 2;
  color: #4C5970;
  background: #fff;
  font-size: 16px;
  line-height: 32px;
  padding: 0 10px;
  border-radius: 15px;
  display: flex;
}
.component .item {
  border-radius: 24px;
  display: block;
  overflow: hidden;
}
.component .item img {
  display: block;
  width: 100%;
}
.component .item.mini {
  margin-bottom: 20px;
}
.h-destacado {
  background: #805AFF;
  background: linear-gradient(180deg, #805aff 0%, #4b1e98 100%);
  padding: 20px 0;
  margin: 0 0 30px 0;
}
.h-destacado .tira {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
}
.h-destacado .tira .tit {
  color: #fff;
  border-left: solid 1px #fff;
  padding: 10px 20px;
  line-height: 28px;
  font-size: 24px;
  font-weight: 400;
  font-family: "Inter", system-ui;
}
.h-destacado .tira .dates {
  border: solid 1px #fff;
  border-radius: 18px;
  padding: 20px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1350px) {
  .h-destacado .tira .dates {
    min-width: 720px;
  }
}
.h-destacado .tira .dates .text {
  padding: 0 40px 0 0;
}
.h-destacado .tira .dates .text h3 {
  color: #fff;
  padding: 0 0 5px 0;
  margin: 0;
  line-height: 22px;
  font-size: 20px;
  font-weight: 400;
  font-family: "Inter", system-ui;
}
.h-destacado .tira .dates .text p {
  color: #fff;
  padding: 0;
  margin: 0;
  line-height: 16px;
  font-size: 14px;
  font-weight: 400;
  font-family: "Inter", system-ui;
}
.h-destacado .tira .dates .pricing {
  text-align: right;
}
.h-destacado .tira .dates .pricing .ahorro {
  display: inline-flex;
  background: #92FFB8;
  padding: 0 10px;
  border-radius: 4px;
  line-height: 24px;
  font-size: 12px;
  margin: 0 0 5px 0;
  font-family: "Inter", system-ui;
}
.h-destacado .tira .dates .pricing .before {
  color: #fff;
  padding: 0;
  border-radius: 4px;
  line-height: 110%;
  font-size: 14px;
  margin: 0 0 5px 0;
  font-family: "Inter", system-ui;
}
.h-destacado .tira .dates .pricing .before span {
  text-decoration: line-through;
}
.h-destacado .tira .dates .pricing .price {
  font-size: 24px;
  line-height: 100%;
  color: #fff;
  font-family: "Inter", system-ui;
}
.h-destacado .tira .dates .pricing .price span {
  font-size: 16px;
}
@media (max-width: 1023px) {
  .h-destacado .tira {
    display: block;
    padding: 0;
  }
  .h-destacado .tira .tit {
    border-left: none;
    padding: 10px 0;
    line-height: 28px;
    font-size: 24px;
    margin-bottom: 10px;
  }
  .h-destacado .tira .dates {
    padding: 20px 20px;
    display: block;
    margin-bottom: 20px;
  }
  .h-destacado .tira .dates .text {
    margin-bottom: 10px;
  }
  .h-destacado .tira .btn {
    width: 100%;
    justify-content: center;
  }
}
.box {
  background: #fff;
  border-radius: 24px;
  padding: 30px;
  margin: 0 0 30px 0;
}
.box .tit-box {
  color: #1c2027;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 20px 0;
  padding: 0;
}
@media (max-width: 1023px) {
  .box {
    padding: 30px 20px;
  }
  .box .tit-box {
    font-size: 18px;
    line-height: 26px;
    border-bottom: solid 1px #4C5970;
    padding-bottom: 10px;
  }
}
.table {
  display: block;
  width: 100%;
  font-family: "Inter", system-ui;
}
.table .heading {
  display: grid;
  grid-template-columns: 30% 25% 20% 25%;
  font-weight: bold;
  border-bottom: solid 1px #4C5970;
  color: #1c2027;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  padding: 5px 0;
}
.table .heading .cell {
  padding: 0;
}
.table .row {
  display: grid;
  grid-template-columns: 30% 25% 20% 25%;
  border-bottom: solid 1px #4C5970;
}
.table .cell {
  padding: 20px 0;
}
.table .cell.tright {
  text-align: right;
}
@media (max-width: 1023px) {
  .table .heading {
    display: none;
  }
  .table .row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .table .cell {
    flex: 0 0 100%;
    max-width: 100%;
    order: 0;
    padding: 0 0 5px 0;
  }
  .table .cell.precio {
    order: 98;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .table .cell.botones {
    order: 99;
  }
}
.hospedaje .hname {
  color: #1c2027;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 4px 0;
  padding: 0;
}
@media (max-width: 1023px) {
  .hospedaje .hname {
    text-align: left;
    display: flex;
    align-items: center;
  }
  .hospedaje .hname:before {
    content: ' ';
    width: 20px;
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 2px 0 0;
    background-image: url('https://static.viajobien.com/image/vb40/img/ic-hoteles.svg');
  }
}
.hospedaje .htag {
  display: inline-flex;
  background: #92FFB8;
  padding: 0 10px;
  border-radius: 12px;
  line-height: 24px;
  font-size: 12px;
  margin: 0 0 5px 0;
  font-family: "Inter", system-ui;
}
.hospedaje .stars {
  display: flex;
  align-items: center;
  margin: 0 0 4px 0;
}
.hospedaje .stars span {
  width: 20px;
  height: 20px;
  margin: 0 3px 0 0;
  background: url('https://static.viajobien.com/image/vb40/img/ic-star.svg') center center no-repeat;
}
.hospedaje .htipo {
  color: #4C5970;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 4px 0;
  padding: 0;
}
.hospedaje .hpin {
  background: url('https://static.viajobien.com/image/vb40/img/ic-pin.svg') left center no-repeat;
  background-size: 16px;
  color: #1c2027;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 0 0 0 20px;
}
.hospedaje .hpin:hover {
  color: #805aff;
}
@media (max-width: 1023px) {
  .hospedaje {
    margin-top: 20px;
  }
}
.hreg {
  color: #1c2027;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 4px 0;
  padding: 0;
}
.hpricing {
  text-align: right;
  padding: 5px 0;
}
.hpricing .ahorro {
  display: inline-flex;
  background: #92FFB8;
  padding: 0 10px;
  border-radius: 4px;
  line-height: 24px;
  font-size: 12px;
  margin: 0 0 5px 0;
  font-family: "Inter", system-ui;
}
@media (max-width: 1023px) {
  .hpricing .ahorro {
    font-size: 14px;
  }
}
.hpricing .before {
  color: #7d8ead;
  padding: 0;
  border-radius: 4px;
  line-height: 110%;
  font-size: 14px;
  margin: 0 0 5px 0;
  font-family: "Inter", system-ui;
}
.hpricing .before span {
  text-decoration: line-through;
}
@media (max-width: 1023px) {
  .hpricing .before {
    font-size: 16px;
  }
}
.hpricing .pago {
  font-size: 12px;
  line-height: 100%;
  margin: 0 0 5px 0;
  font-family: "Inter", system-ui;
}
@media (max-width: 1023px) {
  .hpricing .pago {
    font-size: 14px;
  }
}
.hpricing .price {
  font-size: 24px;
  line-height: 100%;
  font-family: "Inter", system-ui;
}
.hpricing .price span {
  font-size: 16px;
}
@media (max-width: 1023px) {
  .hpricing .price {
    font-size: 30px;
  }
  .hpricing .price span {
    font-size: 18px;
  }
}
.hpricing .doble {
  font-size: 12px;
  line-height: 100%;
  margin: 0 0 5px 0;
  font-family: "Inter", system-ui;
}
@media (max-width: 1023px) {
  .hpricing .doble {
    font-size: 14px;
  }
}
.hpricing .legal {
  font-size: 10px;
  line-height: 110%;
  margin: 0 0 5px 0;
  color: #4c5970;
  font-family: "Inter", system-ui;
}
@media (max-width: 1023px) {
  .hpricing .legal {
    font-size: 12px;
  }
}
@media (max-width: 1023px) {
  .hpricing {
    text-align: left;
  }
}
.hbtns {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.hbtns .btn {
  margin-bottom: 10px;
}
@media (max-width: 1023px) {
  .hbtns {
    align-items: flex-start;
  }
  .hbtns .btn {
    width: 100%;
    justify-content: center;
  }
}
.hhiden {
  display: none;
}
.hmap {
  display: block;
  margin: 40px 0 20px 0;
  border-radius: 24px;
  overflow: hidden;
}
.hmap img {
  display: block;
  width: 100%;
}
.htabs-items {
  display: none;
}
.htabs-items.active {
  display: block;
}
/*.htabs-area {
	display: flex;
	align-items: center;
	gap: 20px;
}


.tab-btn {
	color: @textColor;
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	margin: 0 0 20px 0;
	padding: 0;
	@media (max-width: 1023px) {
		font-size: 18px;
		line-height: 26px;
	}
}
.tab-btn.active {
  font-weight: 600;
  border-bottom: 1px solid @textColor;
}
*/
.htabs-area {
  display: flex;
  border-bottom: 1px solid #ddd;
  padding: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
  margin: 0 0 30px 0;
}
@media (max-width: 900px) {
  .htabs-area {
    gap: 10px;
  }
}
.tab-btn {
  padding: 10px 40px 10px 0;
  color: #1c2027;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  cursor: pointer;
  position: relative;
  transition: color 0.2s ease;
}
@media (max-width: 900px) {
  .tab-btn {
    padding: 10px;
    font-size: 14px;
  }
}
.tab-btn.active {
  color: #1c2027;
  font-weight: 600;
}
.tab-btn.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background-color: #805aff;
  border-radius: 1px;
}
.hrich {
  font-family: "Inter", system-ui;
  color: #1c2027;
}
@media (min-width: 900px) {
  .hrich {
    max-width: 60%;
  }
}
@media (max-width: 1024px) {
  .hrich {
    margin-bottom: 80px;
  }
}
.hrich p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin: 0 0 24px 0;
}
.hrich p a {
  color: #ff7e56;
}
.hrich p a:hover {
  text-decoration: underline;
}
.hrich h4 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin: 0 0 24px 0;
  padding: 0;
}
.hrich ul {
  list-style-type: disc;
  padding-left: 20px;
  margin: 0 0 24px 0;
}
.hrich ul li {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  list-style-type: disc;
}
.hacordeon {
  margin-bottom: 20px;
}
.hacordeon .acord-item {
  cursor: pointer;
  font-size: 16px;
  padding: 5px 0;
  text-transform: uppercase;
  margin-top: 5px;
  font-weight: 600;
  display: flex;
  align-items: center;
  position: relative;
}
.hacordeon .acord-item i {
  font-style: normal;
  color: #805aff;
  margin-right: 5px;
  text-transform: none;
  min-width: 60px;
}
.hacordeon .acord-item .arrow {
  width: 10px;
  height: 5px;
  margin-left: 10px;
  background-image: url('https://static.viajobien.com/image/vb40/img/ic-arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
}
@media (max-width: 1023px) {
  .hacordeon .acord-item {
    display: block;
    font-size: 14px;
  }
  .hacordeon .acord-item i {
    display: block;
  }
  .hacordeon .acord-item .arrow {
    display: block;
    position: absolute;
    right: 0;
    top: 45%;
  }
}
.hacordeon .acord-item.open .arrow {
  transform: rotate(180deg);
}
.hacordeon .acord-content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.4s ease;
}
.hacordeon .acord-content.open {
  max-height: 1900px;
  /* ajustar según necesidad */

  opacity: 1;
}
.medios-pago {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 800px;
  gap: 15px;
  margin: 0 auto;
}
.medios-pago img {
  display: block;
  width: 100%;
}
.top-image {
  display: block;
  border-radius: 24px;
  overflow: hidden;
}
.top-image img {
  display: block;
  width: 100%;
}
/*****/
.dflex {
  display: flex;
}
.error-page {
  padding: 70px 0;
  display: block;
}
.error-page .tit-error {
  font-weight: 400;
  font-size: 34px;
  padding: 0;
  margin: 0 0 30px 0;
  line-height: 100%;
  color: #0b0b0b;
  position: relative;
}
.error-page .tx-error {
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  font-family: "Inter", system-ui;
  margin: 0 0 60px 0;
  padding: 0;
}
.regresiva {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  max-width: 360px;
  margin: 0 auto;
  background: #805aff;
  padding: 20px;
  border-radius: 24px;
}
.regresiva .unidad {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.regresiva .unidad span {
  font-size: 40px;
  font-weight: 600;
}
.regresiva .unidad small {
  font-size: 12px;
  text-transform: uppercase;
}
.landing-tabs {
  display: flex;
  border-bottom: 1px solid #805aff;
  background: #fafaff;
  padding: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
  margin: 0 0 30px 0;
}
@media (max-width: 900px) {
  .landing-tabs {
    gap: 10px;
  }
}
.landtab {
  padding: 10px 40px;
  font-size: 16px;
  font-weight: 400;
  color: #4C5970;
  cursor: pointer;
  position: relative;
  transition: color 0.2s ease;
}
.landtab .per {
  font-weight: 700;
}
@media (max-width: 900px) {
  .landtab {
    padding: 10px;
    font-size: 14px;
  }
}
.landtab.active {
  color: #fff;
  font-weight: 600;
  background: #805aff;
  border-radius: 16px 16px 0 0;
}
.landtab.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background-color: #805aff;
  border-radius: 1px;
}
.tab-zona {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  position: absolute;
  /* para que no ocupe espacio mientras se oculta */

  width: 100%;
}
.tab-zona.active {
  opacity: 1;
  visibility: visible;
  position: static;
}
.zonas-tabs {
  position: relative;
}
.oferta-bancos {
  display: flex;
  gap: 20px;
  margin-top: 100px;
}
.oferta-bancos .destacado {
  min-width: 200px;
  max-width: 200px;
  width: 200px;
  padding: 20px;
  border: solid 1px #805aff;
}
@media (max-width: 600px) {
  .oferta-bancos .destacado {
    min-width: 120px;
    max-width: 120px;
    width: 120px;
  }
}
.bancos-carrusel {
  width: 80%;
}
@media (max-width: 600px) {
  .bancos-carrusel {
    width: 60%;
  }
}
.bco {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bco img {
  max-width: 80px;
}
.bco p {
  color: #ff7e56;
  font-weight: 500;
  padding: 4px 0;
}
.bco small {
  font-size: 12px;
  color: #4C5970;
}
.bco-slider {
  position: relative;
  padding: 20px 0 0 0;
}
.bco-slider.owl-theme .owl-dots {
  position: absolute;
  width: 100%;
  bottom: -30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bco-slider.owl-theme .owl-dots .owl-dot span {
  margin: 0 5px;
}
.bco-slider.owl-theme .owl-dots .owl-dot span {
  background: #4C5970;
  width: 6px;
  height: 6px;
}
.bco-slider.owl-theme .owl-dots .owl-dot.active span {
  background: #4C5970;
  width: 10px;
  height: 10px;
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color: #ff7e56;
}
.secure {
  padding: 20px 0;
  max-width: 60%;
}
@media (max-width: 1023px) {
  .secure {
    max-width: 100%;
  }
}
.secure h6 {
  color: #777;
  font-weight: 700;
  font-size: 14px;
  margin: 0 0 10px 0;
  padding: 0 0 0 20px;
  background: url('https://static.viajobien.com/image/vb40/img/ic-lock.svg') left center no-repeat;
  background-size: 15px;
}
.secure p {
  color: #777;
  font-weight: 400;
  font-size: 12px;
  padding: 0 0 0 20px;
}
/***** PAGINADOR RESULTADOS *****/
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 20px 0;
  margin-top: 30px;
  font-family: "Inter", system-ui;
}
.page-btn {
  width: 40px;
  height: 40px;
  border: 1px solid #d0d7de;
  background: transparent;
  border-radius: 6px;
  color: #3a3a3a;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.page-btn:hover {
  border-color: #6c7a89;
}
.page-btn.active {
  border-color: #3b5b90;
  background: #f8faff;
  font-weight: 700;
  color: #1a1a1a;
}
.page-btn.prev,
.page-btn.next {
  font-size: 25px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #eee;
  width: 44px;
  height: 44px;
  line-height: 39px;
  display: flex;
  justify-content: center;
  padding: 0;
}
.page-btn.prev:hover,
.page-btn.next:hover {
  box-shadow: 0 0 0 1px #bbb;
}
.seo-texts {
  padding: 30px 0;
}
.seo-texts p {
  color: #444;
  font-size: 14px;
  line-height: 120%;
  padding: 0;
  margin: 0 0 20px 0;
}
.seo-texts p a {
  color: #805aff;
  text-decoration: none;
}
.seo-texts p a:hover {
  text-decoration: underline;
}
/***** animaciones ****/
.fadeIn {
  opacity: 0 !important;
  transition: ease 1.5s all;
}
.fadeIn.active {
  opacity: 1 !important;
}
.fadeInUp {
  transform: translateY(150px);
  opacity: 0 !important;
  transition: ease 1.5s all;
}
.InUp {
  transform: translateY(250px);
  opacity: 1 !important;
  visibility: hidden;
  transition: ease 0.5s all;
}
.fadeInUp.active {
  transform: translateY(0);
  opacity: 1 !important;
}
.InUp.active {
  transform: translateY(0);
  visibility: visible;
}
.fadeInDown {
  transform: translateY(-150px);
  opacity: 0 !important;
  transition: ease 1.5s all;
}
.fadeInDown.active {
  transform: translateY(0);
  opacity: 1 !important;
}
.fadeInRight {
  transform: translateX(150px);
  opacity: 0 !important;
  transition: ease 1.5s all;
}
.fadeInRight.active {
  transform: translatex(0);
  opacity: 1 !important;
}
.fadeInLeft {
  transform: translateX(-150px);
  opacity: 0 !important;
  transition: ease 1.5s all;
}
.fadeInLeft.active {
  transform: translatex(0);
  opacity: 1 !important;
}
/********** Modal Ligth Gallery Customize ******/
.lg-backdrop {
  background-color: #000000cf;
}
/***** inputs custom ***/
.mobonly {
  display: none !important;
}
.deskonly {
  display: block !important;
}
@media (max-width: 1023px) {
  .mobonly {
    display: block !important;
  }
  .deskonly {
    display: none !important;
  }
}
@media (max-width: 700px) {
  .modulo {
    padding: 40px 0;
  }
  .page-content {
    padding-top: 110px;
  }
}
@media (min-width: 1024px) {
  
}
.despetit {
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  margin: 0;
  padding: 0 0 20px 0;
  display: block;
}
.mini-card {
  background: #fff;
  border-radius: 30px;
  padding: 20px;
  margin-bottom: 20px;
  position: relative;
}
.mini-card .tit {
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 8px 0;
  padding: 0;
  text-align: left;
  color: #000;
}
.mini-card .pricing .before {
  color: #7d8ead;
  padding: 0;
  border-radius: 4px;
  line-height: 110%;
  font-size: 14px;
  margin: 0 0 5px 0;
  font-family: "Inter", system-ui;
}
.mini-card .pricing .before span {
  text-decoration: line-through;
}
.mini-card .pricing .pago {
  font-size: 12px;
  line-height: 100%;
  margin: 0 0 5px 0;
  font-family: "Inter", system-ui;
}
.mini-card .pricing .price {
  font-size: 24px;
  line-height: 100%;
  font-family: "Inter", system-ui;
}
.mini-card .pricing .price span {
  font-size: 16px;
}
@media (max-width: 900px) {
  .mini-card .pricing .pago {
    font-size: 14px;
  }
}
.vermas-paq {
  position: absolute;
  z-index: 3;
  bottom: 20px;
  right: 20px;
  color: #444;
  font-weight: 400;
  font-size: 16px;
  padding: 0 20px 2px 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.vermas-paq::after {
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  width: 14px;
  height: 14px;
  background: url('https://static.viajobien.com/image/vb40/img/select-arrow2.svg') center no-repeat;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}
/* cuando está abierto, rotamos el pseudo-elemento */
.vermas-paq.open::after {
  transform: rotate(180deg);
}
.card-despleg {
  overflow: hidden;
  display: block;
  max-height: 0px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.card-despleg.open {
  max-height: 2500px;
}
.expired-box {
  display: grid;
  grid-template-columns: 350px 1fr;
  gap: 20px;
  background: #fff;
  border-radius: 30px;
  padding: 30px;
  margin: 20px auto;
  position: relative;
}
.expired-box .vector img {
  display: block;
  width: 100%;
}
@media (max-width: 1023px) {
  .expired-box {
    display: flex;
    flex-direction: column;
  }
  .expired-box .vector {
    max-width: 300px;
  }
  .expired-box .hrich {
    margin-bottom: 0;
  }
}
.dh {
  display: flex;
  flex-direction: column;
}
.header {
  display: block;
  width: 100%;
  z-index: 98;
  padding: 10px 0;
  background: #fafafa;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.header .logo {
  width: 174px;
}
.header .logo img {
  display: block;
  width: 100%;
}
.header.stiky {
  box-shadow: 0 2px 10px 0 #ccc;
}
.satelite {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.satelite .sat-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.satelite .call {
  display: flex;
  align-items: center;
  background: rgba(128, 90, 255, 0.3);
  color: #2e343f;
  font-size: 20px;
  border-radius: 40px;
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  margin-right: 110px;
}
.satelite .call:before {
  content: ' ';
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background: url(https://static.viajobien.com/image/vb40/img/ic-call.svg);
}
.satelite .call:hover {
  background: rgba(128, 90, 255, 0.8);
}
.content-swich {
  margin: 0 auto;
  position: relative;
}
.select-pais {
  position: fixed;
  z-index: 100;
  top: 20px;
  left: 50%;
  margin: 0 0 0 610px;
}
.select-pais .pais {
  display: flex;
  align-items: center;
  color: #1c2027;
  font-size: 12px;
}
.select-pais .pais .flag {
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
.select-pais .pais .flag.ar {
  background: url(https://static.viajobien.com/image/vb40/flags/flag-ar.svg);
}
.select-pais .pais .flag.ch {
  background: url(https://static.viajobien.com/image/vb40/flags/flag-ch.png);
}
.select-pais .pais .flag.co {
  background: url(https://static.viajobien.com/image/vb40/flags/flag-co.png);
}
.select-pais .pais .flag.pa {
  background: url(https://static.viajobien.com/image/vb40/flags/flag-pa.png);
}
.select-pais .pais .flag.pe {
  background: url(https://static.viajobien.com/image/vb40/flags/flag-pe.png);
}
.select-pais .pais .flag.uy {
  background: url(https://static.viajobien.com/image/vb40/flags/flag-uy.png);
}
.select-pais .pais.current:after {
  content: ' ';
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background: url(https://static.viajobien.com/image/vb40/img/ic-down.svg) center center no-repeat;
}
.select-pais .sub-pais {
  position: absolute;
  background: #fafafa;
  padding: 5px 15px;
  left: -5px;
  top: 24px;
  display: none;
}
.select-pais .sub-pais .pais {
  margin: 5px 0;
}
/*.select-pais:hover .sub-pais {
	display: block;
}*/
.select-pais.open .sub-pais {
  display: block;
}
.menu-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 99;
  width: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  top: 100px;
}
.menu-nav.stiky {
  top: 10px;
}
.menu-nav.fijo {
  top: 10px;
}
.menu-nav.fijo.stiky {
  top: 10px;
}
.menu-nav .menu {
  display: flex;
  align-items: center;
  gap: 4px;
  background: rgba(28, 32, 39, 0.6);
  border-radius: 40px;
  height: 48px;
  padding: 0 4px;
}
.menu-nav .menu a {
  color: #fff;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  display: flex;
  padding: 0 15px;
}
.menu-nav .menu a.active {
  background: #805AFF;
}
.menu-nav .menu a.active:hover {
  background: #805aff;
}
.menu-nav .menu a:hover {
  background: rgba(128, 90, 255, 0.5);
}
/*** RESPONSIVE ****/
.hamburger,
.redes-top,
.name-tit,
.items-mobile {
  display: none;
}
@media (max-width: 1390px) {
  .select-pais {
    left: auto;
    right: 20px;
    margin: 0;
  }
}
@media (max-width: 1024px) {
  .hamburger {
    position: fixed;
    top: 12px;
    right: 20px;
    margin: 0;
    padding: 0px;
    cursor: pointer;
    z-index: 999;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: solid 1px #805aff;
  }
  .hamburger .hamburger-inner {
    position: relative;
    height: 18px;
    width: 20px;
    display: block;
    margin: 0;
    padding: 0;
  }
  .hamburger .bar {
    width: 20px;
    height: 2px;
    background: #1c2027;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .hamburger.open .bar {
    background: #1c2027;
  }
  .hamburger .bar.bar2,
  .hamburger .bar.bar3 {
    top: 7px;
    transform: matrix(0.99999, 0, 0, 0.99999, 0, 0);
  }
  .hamburger .bar.bar4 {
    top: 14px;
  }
  .hamburger.open .bar1,
  .hamburger.open .bar4 {
    opacity: 0;
  }
  .hamburger.open .bar2 {
    height: 2px;
    transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 0);
  }
  .hamburger.open .bar3 {
    height: 2px;
    transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, 0);
  }
  .satelite .call {
    display: none;
  }
  .select-pais .pais {
    margin-right: 34px;
  }
  .menu-nav {
    display: block;
    background: #fafafa;
    left: 0;
    right: 0;
    top: 60px;
    overflow: hidden;
    max-height: 0;
  }
  .menu-nav.open {
    max-height: 1200px;
  }
  .menu-nav.stiky {
    top: 60px;
  }
  .menu-nav .menu {
    display: block;
    background: none;
    border-radius: 0;
    height: auto;
    padding: 0 4px;
  }
  .menu-nav .menu a {
    color: #1c2027;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    border-radius: 0;
    padding: 0 15px;
    border-bottom: solid 1px #7d8ead;
  }
  .menu-nav .menu a.active {
    background: transparent;
  }
  .items-mobile {
    display: block;
    padding: 20px 10px;
  }
  .items-mobile .logo-v {
    margin: 0 auto;
    text-align: center;
  }
  .items-mobile .logo-v img {
    max-width: 110px;
    margin: 0 auto;
  }
  .items-mobile .redes a {
    width: 30px;
    height: 30px;
  }
  .items-mobile .redes a img {
    max-width: 16px;
    max-height: 17px;
  }
  .items-mobile .sub-foot {
    padding: 20px 0;
    margin: 20px 0;
  }
}
@media (max-width: 500px) {
  
}
.suscribe {
  position: relative;
  display: block;
  margin: 20px auto;
  padding: 0 0 50px 0;
  max-width: 814px;
}
.suscribe .input {
  border-radius: 80px;
  height: 88px;
  width: 100%;
  display: block;
  border: solid 1px #7d8ead;
  color: #1c2027;
  font-size: 20px;
  text-indent: 55px;
  background: url(https://static.viajobien.com/image/vb40/img/ic-email.svg) 25px center no-repeat;
  font-family: "Inter", system-ui;
}
.suscribe .btn {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 2;
}
.footer {
  background: rgba(162, 188, 255, 0.1);
  border-radius: 32px;
  padding: 40px;
  margin: 0 20px;
  display: block;
}
.footer .links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 10px;
}
.footer .links img {
  max-height: 40px;
}
.redes {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.redes a {
  width: 40px;
  height: 40px;
  border: solid 1px #2e343f;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
.redes a:hover {
  background: rgba(162, 188, 255, 0.5);
}
.redes a img {
  max-width: 20px;
}
.sub-foot {
  border-top: solid 1px #7d8dae;
  border-bottom: solid 1px #7d8dae;
  padding: 50px 0;
  margin: 40px 0;
}
.sub-foot .ne {
  font-size: 24px;
  line-height: 100%;
  margin: 0 0 10px 0;
  padding: 0;
}
.sub-foot .te {
  font-size: 32px;
  line-height: 100%;
  margin: 0 0 0 0;
  padding: 0;
}
.sub-foot .te a {
  color: #1c2027;
}
.sub-foot .le {
  font-size: 16px;
  line-height: 100%;
  margin: 0 0 20px 0;
  padding: 0;
  color: #4c5970;
}
.legal {
  color: #4c5970;
  font-size: 14px;
  line-height: 110%;
  margin-bottom: 40px;
  padding: 0;
  font-family: "Inter", system-ui;
}
.legal.tright {
  text-align: right;
}
.legal a {
  color: #4c5970;
}
.legal a:hover {
  text-decoration: underline;
}
@media (max-width: 1023px) {
  .redes {
    display: flex;
    align-items: center;
    flex-direction: row;
    float: none;
    justify-content: center;
  }
  .suscribe .btn {
    position: relative;
    right: auto;
    top: auto;
    display: block;
    width: 100%;
    margin: 20px 0 0 0;
  }
  .suscribe .input {
    border-radius: 60px;
    height: 60px;
    font-size: 16px;
  }
  .logo-foot {
    display: block;
    margin: 0 auto 20px;
    text-align: center;
  }
  .footer {
    padding: 40px 0;
  }
  .legal {
    font-size: 12px;
  }
  .legal.tright {
    text-align: left;
  }
  .sub-foot .ne {
    font-size: 20px;
  }
  .sub-foot .te {
    font-size: 24px;
  }
  .footer .links {
    justify-content: flex-start;
  }
}
@media (max-width: 500px) {
  
}
.sep {
  display: block;
  width: 100%;
  height: 1px;
  background: #C8CFDE;
  margin: 20px 0;
}
.ftit {
  font-size: 20px;
  font-weight: 400;
  line-height: 110%;
  margin: 0;
  padding: 0 0 20px 0;
  display: block;
}
.fsubtit {
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  margin: 0;
  padding: 0 0 20px 0;
  display: block;
}
.fsubtit.mtop20 {
  margin-top: 20px;
}
.thks {
  display: inline-flex;
  background: #92FFB8;
  padding: 10px 15px;
  border-radius: 4px;
  line-height: 32px;
  font-size: 20px;
  margin: 0 0 20px 0;
  font-family: "Inter", system-ui;
}
.expired {
  display: inline-flex;
  background: #de4f4f;
  color: #fff;
  padding: 10px 15px;
  border-radius: 4px;
  line-height: 32px;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 40px 0;
}
.generic-form {
  margin-bottom: 40px;
}
.form-group {
  position: relative;
  margin-bottom: 20px;
}
.form-group.mtop20 {
  margin-top: 20px;
}
.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  font-size: 14px;
  padding: 22px 0.75em 0.4em;
  border: 1px solid #C8CFDE;
  border-radius: 6px;
  background: #fff;
  outline: none;
  appearance: none;
  font-family: "Inter", system-ui;
}
.form-group textarea {
  min-height: 140px;
  resize: none;
}
.form-group input[type="date"] {
  padding: 10px 12px;
  font-size: 14px;
  padding: 22px 0.75em 0.4em;
  border: 1px solid #C8CFDE;
  border-radius: 8px;
  color: #111827;
  background-color: #fff;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.form-group input[type="date"]:hover,
.form-group input[type="date"]:focus {
  border-color: #6366f1;
  /* Indigo-500 */

  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
  outline: none;
}
.form-group label {
  position: absolute;
  left: 0.65em;
  top: 7px;
  background: white;
  padding: 0 0.25em;
  color: #777;
  font-size: 0.75rem;
  pointer-events: none;
  transition: all 0.2s ease;
}
.form-group input:focus + label,
.form-group input:not(:placeholder-shown) + label,
.form-group textarea:focus + label,
.form-group select:focus + label,
.form-group select:valid + label {
  top: -0.6em;
  left: 0.65em;
  font-size: 0.75rem;
  color: #333;
}
.select-group {
  position: relative;
}
.select-group::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  font-size: 1em;
  color: #666;
  pointer-events: none;
  background: url('https://static.viajobien.com/image/vb40/img/select-arrow.svg') center center no-repeat;
  width: 12px;
  height: 7px;
}
.basic-container input[type="radio"] {
  appearance: none;
  width: 18px;
  height: 18px;
  border: 1px solid #4C5970;
  border-radius: 50%;
  /* círculo para radio */

  margin-right: 10px;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  transition: all 0.2s ease;
}
.basic-container input[type="radio"]:checked {
  border-color: #4C5970;
  background-color: #805aff;
}
.basic-container input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: white;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.basic-container label {
  font-weight: 400;
  font-size: 14px;
  color: #4C5970;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
  transition: all 0.2s ease;
}
.basic-container input[type="radio"]:checked + label {
  color: #4C5970;
}
.basic-container input[type="checkbox"] {
  appearance: none;
  width: 18px;
  height: 18px;
  border: 1px solid #4C5970;
  border-radius: 4px;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.basic-container input[type="checkbox"]:checked {
  border-color: #4C5970;
  background-color: #805aff;
}
.basic-container input[type="checkbox"]:checked::after {
  content: "✓";
  position: absolute;
  color: white;
  font-size: 11px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
}
.basic-container label {
  font-weight: 400;
  font-size: 14px;
  color: #4C5970;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.basic-container input[type="checkbox"]:checked + label {
  color: #4C5970;
}
/*****/
.wizard-tabs {
  display: flex;
  border-bottom: 1px solid #ddd;
  background: #fafaff;
  padding: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
  margin: 0 0 30px 0;
}
@media (max-width: 900px) {
  .wizard-tabs {
    gap: 10px;
  }
}
.wztab {
  padding: 10px 40px;
  font-size: 16px;
  font-weight: 500;
  color: #4C5970;
  cursor: pointer;
  position: relative;
  transition: color 0.2s ease;
}
@media (max-width: 900px) {
  .wztab {
    padding: 10px;
    font-size: 14px;
  }
}
.wztab.active {
  color: #1c2027;
  font-weight: 600;
}
.wztab.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background-color: #805aff;
  border-radius: 1px;
}
.step-content {
  display: none;
}
.step-content.active {
  display: block;
}
.wztit {
  color: #1C2027;
  font-size: 20px;
  line-height: 110%;
  font-weight: 400;
  padding: 0;
  margin: 0 0 30px 0;
}
.wztit span {
  color: #805aff;
  font-weight: 600;
}
#asist,
#coment,
#hoteleria {
  display: none;
}
.list-hotel {
  display: flex;
  align-items: center;
  gap: 20px;
  border: solid 1px #C8CFDE;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 20px;
}
.list-hotel p {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  display: flex;
  gap: 4px;
  font-family: "Inter", system-ui;
  color: #4C5970;
}
.list-hotel p:before {
  content: ' ';
  width: 20px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
}
.list-hotel p.fech:before {
  background-image: url('https://static.viajobien.com/image/vb40/img/ic-calendar.svg');
}
.list-hotel p.hab:before {
  background-image: url('https://static.viajobien.com/image/vb40/img/ic-media-pension.svg');
}
@media (max-width: 1023px) {
  .list-hotel {
    display: block;
  }
  .list-hotel p {
    margin-bottom: 10px;
  }
}
.sugest {
  padding: 30px 0 0 0;
}
.sugesttit {
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  margin: 0;
  padding: 0 0 20px 0;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.sugesttit.mtop20 {
  margin-top: 20px;
}
.sugesttit:after {
  content: " ";
  position: relative;
  font-size: 1em;
  color: #666;
  pointer-events: none;
  background: url('https://static.viajobien.com/image/vb40/img/select-arrow.svg') center center no-repeat;
  width: 12px;
  height: 7px;
  margin-left: 10px;
  transition: all 0.4s ease;
}
.sugesttit.open:after {
  transform: rotate(180deg);
}
.sugest-cont {
  background: #fff;
  border-radius: 20px;
  padding: 0 40px;
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s ease;
}
@media (max-width: 900px) {
  .sugest-cont {
    padding: 0;
  }
}
.sugest-cont.show {
  padding: 20px 40px;
  max-height: 450px;
  /* suficientemente alto para todo el contenido */

}
@media (max-width: 900px) {
  .sugest-cont.show {
    padding: 0 0 40px 0;
  }
}
.sugest-slider {
  position: relative;
}
.sugest-slider.owl-theme .owl-dots {
  position: absolute;
  width: 100%;
  bottom: -20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sugest-slider.owl-theme .owl-dots .owl-dot span {
  margin: 0 5px;
}
.sugest-slider.owl-theme .owl-dots .owl-dot span {
  background: #1C2027;
  width: 6px;
  height: 6px;
}
.sugest-slider.owl-theme .owl-dots .owl-dot.active span {
  background: #141416;
  width: 10px;
  height: 10px;
}
.sugest-slider .item {
  display: flex;
}
@media (max-width: 599px) {
  .sugest-slider .item {
    display: block;
  }
}
.scard {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #FAFAFF;
  border-radius: 20px;
  overflow: hidden;
}
.scard .image {
  border-radius: 20px;
  overflow: hidden;
}
@media (min-width: 600px) {
  .scard .image {
    max-width: 94px;
    min-width: 94px;
  }
}
.scard .info {
  padding: 0;
  height: 94px;
}
.scard .info .tit {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  margin: 20px 0 5px 0;
  color: #1c2027;
}
.scard .info .price {
  font-family: "Inter", system-ui;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  margin: 0 0 5px 0;
  color: #1c2027;
}
.scard .info .legal {
  font-family: "Inter", system-ui;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #4C5970;
}
@media (max-width: 599px) {
  .scard {
    display: block;
    padding: 20px;
  }
  .scard .image {
    width: 100%;
  }
}
/**** HOME ***/
.hero {
  overflow: hidden;
  border-radius: 32px;
  widows: 100%;
  height: auto;
}
@media (max-width: 760px) {
  
}
.hero-slider {
  position: relative;
}
.hero-slider .item {
  display: flex;
  align-items: center;
}
.hero-slider .item picture {
  position: relative;
  z-index: 1;
}
.hero-slider .item .info {
  position: absolute;
  z-index: 3;
  padding: 0 0 60px 100px;
  max-width: 50%;
}
.hero-slider .item .info h1 {
  color: #fff;
  font-size: 64px;
  font-weight: 600;
  line-height: 100%;
  margin: 0;
}
.hero-slider .item:after {
  content: ' ';
  display: block;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: #4b1e98;
  background: linear-gradient(90deg, rgba(75, 30, 152, 0.4542191876750701) 0%, rgba(33, 118, 231, 0) 100%);
}
.hero-slider.owl-theme .owl-nav {
  margin: 0;
}
.hero-slider.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  background: url('https://static.viajobien.com/image/vb40/img/ic-next.svg') center center no-repeat #ffffff;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  top: 50%;
  right: 15px;
}
.hero-slider.owl-carousel .owl-nav button.owl-next span {
  display: none;
}
.hero-slider.owl-carousel .owl-nav button.owl-next:hover {
  opacity: 0.7;
}
.hero-slider.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  background: url('https://static.viajobien.com/image/vb40/img/ic-prev.svg') center center no-repeat #ffffff;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  top: 50%;
  left: 15px;
}
.hero-slider.owl-carousel .owl-nav button.owl-prev span {
  display: none;
}
.hero-slider.owl-carousel .owl-nav button.owl-prev:hover {
  opacity: 0.7;
}
.hero-slider.owl-theme .owl-dots {
  position: absolute;
  width: 100%;
  bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-slider.owl-theme .owl-dots .owl-dot span {
  background: #1C2027;
  width: 8px;
  height: 8px;
}
.hero-slider.owl-theme .owl-dots .owl-dot.active span {
  background: #fff;
  width: 12px;
  height: 12px;
}
.tags-area {
  margin-top: 146px;
  padding-bottom: 20px;
}
.modulo-promociones {
  display: block;
  padding: 0 0 40px 0;
}
.promos-slider {
  position: relative;
}
.promos-slider.owl-theme .owl-nav,
.especiales-slider.owl-theme .owl-nav,
.destinos-slider.owl-theme .owl-nav,
.comentarios-slider.owl-theme .owl-nav,
.sugest-slider.owl-theme .owl-nav {
  margin: 0;
}
.promos-slider.owl-carousel .owl-nav button.owl-next,
.especiales-slider.owl-carousel .owl-nav button.owl-next,
.destinos-slider.owl-carousel .owl-nav button.owl-next,
.comentarios-slider.owl-carousel .owl-nav button.owl-next,
.sugest-slider.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  background: url('https://static.viajobien.com/image/vb40/img/ic-next.svg') center center no-repeat #ffffff;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  margin-top: -18px;
  top: 50%;
  right: -55px;
}
.promos-slider.owl-carousel .owl-nav button.owl-next span,
.especiales-slider.owl-carousel .owl-nav button.owl-next span,
.destinos-slider.owl-carousel .owl-nav button.owl-next span,
.comentarios-slider.owl-carousel .owl-nav button.owl-next span,
.sugest-slider.owl-carousel .owl-nav button.owl-next span {
  display: none;
}
.promos-slider.owl-carousel .owl-nav button.owl-next:hover,
.especiales-slider.owl-carousel .owl-nav button.owl-next:hover,
.destinos-slider.owl-carousel .owl-nav button.owl-next:hover,
.comentarios-slider.owl-carousel .owl-nav button.owl-next:hover,
.sugest-slider.owl-carousel .owl-nav button.owl-next:hover {
  opacity: 0.7;
}
.destinos-slider.owl-carousel .owl-nav button.owl-next,
.destinos-slider.owl-carousel .owl-nav button.owl-prev {
  margin-top: -18px;
}
.promos-slider.owl-carousel .owl-nav button.owl-prev,
.especiales-slider.owl-carousel .owl-nav button.owl-prev,
.destinos-slider.owl-carousel .owl-nav button.owl-prev,
.sugest-slider.owl-carousel .owl-nav button.owl-prev,
.comentarios-slider.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  background: url('https://static.viajobien.com/image/vb40/img/ic-prev.svg') center center no-repeat #ffffff;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  margin-top: -18px;
  top: 50%;
  left: -55px;
}
.promos-slider.owl-carousel .owl-nav button.owl-prev span,
.especiales-slider.owl-carousel .owl-nav button.owl-prev span,
.destinos-slider.owl-carousel .owl-nav button.owl-prev span,
.sugest-slider.owl-carousel .owl-nav button.owl-prev span,
.comentarios-slider.owl-carousel .owl-nav button.owl-prev span {
  display: none;
}
.promos-slider.owl-carousel .owl-nav button.owl-prev:hover,
.especiales-slider.owl-carousel .owl-nav button.owl-prev:hover,
.destinos-slider.owl-carousel .owl-nav button.owl-prev:hover,
.sugest-slider.owl-carousel .owl-nav button.owl-prev:hover,
.comentarios-slider.owl-carousel .owl-nav button.owl-prev:hover {
  opacity: 0.7;
}
.sugest-slider.owl-carousel .owl-nav button.owl-prev {
  top: 40%;
  left: -40px;
}
.sugest-slider.owl-carousel .owl-nav button.owl-next {
  top: 40%;
  right: -40px;
}
@media (max-width: 600px) {
  .sugest-slider.owl-carousel .owl-nav button.owl-prev {
    top: 40%;
    left: 0px;
  }
  .sugest-slider.owl-carousel .owl-nav button.owl-next {
    top: 40%;
    right: 0px;
  }
}
.imperdibles-slider .item .imp {
  position: relative;
  margin-bottom: 26px;
  overflow: hidden;
  border-radius: 24px;
}
.imperdibles-slider .item .imp .info {
  display: flex;
  position: absolute;
  z-index: 2;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  top: 0;
}
.imperdibles-slider .item .imp .info .tit {
  font-size: 48px;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 1px 1px #555;
  margin: 0;
  padding: 0;
  line-height: 100%;
}
.imperdibles-slider .item .imp .info .subtit {
  font-family: "Allura", cursive;
  font-size: 32px;
  font-weight: 400;
  color: #fff;
  margin: 0;
  padding: 0;
  line-height: 100%;
}
.imperdibles-slider.owl-theme .owl-nav {
  margin: 0;
}
.imperdibles-slider.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  background: url('https://static.viajobien.com/image/vb40/img/ic-next.svg') center center no-repeat #ffffff;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  top: 44%;
  right: -55px;
}
.imperdibles-slider.owl-carousel .owl-nav button.owl-next span {
  display: none;
}
.imperdibles-slider.owl-carousel .owl-nav button.owl-next:hover {
  opacity: 0.7;
}
.imperdibles-slider.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  background: url('https://static.viajobien.com/image/vb40/img/ic-prev.svg') center center no-repeat #ffffff;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  top: 44%;
  left: -55px;
}
.imperdibles-slider.owl-carousel .owl-nav button.owl-prev span {
  display: none;
}
.imperdibles-slider.owl-carousel .owl-nav button.owl-prev:hover {
  opacity: 0.7;
}
@media (max-width: 500px) {
  
}
.about {
  display: block;
  padding: 90px 0;
  background: #F4F2FF;
}
.about .img-about {
  display: block;
}
.about .img-about img {
  display: block;
  max-width: 100%;
  border-radius: 24px;
  margin-bottom: 20px;
}
.about .info .volanta {
  display: flex;
  align-items: center;
  color: #000;
  font-size: 16px;
  font-family: "Inter", system-ui;
}
.about .info .volanta img {
  width: 87px;
  height: auto;
  margin-left: 5px;
}
.about .info .tit {
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  margin: 20px 0 30px 0;
  padding: 0;
  text-align: left;
}
.about .info .tit span {
  color: #ff5f2f;
}
.about .info .bullet {
  display: flex;
  align-items: center;
  margin: 0 0 30px 0;
  max-width: 500px;
}
.about .info .bullet .ico {
  width: 72px;
  max-width: 72px;
  min-width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 15px 0 0;
}
.about .info .bullet .tx h5 {
  font-size: 32px;
  font-weight: 400;
  line-height: 100%;
  margin: 0 0 5px 0;
  padding: 0;
  text-align: left;
}
.about .info .bullet .tx h5 span {
  color: #805aff;
}
.about .info .bullet .tx p {
  font-family: "Inter", system-ui;
  font-size: 16px;
  line-height: 105%;
  color: #4c5970;
}
.especiales {
  padding: 0 0 30px 0;
}
.especiales-slider {
  margin-top: 40px;
}
.especiales-slider .item img {
  border-radius: 24px;
}
.destinos {
  padding: 0 0 30px 0;
}
.destinos-slider {
  margin-top: 40px;
  position: relative;
}
.destinos-slider .item .imp {
  position: relative;
  /*margin-bottom: 26px;*/

  overflow: hidden;
  border-radius: 24px;
}
.destinos-slider .item .imp .prom {
  font-family: "Inter", system-ui;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 2;
  color: #fff;
  background: #805aff;
  font-size: 14px;
  line-height: 30px;
  text-transform: uppercase;
  padding: 0 10px;
  border-radius: 10px;
  display: flex;
}
.destinos-slider .item .imp .price {
  padding: 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  right: 15px;
  bottom: 15px;
  z-index: 2;
  text-align: right;
  font-family: "Inter", system-ui;
}
.destinos-slider .item .imp .price .d {
  color: #7d8dae;
  font-size: 12px;
  line-height: 12px;
}
.destinos-slider .item .imp .price .p {
  font-size: 20px;
  line-height: 100%;
  color: #1c2027;
}
.destinos-slider .item .imp .price .p span {
  font-size: 16px;
}
.destinos-slider .item .imp .price .u {
  font-size: 12px;
  line-height: 100%;
  color: #1c2027;
}
.destinos-slider .item .imp .info {
  display: flex;
  position: absolute;
  z-index: 2;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  top: 0;
}
.destinos-slider .item .imp .info .tit {
  font-size: 48px;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 1px 1px #555;
  margin: 0;
  padding: 0;
  line-height: 100%;
}
.destinos-slider .item .imp .info .subtit {
  font-family: "Allura", cursive;
  font-size: 32px;
  font-weight: 400;
  color: #fff;
  margin: 0;
  padding: 0;
  line-height: 100%;
}
.destinos-slider .item .simple {
  position: relative;
  /*margin-bottom: 26px;*/

  overflow: hidden;
  border-radius: 24px;
  display: block;
}
.destinos-slider .item .simple img {
  display: block;
  position: relative;
  width: 100%;
}
.destinos-slider .item .simple .tde {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 3;
  font-size: 32px;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 1px 1px #555;
  margin: 0;
  padding: 0;
  line-height: 100%;
}
.pagos-slider {
  max-width: 800px;
  margin: 0 auto;
}
.comentarios {
  position: relative;
  padding-bottom: 70px;
}
.comentarios .coment {
  background: rgba(128, 90, 255, 0.1);
  border-radius: 24px;
  width: 100%;
  height: 264px;
  padding: 35px 25px;
}
.comentarios .coment p {
  font-size: 16px;
  line-height: 125%;
  font-family: "Inter", system-ui;
  margin: 0;
  padding: 0 0 20px 0;
}
.comentarios .coment .pie {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.comentarios .coment .pie .autor {
  font-size: 16px;
  line-height: 125%;
  font-family: "Inter", system-ui;
  font-weight: 600;
}
.comentarios .coment .pie .ranking {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}
.comentarios .coment .pie .ranking .star {
  width: 24px;
  height: 24px;
}
.comentarios .coment .pie .ranking .star.on {
  background: url(https://static.viajobien.com/image/vb40/img/ic-star-on.svg) center center no-repeat;
  background-size: cover;
}
.comentarios .coment .pie .ranking .star.off {
  background: url(https://static.viajobien.com/image/vb40/img/ic-star-off.svg) center center no-repeat;
  background-size: cover;
}
.comentarios-slider.owl-theme .owl-dots,
.imperdibles-slider.owl-theme .owl-dots,
.especiales-slider.owl-theme .owl-dots,
.promos-slider.owl-theme .owl-dots,
.destinos-slider.owl-theme .owl-dots,
.sugest-slider.owl-theme .owl-dots {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0 0 0;
}
.comentarios-slider.owl-theme .owl-dots .owl-dot span,
.imperdibles-slider.owl-theme .owl-dots .owl-dot span,
.especiales-slider.owl-theme .owl-dots .owl-dot span,
.promos-slider.owl-theme .owl-dots .owl-dot span,
.destinos-slider.owl-theme .owl-dots .owl-dot span,
.sugest-slider.owl-theme .owl-dots .owl-dot span {
  background: #999;
  width: 8px;
  height: 8px;
}
.comentarios-slider.owl-theme .owl-dots .owl-dot.active span,
.imperdibles-slider.owl-theme .owl-dots .owl-dot.active span,
.especiales-slider.owl-theme .owl-dots .owl-dot.active span,
.promos-slider.owl-theme .owl-dots .owl-dot.active span,
.destinos-slider.owl-theme .owl-dots .owl-dot.active span,
.sugest-slider.owl-theme .owl-dots .owl-dot.active span {
  background: #805aff;
  width: 12px;
  height: 12px;
}
/***** RESPONSIVE *****/
@media (max-width: 1450px) {
  
}
@media (max-width: 1300px) {
  
}
@media (max-width: 1024px) {
  .hero-slider .item {
    display: block;
  }
  .hero-slider .item .info h1 {
    font-size: 50px;
    margin-top: 80px;
  }
  .hero-slider .item .info {
    padding: 0 20px;
    max-width: 100%;
    top: 25px;
  }
  .tags-area {
    margin-top: 100px;
  }
  .tags-area .btns-area {
    gap: 5px;
  }
  .tags-area .btns-area .btn.filled {
    height: 40px;
    padding: 0 14px;
    line-height: 40px;
    border-radius: 20px;
    font-size: 14px;
  }
  .about .info .tit {
    font-size: 28px;
    line-height: 115%;
  }
  .about .info .bullet .tx h5 {
    font-size: 24px;
  }
  .about .info .bullet .tx p {
    font-size: 14px;
  }
  .destinos-slider .item .imp .info .tit {
    font-size: 40px;
  }
  .destinos-slider .item .imp,
  .imperdibles-slider .item .imp {
    margin-bottom: 0;
  }
}
@media (max-width: 850px) {
  .hero-slider .item .info h1 {
    font-size: 32px;
    margin-top: 80px;
  }
}
@media (max-width: 700px) {
  .about {
    padding-top: 0;
  }
  .about .img-about {
    margin-left: -20px;
    margin-right: -20px;
  }
  .about .img-about img {
    border-radius: 0;
    margin: 0 auto 30px;
  }
}