@charset "utf-8";
/* CSS Document */

/* fixes */

* {
  margin  : 0;
  padding : 0;
}
img {
  border : none;
}
body {
  font-family : 'Montserrat', sans-serif;
  font-weight : normal !important;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display : block;
}
ul {
  list-style : none;
}
textarea {
  resize : none;
}
footer {
  margin-top     : 50px;
  padding-bottom : 35px;
  padding-top    : 35px;
}
#news_ok,
#news {
  width  : 50%;
  margin : 0 auto;
}
#news {
  display : block;
}
/* classes comunes */
footer .fa.fa-instagram {
  color     : #FFF;
  font-size : 25px;
  margin    : 0px 5px;
}
.clear {
  width : 100%;
  clear : both;
}
.left {
  float : left;
}
.right {
  float : right;
}
.none {
  display : none;
}
#menuMobile {
  display : none;
}
.container-fluid {
  padding-left  : 0;
  padding-right : 0;
}
.noStyleUl {
  list-style : none;
}
.textoBlanco {
  color       : #FFF !important;
  /*font-weight : normal;*/
}
.textoVerde {
  color       : #6A7B43 !important;
  font-weight : normal;
}
.textoGris {
  color       : #BFC1C5 !important;
  font-weight : normal;
}
.textoGrisOscuro {
  color       : #4C5150 !important;
  font-weight : normal;
}
.backBlanco {
  background-color : #FFF !important;
}
.backVerde {
  background-color : #6A7B43 !important;
}
.backGris {
  background-color : #BFC1C5 !important;
}
.backGrisOscuro {
  background-color : #4C5150 !important;
}
.tituloSeccion {
  width         : 100%;
  margin-bottom : 25px;
}
.subtituloSeccion {
  font-size     : 22.5px;
  margin-bottom : 15px;
  margin-top    : 35px;
  width         : 100%;
}
.icon {
  width  : 50px;
  margin : 15px 25px 0px 0px;
}
.iconMini {
  float  : left;
  margin : 0 auto;
  width  : 125px;
}
/* firma kábala */

#logoKabala {
  display  : block;
  width    : 50px;
  height   : 13px;
  position : absolute;
  bottom   : 10px;
  left     : 10px;
}
/*
Al seleccionar un campo de ingreso de texto, o un select, en browser realiza un zoom. (iphone)
http://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone 
*/

@media screen and (-webkit-min-device-pixel-ratio : 0) {
  select,
  textarea,
  input {
    font-size : 16px !important;
  }
}
/* bootstrap */

/*
Compatibilidad Bootstrap 5 -> aspecto Bootstrap 3 (el sitio se maqueto con floats y px).
Bootstrap 5.3.3 + tokens para igualar tipografia, links, grilla flotante y contenedores.
*/
:root {
  --bs-body-font-size   : 14px;
  --bs-body-line-height : 1.42857143;
  --bs-body-color       : #333;
  --bs-link-color       : #337ab7;
  --bs-link-hover-color : #23527c;
  --bs-link-decoration  : none;
}
body {
  font-size   : 14px;
  line-height : 1.42857143;
  color       : #333;
  background  : #FFF;
}
a {
  color           : #337ab7;
  text-decoration : none;
}
a:hover,
a:focus {
  color           : #23527c;
  text-decoration : underline;
}
h1, h2, h3, h4, h5, h6 {
  font-weight : 500;
  line-height : 1.1;
}
h1, h2, h3 { margin-top : 20px; margin-bottom : 10px; }
h4, h5, h6 { margin-top : 10px; margin-bottom : 10px; }
h1 { font-size : 36px; }
h2 { font-size : 30px; }
h3 { font-size : 24px; }
h4 { font-size : 18px; }
h5 { font-size : 14px; }
h6 { font-size : 12px; }
p {
  margin : 0 0 10px;
}
ul, ol {
  padding-left  : 0;
  margin-bottom : 10px;
}
hr {
  margin     : 20px 0;
  color      : inherit;
  border     : 0;
  border-top : 1px solid #EEE;
  opacity    : 1;
}
label {
  max-width     : 100%;
  margin-bottom : 5px;
  font-weight   : 700;
}
small {
  font-size : 85%;
}
.text-left {
  text-align : left !important;
}
.text-right {
  text-align : right !important;
}
/* grilla: columnas flotantes con gutter de 30px (como Bootstrap 3) */
.container,
.container-fluid {
  --bs-gutter-x : 30px;
}
.container {
  max-width     : none;
  padding-left  : 15px;
  padding-right : 15px;
}
@media (min-width : 768px)  { .container { max-width : 750px; } }
@media (min-width : 992px)  { .container { max-width : 970px; } }
@media (min-width : 1200px) { .container { max-width : 1170px; } }
.row {
  --bs-gutter-x : 30px;
  display       : block;
  margin-left   : -15px;
  margin-right  : -15px;
}
.container::after,
.container-fluid::after,
.row::after {
  content : "";
  display : table;
  clear   : both;
}
[class*="col-"] {
  position      : relative;
  min-height    : 1px;
  padding-left  : 15px;
  padding-right : 15px;
}
/* como en Bootstrap 3: float solo desde el breakpoint de la clase */
:where([class~="col-1"], [class~="col-2"], [class~="col-3"], [class~="col-4"],
[class~="col-5"], [class~="col-6"], [class~="col-7"], [class~="col-8"],
[class~="col-9"], [class~="col-10"], [class~="col-11"], [class~="col-12"]) {
  float : left;
}
@media (min-width : 768px)  { :where([class*="col-md-"]) { float : left; } }
@media (min-width : 992px)  { :where([class*="col-lg-"]) { float : left; } }
@media (min-width : 1200px) { :where([class*="col-xl-"]) { float : left; } }
/* menu principal (antes .nav.navbar-nav de Bootstrap 3) */
.menuDesktop {
  padding : 0 15px;
}
.menuPrincipal {
  margin     : 0;
  padding    : 0;
  list-style : none;
}
.menuPrincipal > li {
  display  : inline-block;
  position : relative;
  margin   : 0 15px;
}
.menuPrincipal > li > a {
  position : relative;
  display  : block;
  padding  : 15px 15px;
  line-height : 20px;
}
.menuPrincipal > li > a:focus,
.menuPrincipal > li > a:hover {
  background-image    : url("imagenes/hover.png") !important;
  background-position : center 40px !important;
  background-repeat   : no-repeat !important;
  background-color    : #4C5150 !important;
}
select {
  float         : right !important;
  margin-bottom : 20px;
  margin-top    : 20px !important;
  width         : 175px !important;
}
.dropdown-menu.left {
  border-radius : 0;
  float         : left;
  margin-left   : -140px;
  margin-top    : 0;
}
#dropdownMenu1 {
  background-color : #4C5150;
  border-radius    : 0px !important;
}
.dropdown-menu > li > a {
  clear       : both;
  color       : #333;
  display     : block;
  font-weight : 400;
  line-height : 1.42857;
  padding     : 15px 20px;
  white-space : nowrap;
}
.btn.btn-default.dropdown-toggle:hover {
  -ms-transform     : rotate(180deg); /* IE 9 */
  -webkit-transform : rotate(180deg); /* Chrome, Safari, Opera */
  transform         : rotate(180deg);
}
/* menu mobile */
.overlay {
  height           : 100%;
  width            : 0;
  position         : fixed;
  z-index          : 1;
  top              : 0;
  right            : 0;
  background-color : rgb(255, 255, 255);
  background-color : rgba(255, 255, 255, 0.9);
  overflow-x       : hidden;
  transition       : 0.5s;
}
.overlay-content {
  margin-top : 30px;
  position   : relative;
  text-align : center;
  top        : 5%;
  width      : 100%;
}
.overlay a {
  color           : rgb(129, 129, 129);
  display         : block;
  font-size       : 25px;
  padding         : 10px;
  text-decoration : none;
  transition      : all 0.3s ease 0s;
}
.overlay a:hover, .overlay a:focus {
  color : #F1F1F1;
}
.overlay .closebtn {
  font-size : 60px;
  position  : absolute;
  right     : 20px;
  top       : -10px;
}
@media screen and (max-height : 450px) {
  .overlay a {
    font-size : 20px
  }

  .overlay .closebtn {
    font-size : 40px;
    top       : 15px;
    left      : 35px;
  }
}
/* iconos */
.textoBlanco.fa.fa-bars {
  font-size : 45px;
}
.fa.fa-phone-square {
  font-size    : 25px;
  margin-right : 5px;
}
.fa.fa-envelope-square {
  font-size : 25px;
}
.fa.fa-facebook-square {
  font-size : 25px;
}
/* botones */

.btn {
  --bs-btn-padding-x      : 12px;
  --bs-btn-padding-y      : 6px;
  --bs-btn-font-size      : 14px;
  --bs-btn-line-height    : 1.42857143;
  --bs-btn-border-radius  : 4px;
  --bs-btn-border-width   : 1px;
  --bs-btn-font-weight    : 400;
  margin-bottom           : 0;
}
.form-group {
  margin-bottom : 15px;
}
.form-control {
  display            : block;
  width              : 100%;
  height             : 34px;
  padding            : 6px 12px;
  font-size          : 14px;
  line-height        : 1.42857143;
  color              : #555;
  background-color   : #FFF;
  border             : 1px solid #CCC;
  border-radius      : 4px;
  box-shadow         : inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition         : border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
textarea.form-control {
  height : auto;
}
.form-control:focus {
  color        : #555;
  background-color : #FFF;
  border-color : #66AFE9;
  outline      : 0;
  box-shadow   : inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::placeholder {
  color   : #999;
  opacity : 1;
}
.btn-default {
  background-color : #6A7B43 !important;
  border-color     : #6A7B43 !important;
  color            : #FFF !important;
}
.btn-default:hover {
  transition       : 0.5s;
  background-color : #FFF !important;
  border-color     : #6A7B43 !important;
  color            : #6A7B43 !important;
}
.btn-whatsapp {
  background-color : #25D366 !important;
  border-color     : #1BA64F !important;
  color            : #FFF !important;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1em 0;
}
.btn-whatsapp:hover {
  transition       : 0.5s;
  background-color : #FFF !important;
  border-color     : #6A7B43 !important;
  color            : #6A7B43 !important;
}
/* header */

header {
  background-color : #4C5150;
  display          : block !important;
}
#logo {
  margin  : 0 auto;
  display : block;
}
.linkHeader {
  margin-left : 15px;
}
.linkHeader .text-left {
  font-size : 26px;
}
.menuDesktop.backGrisOscuro {
  margin : 0 auto;
  /*width  : 938px;*/
}
#bannerBuscador {
  background-image    : url(imagenes/buscadorBG.png);
  background-position : center;
  background-repeat   : no-repeat;
  margin              : 0 auto;
  display             : block;
  margin-top          : 25px;
  margin-bottom       : 25px;
  height              : 100px;
}
#contactoHeader {
  padding-top  : 30px;
  float        : right;
  padding-left : 150px;
}
.border {
  border-bottom : 0.5px solid #BFBFBF;
}
/* listado paquetes portada */

#filtro {
  margin-top : -60px !important;
}
.box {
  height : 250px;
}
.openPack:hover {
  text-decoration : none !important;
}
.miniBox {
  display    : block;
  margin-top : -90px;
  padding    : 10px 10px 0;
  position   : relative;
}
.miniBoxTitulo {
  height        : 45px;
  padding-top   : 5px;
  padding-left  : 5px;
  transition    : 0.35s;
  width         : 100%;
  padding-right : 63px;
}
.openPack:hover .miniBoxTitulo {
  background-color : #687B4A;
  color            : #FFF !important;
}
.pack {
  opacity    : 1;
  transition : 0.35s;
}
.openPack:hover .pack {
  opacity : 0.50;
}
.background {
  display    : block;
  left       : 155px;
  margin     : 0 auto;
  position   : absolute;
  top        : 65px;
  display    : none;
  transition : 0.35s;
}
.openPack:hover .background {
  display : block;
}
#pag {
  margin-top : 25px;
}
#pag > span {
  color     : #6A7B43;
  font-size : 16px;
  padding   : 5px;
}
#pag > a {
  color     : #6A7B43;
  font-size : 16px;
  padding   : 5px;
}
#pag > a:hover {
  color : #000;
}
/* paquete ampliado */

.ampliado {
  position : relative;
  width    : 760px;
}
.ampliado-inner {
  overflow : hidden;
  position : relative;
  width    : 760px !important;
}
.carousel-item {
  width : 100%;
}
#imgDescription {
  width : 100% !important;
}
.imgPaquete {
  height : 400px;
  width  : 100% !important;
}
/* fade on slider */

.carousel-inner {
  width  : 100%;
  margin : 0 auto;
}
.carousel-fade .carousel-item {
  transition-duration : 1s;
}
.carousel-control-prev,
.carousel-control-next {
  background-image : none !important;
}
#conB {
  background-image  : url(imagenes/patternNew.jpg);
  background-repeat : repeat;
}
.imgPaquete {
  margin-right  : 0px !important;
  padding-right : 0px !important;
  height        : 400px;
  overflow      : hidden;
}
#descripcionPaquete {
  height     : 400px;
  margin-top : -400px;
  position   : relative;
}
.big {
  font-size   : 85px;
  font-weight : bolder;
}
.price {
  font-weight : normal;
  padding     : 15px;
  font-size   : 25px;
}
.itinerario {
  padding       : 2.5px;
  word-break: break-all;
}
/* servicios */

#clientes {
  padding-top : 50px !important;
}
/* contacto */

.phone {
  font-size   : 18px;
  font-weight : bolder;
}
.fa.fa-map-marker {
  font-size : 25px;
  margin    : 5px;
}
.noStyleUl.text-center {
  background-color : #4C5150;
  margin-bottom    : 0;
  padding-bottom   : 35px;
  padding-top      : 35px;
}
.noStyleUl.text-center > strong {
  font-size : 20px;
}
.gracias {
  font-size   : 18px;
  text-align  : center;
  font-weight : lighter !important;
}
#puntaCarretas, #carrasco, #pocitos, #prado, #mercedes, #dolores {
  background-color : #6A7B43;
}
#pocitos > div,
#prado > div,
#mercedes > div,
#dolores > div,
#carrasco > div,
#puntaCarretas > div {
  height : 230px;
  width  : 100%;
}
@media (min-width : 992px) and (max-width : 1280px) {

  #bannerBuscador {
    background-image    : url(imagenes/buscadorMD.png);
    background-position : center;
    background-repeat   : no-repeat;
  }

  #news {
    width : 100%;
  }

  #itinerario {
    margin  : 2.5px;
    padding : 2.5px;
  }

}
@media (min-width : 768px) and (max-width : 991px) {

  #bannerBuscador {
    background-image    : url(imagenes/buscadorMD.png);
    background-position : center;
    background-repeat   : no-repeat;
  }

  #news {
    width : 100%;
  }

  .menuDesktop.backGrisOscuro {
    margin : 0 auto !important;
    width  : auto !important;
  }

  .big {
    font-size : 55px;
  }

  .price {
    font-size  : 22.5px;
    padding    : 0px !important;
    text-align : center !important;
  }

  .ampliado-inner {
    overflow : hidden;
    position : relative;
    width    : 540px !important;
  }

  .ampliado {
    position : relative;
    width    : 540px;
  }

  #imgDescripcion {
    margin-top : 60px;
  }
}
#contenedorLogo {
  display : block !important;
}
#contenedorLogoMobile {
  display : none !important;
}
@media (min-width : 320px) and (max-width : 767px) {
  #contenedorLogoMobile {
    display        : block !important;
    position       : relative;
    display        : inline-block;
    padding-top    : 15px;
    padding-bottom : 15px;
  }

  #contenedorLogo {
    display : none !important;
  }

  header {
    background-color : #6A7B43 !important;
  }

  #logo {
    width : 200px;
  }

  #menuMobile {
    display : block;
  }

  #bannerBuscador {
    background-image    : url(imagenes/buscadorSM.png);
    background-position : center;
    background-repeat   : no-repeat;
    background-size     : 260px auto;
  }

  #contactoHeader {
    display : none;
  }

  .col-12 {
    display : block;
    margin  : 0 auto;
    width   : auto;
  }

  .mobileLeft {
    text-align : left !important;
  }

  #news {
    width : 100%;
  }

  .servicioSpan {
    display : block;
  }

  #secondUl {
    float : left !important;
  }

  #filtro {
    margin-top : -10px !important;
  }

  #floLeft {
    float : left !important;
  }

  .carouselHome {
    display : none;
  }

  .precio-ampliado-mobile {
    padding : 10px 0!important;
    font-size:1.2em!important;
  }

  #descripcionPaquete {
    height     : auto;
    margin-top : 0;
    float      : none;
  }


  .big {
    font-size : 25px;
  }

  .price {
    font-size : 15px;
  }

  .none {
    display : none;
  }

  .carouselMobile {
    display : block;
  }

  .ampliado {
    width : 100% !important;
  }

  .ampliado-inner {
    width : 100% !important;
  }

  .imgPaquete.col-xl-8.col-lg-8.col-md-6.col-12 {
    padding-left : 0;
  }

  .imgPaquete {
    height : auto !important;
  }
}
/* responsive youtube iframe container */
.videoWrapper {
  position       : relative;
  padding-bottom : 56.25%; /* 16:9 */
  padding-top    : 25px;
  height         : 0;
}
.videoWrapper iframe {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
}
#news_ok {
  display : none;
}
.row.with-margin-bottom {
  margin-bottom : 20px;
}
.precio-ampliado-mobile {
  padding-top : 50%;
  font-size   : 1.8em;
}.m-auto{margin-left:auto;margin-right:auto;}
 .w-100{
   width:100%;
 }