html, body, p, h1, h2, h3, h4, h5, h6, a, span, li, input{
    font-family: 'Source Sans Pro', sans-serif;
}a{ transition:all 0.2s ease-in-out;  text-decoration:none !important;}
.text-weight-extra-light{
    font-weight: 100!important;
}
.text-weight-light{
    font-weight: 200!important;
}
.text-weight-simple{
    font-weight: 300!important;
}
.text-weight-normal{
    font-weight: 400!important;
}
.text-weight-black{
    font-weight: 500!important;
}
.text-weight-bold{
    font-weight: 600!important;
}
.text-weight-bolder{
    font-weight: 800!important;
}
.text-weight-extra-bolder{
    font-weight: 900!important;
}
.color-verde{
    color:#149346!important;
}
.color-verde-claro{    
	color:#30cc6d!important;
}
.color-naranja{
    color:#f39225!important;    
}
.bg-verde{
    background:#149346!important;
}
.bg-verde-claro{    
	background:#30cc6d!important;
}
.bg-naranja{
    background:#f39225!important;    
}
.bg-gris{
    background:#cde2d3!important;    
}
.bg-light{
    background:#f7f7f7!important;    
}

.lowercase{
	text-transform:lowercase !important;
}
.uppercase{
	text-transform:uppercase !important;
}

.left-sidebar a:hover{    
	color:#149346!important;
}
footer a:hover{    
	color:#30cc6d!important;
}
/** GENERAL **/
#main-title{
    font-size: 57px;
    letter-spacing: -3px;
}
#main{
    overflow: hidden;
}
.detail-view tr th{
  min-width:220px ;
}
tr > th{
  min-width:200px !important;
}
/** MENU **/
nav#site-header {
    max-height: 100px;
    background: #fff;
    display: block;
    top: 0px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
nav#site-header .container-fluid a:not(.social-link) {
    height: 60px !important;
    max-height: 100%;
    color: #149346;
    align-items: center;
    display: flex !important;
}
.site-header > .container-fluid {
    padding-top: 0px;
}
nav#site-header .container-fluid img {
    max-height: 78px !important;
}

#main {
    padding-top:45px !important;
}
h3{
  font-size:20px;
  color:#149346;
}
li{
  list-style:none;
}
.left-sidebar{
  padding-top:28px !important;
}
.left-sidebar li {
    padding-right: 22px !important;
}

/* nav#site-header .container-fluid .social-menu img { */
    /* filter: invert(1) !important; */
/* } */
nav.site-header {
    position: fixed;
}
.site-header > .container-fluid{
  padding-top:25px;
  transition: all 0.3s ease-in-out;
}
.content-atractivo{
  margin-top:20px !important;
}
nav a{
  color:#fff;
  transition:all 0.3s ease-in-out;
  text-decoration:none !important;
}

nav a:hover{
  color:#333;
  transition:all 0.3s ease-in-out;
}
nav#site-header{
  transition:all 0.3s ease-in-out;
  
}
nav#site-header.sticky{
  max-height:100px;
  background:#fff;
  display:block;
  top:0px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

nav#site-header.sticky .container-fluid{
  max-height:100px;
  padding-top:0px;
}
nav#site-header.sticky .container-fluid a:not(.social-link){
  height:60px !important;
  max-height:100%;
  color: #149346;
  align-items:center;
  display:flex !important;
}
nav#site-header.sticky .container-fluid a:hover{
  color: #f39225;
}
/* nav#site-header.sticky .container-fluid .social-menu img{ */
  /* filter:invert(1); */
/* } */
nav#site-header.sticky .container-fluid img{
  max-height:100% !important;
}
nav#site-header .container-fluid img{
  transition:all 0.3s ease-in-out;
}
.link-item.active{
  color:#f39225!important;
}
.bg-grey{
  background:#eee;
}
.creditos{
  line-height:0.8em;
}

/** ICONOS **/
.hover-block{
  cursor:pointer;
}
.hover-block .icon{
  width:140px;
  height:140px;
  top:calc(50% - 70px);
  left:calc(50% - 70px);
  transition:all 0.3s ease-in-out;
  cursor:pointer;
}
.hover-block:hover .icon{
  width:140px;
  height:140px;
  top:calc(50% - 70px);
  left:calc(50% - 70px);
  transform:scale(1.2);
}
.hover-block.large-block .icon {
    width: 300px;
    height: 80px;
    top: calc(50% - 40px);
    left: calc(50% - 150px);
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    display:flex;
    justify-content:center;
    align-items:center;
}
.hover-block .text{
  font-size:3em;
  line-height:1em;
  color:#fff;
  position:absolute;
  bottom:0px;
  left:0px;
  padding:25px;
}
.large-block .icon {
    max-width: 33%;
}
.hover-block:hover > div > img{
  transition:all 0.5s ease-in-out;
}
.hover-block:hover > div > img{
  filter:brightness(1.2);
}
.btn-naranja{
    background:#f39225;
    color:#fff;
    font-weight:600;
    display:flex;
    align-items:center;
    justify-content:center;
}

.btn-naranja:hover{
    background:#149346;
    color:#fff;
}
.btn-success{
    background:#149346;
}
.hover-block .title-images{
  color:#fff;
  text-align:center;
  display:block;
  text-transform:uppercase;
  font-weight:600;
  font-size:13px;
  margin-top:8px;
  line-height:14px;
}

.btn-mapa{
  display:block;
  position:relative;
  max-width:40%;
  width:40%;
  border-radius:50px;
  float:right;
  left:auto;
  margin:0px auto;
  
}
.actions > .row{
  justify-content:center !important;
  align-items:center !important;
  height:100%;
  min-width:100%;
}
.actions > .row > div{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}
/** BUSCADOR **/
#buscador{
  background:#f39225;
  margin-top: -24px;
}
#filtro-buscador{
  /**background:#fff!important;**/
}
#filtro-buscador .form-control{
  border:none;
  border-radius:0px;
  border-bottom:1px solid #aaa;

}


/** EXPLORAR **/
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #8885; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


#contenedor-filtros{
  background:#fef5eb;
}

#main{
  min-height:100vh;
  /*border:1px solid red;*/
  display: grid;
  /*grid-template-rows: 10% 90%;*/
}
#barra-busqueda{
  border:1px solid #eee;
}
#contenedor-busqueda{
    /* display: block; */
    /* position: relative; */
    /* height: 91vh; */
    /* overflow: hidden; */
	/* margin-top: 93px; */
	/* max-height: 91vh; */
    display: block;
    position: relative;
    height: calc(100% - 93px);
    overflow: hidden;
    margin-top: 93px;
}
.btn-busqueda{
  cursor:pointer;
}

/** FILTROS **/
.btn-filtro{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  cursor:pointer;
}
.btn-filtro.active span{
  color:blue;
  color:#f39225;
}
.filtro-label{
  display:flex;
  text-align:left;
  width:100%;
  justify-content:start;
  align-items:center;
  /*border:1px solid blue;*/
  /*padding:2px 12px;*/
}
.filtro-label input{
  max-width:20px;
  transform:scale(1.2);
  margin:3px 10px 3px 0px;
}
.btn.btn-buscar.btn-naranja{
  margin:13px 18px 30px 13px;
}


/** PANEL FILTROS **/
.panel-filtro{
  display:none;
  padding:20px 32px !important;
}
.panel-filtro.active{
  display:block !important;
}

.btn-buscar{
  margin:32px 0px 20px !important;
}


/** PANEL CATEGORIAS **/
.caja-categoria.active {
    background: -webkit-gradient(linear,right top, left top,color-stop(0, #e97b00),to(#fda541));
    background: linear-gradient(270deg,#e97b00 0,#fda541) !important;
}
.caja-categoria.active .icono span {
    color: #fff !important;
}
.caja-categoria h4{
  font-size:10px;
}


.caja-categoria {
    color: #fff;
    margin:12px;
    padding:15px;
    border-radius:7px;
    /* background: -webkit-gradient(linear,right top, left top,color-stop(0, #009246),to(#0abb4f)); */
    background: -webkit-gradient(linear,right top, left top,color-stop(0, #0abb4f),to(#009246));
    /* background: linear-gradient(270deg,#009246 0,#0abb4f); */
    background: linear-gradient(270deg,#0abb4f 0,#009246);
    cursor:pointer;
    opacity:1;
    transition:all 0.3s ease-in-out;
    text-align: left;
}
.caja-categoria .icono span{
  color:#f39225 !important;
}

.caja-categoria:hover {
  opacity:1;
}
.caja-categoria .icono{
  margin-bottom:2px;
}
.caja-categoria .titulo{
  font-weight:800;
  font-size: 1.4em;
}


/** LIKE ICON **/
.like-icon:not(.liked):hover{
  background:pink !important;
}
.like-icon.liked:hover{
  background:pink !important;
}
.like-icon.liked{
    background:red;
	-webkit-animation: jello-horizontal 0.9s both;
	        animation: jello-horizontal 0.9s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-12-21 21:52:57
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation jello-horizontal
 * ----------------------------------------
 */
@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}



/** CUADRO DE RESULTADOS **/
#row-resultados{
	overflow: hidden;
    min-height: 77vh;
}
div#filtro-menu {
    height: 70px;
    min-height: 70px;
    max-height: 70px;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
	z-index: 40;
}
#row-resultados, #filtro {
	overflow: hidden;
    height: calc(100% - 70px);
    max-height: 77vh;
}
.controles-wrapper{
	overflow: hidden;
}
#resultados {
    overflow: auto;
	max-height: 92vh;
	padding-bottom:40px !important;
	/* padding-top: 37px; */
}
.cuadro-resultado{
  display:grid;
  border:1px solid #000;
  margin:18px;
  overflow:hidden;
  border-radius:15px;
  cursor:pointer;
  grid-template-rows:1fr 0.5fr;
  grid-template-columns: 100%;
}
.cuadro-resultado .resultado-contenido{
  /**padding:15px;**/
}
.resultado-contenido h3{
  margin-bottom:1px;
  font-size:20px;
  font-weight:600;
  text-transform:uppercase;
}
.resultado-contenido p{
  margin-bottom:12px;
}
.meta-icons{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  background:#ddd;
  padding:5px;
  color:#fff;
  border-radius:100px;
  transition:all 0.3s ease-in-out;
}
.meta-icons span{
  font-size:16px;
}
.categoria-titulo{
  display:inline-block;
  position:relative;
  margin-left:5px;
}
.meta-icons.categoria-icon{
  background:#f39225;
}
.meta-icons:hover{
  background:#149346;
}
.row.meta-data {
    padding: 0px 15px 15px;
}
.contenedor-datos{
  display:block;
  position:relative;
  transition:all 0.3s ease-in-out;
  background:#fff;
  padding:15px 15px 0px 15px;
}
.contenedor-datos p.descripcion {
    font-size: 13px;
}
.cuadro-resultado .resultado-imagen img{
  transition:all 0.3s ease-in-out;
}
.cuadro-resultado:hover .contenedor-datos {
  margin-top:-30px;
}
.cuadro-resultado:hover .contenedor-datos .descripcion{
  /**margin-bottom:30px;**/
}
.cuadro-resultado:hover .resultado-imagen img{
  filter:brightness(0.8);
}
.cuadro-resultado:hover .datos-lugar{
  padding:2px 0px 15px;
  height:30px;
}
.datos-lugar{
  height:0px;
  overflow:hidden !important;
  font-size:12px;
  padding:0px;
  display:flex;
  width:100%;
  bottom:0px;
  justify:content:center;
  align-items:center;
  transition:all 0.3s ease-in-out;
  background:#fff;
}
.datos-lugar span{
  font-size:20px;
  margin:2px 3px 0px;
  color:#aaa !important;
}
div#seccion-categorias {
    max-height: 77vh;
    height: 100%;
    overflow-y: auto;
	padding-bottom: 80px !important;
}
#resultados-loader{
  position:absolute;
  display:block;
  bottom:0px;
  height:50px;
  width:100%;
  pointer-events:none;
}


/** MAPA **/
.map {
        height: 100%;
        width: 100%;
		    max-height: 100%;
      }
div#contenido {
    max-height: 91vh;
}
#info-destino {
    display: block;
    position: absolute;
    bottom: 3%;
    left: 3%;
    width: 40%;
    z-index: 20;
    background: #fff;
}
.meta-info-container .title{
  font-size:10px;
  font-weight:900;
}
.meta-info-container .text{
  font-size:10px;    
  line-height: 12px;
  word-break: break-all;
  font-family:'Roboto Condensed';
  font-weight:700;
}
#info-destino .actions {
    padding: 6px;
}


/** HOME **/
iframe.video-home {
    height: 100vh;
}
iframe#ytplayer {
    min-height: 80vh;
    min-width: 100vw;
    width: 100vw;
	margin-top: -10px;
}

/** ATRACTIVOS **/
.titulo-atractivo {
    display: block;
    position: absolute;
    bottom: 30%;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    width: 100%;
    text-align: center;
}
.atractivo-categoria-icon{
  font-size:14px;
}
.atractivo-categoria-icon i{
  color:#fff;
  background:#e34;
  padding:7px;
  font-size:12px;
  border-radius:50%;
  width:25px;
  display:inline-flex;
  justify-content:center;
  margin-right:3px;
}

.atractivo-turismo i{
  background:#63e !important;
}
.atractivo-compras i{
  background:#8a2 !important;
}
.atractivo-cultura i{
  background:#e34 !important;
}
.contenedor-video-gallery iframe {
    max-width: 100%;
}
.atractivo-categoria-icon a{
    margin-left:4px;
}

/** FOOTER **/
footer{
    background: #149346;
}
footer a{
    color:#fff;
}
/* TRANSLATE MENU */
#laguage-form{
  display:inline-block;
  min-width:83px;
}
.laguage-switcher{
	display:none;
}

.language-flag{
  display:inline;
}
.language-flag img{
  max-width:15px;
  margin:0px 7px 0px 7px;
  cursor:pointer;
}

/** RESPONSIVE **/
@media (min-width:2400px){

iframe#ytplayer {
    min-height: 175vh;
    min-width: 100vw;
    width: 100vw;
    margin-top: -10px;
}
}
@media (min-width:768px){

.menu-mobile{
	display:none !important;
}
.close-map{
	display:none !important;
}
}
@media (max-width:767.9px){
#banner-content{
  padding:20px!important;
}
#close-map{
	display:block !important;
	position:absolute;
	top:20px;
	right:20px;
}
#info-destino {
    bottom: 11%;
    left: 3%;
    width: 93%;
}
div#close-map i {
    color: red;
    font-size: 30px;
    background: #fff;
    border-radius: 50%;
}
#contenedor-busqueda > div {
    flex-direction: row !important;
}
.caja-categoria .icono {
    display:none;
}
#contenedor-busqueda {
  height: auto !important;  
  max-height: none !important;
}
body {
    max-height: none !important;
    overflow: auto !important;
}
div#contenido {
	display:none;
    min-height: 100vh;
    position: fixed;
}
div#contenido.open {
	display: block !important;
}
.menu-mobile {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 10px;
    font-size: 35px;
    color: #CCC;    
	z-index: 800;
}
.site-header > .container-fluid {
    padding-top: 2px !important;
}
.logo-link {
    margin-bottom: 35px;    
	min-width: 100%;
}
.logo-link img {
    transition: all 0.3s ease-in-out;
    min-height: 64px !important;
    max-height: 64px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    margin: auto;
}
.left-sidebar {
    padding-top: 50px !important;
    padding-bottom: 47px;
    margin-bottom: 40px;
}
nav#site-header {
    min-height: 10vh;
	display:block;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}
#site-header .link-item {
    display: none !important;
    width: 100%;
    justify-content: center;
    font-size: 21px;
    margin: 5px 0px;
}
nav#site-header.open .link-item {
  display:block;
}
nav#site-header.open {
    min-height: 100vh;
}

#main-title {
    font-size: 27px;
    font-weight:500 !important;
    padding-bottom:0px;
    margin-bottom:0px;
}
.btn.buscar{
  margin-top:20px !important;
}
.btn-mapa {
    display: block;
    position: relative;
    max-width: 100%;
    width: 100%;
    float: auto !important;
    left: auto !important;
    margin: auto !important;
}


#main {
    min-height: auto;
    display: flex;
    grid-template-rows: none;
    flex-direction: column;
}
#resultados {
    overflow: auto;
    position: relative !important;
  background:#fff;
  padding:12px;
}
.cuadro-resultado {
    margin: 12px 12px 12px 12px;

}

div#contenido {
    min-height: 100vh;
}

div#contenido #map{
    min-height: 100vh;
    pointer-events:none;
}
div#contenido #map > div{
    min-height: 100vh;
    pointer-events:none;
}
    
}