@charset "utf-8";
/* CSS Document */
/****General****/
html, body {
	margin:0;
	padding: 0;
	font-family: 'Karla', sans-serif;
	color: #606060;
}
html {
  scroll-behavior: smooth;
}
div {
	box-sizing: border-box;
}
button:focus, a:focus, .btn:focus {
  outline: none;
  box-shadow: none;
}
.b-300 {
  font-weight: 300;
}
.b-400, p {
  font-weight: 400;
}
.b-600 {
  font-weight: 600;
}
.b-700 {
  font-weight: 700;
}
.b-800 {
  font-weight: 800;
}
.btn {
  border-radius: 0.5rem!important;
}
.serif {
  font-family: 'Yeseva One', cursive;
}
.cientifico {
  font-family: 'Noto Serif', serif;
}
.chico {
  font-size: .8rem;
  /*line-height: .5rem;*/
  font-weight: 600;
}
.hongui::after {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-left: 6px;
  background-image: url(../images/hongui.svg);
}
.ojo, .hongo {
  position: relative;
}
.ojo::after, .hongo::after, .liquen::after {
  content: "";
  width: 18px;
  height: 10px;
  display: inline-block;
  margin-left: 8px;
  background-repeat: no-repeat;
}
.ojo::after {
  background-image: url(../images/eye_white.svg);
}
.hongo::after {
  background-image: url(../images/hongo-white.svg);
  height: 12px;
}
.liquen::after {
  background-image: url(../images/liquen-white.svg);
  height: 12px;
}
.rosa {
  background-color: #C33E57;
  color: #FFF!important;
}
.btn.rosa:hover {
  background-color: #C33E57;
  color: #FFF;
}
.gris {
  background-color: #F4F4F4;
}
.beige {
  background-color: #ECDED8;
}
.verde {
  background-color: #338C4B;
}
.btn-floating.btn-sm {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-calipso, .btn-calipso:hover {
  background-color: #00D2BD;
  color: #FFF!important;
}
.btn-naranja, .btn-naranja:hover {
  background-color: #FFAD57;
  color: #FFF!important;
}
.btn-eye, .btn-hongo, .btn-liquen {
  background-color: #FFF;
  margin: 5px!important;
  text-align: center;
  display: inline-block!important;
}
/*.btn-eye::before {
  content: "";
  width: 36.1px;
  height: 36.1px;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #00D2BD;
  border-radius: 100%;
}*/
.btn-eye {
  border: 1px solid #00D2BD;
}
.btn-hongo {
  border: 1px solid #FFAD57;
}
.btn-liquen {
  border: 1px solid #C33E57;
}
.btn-eye img {
  width: 23px;
  margin-top: 11px;
}
.btn-hongo img {
  width: 20px;
  margin-top: 7px;
}
.btn-liquen img {
  width: 20px;
  margin-top: 7px;
}
.tx-rosa {
  color: #C33E57;
}
.tx-verde {
  color: #338C4B;
}
.tx-calipso {
  color: #00D2BD;
}
.tx-naranja {
  color: #FFAD57;
}

.btn-floating.gris i {
  color: #252526!important;
}
.btn-rounded {
  -webkit-border-radius: 10em!important;
  border-radius: 10em!important;
}
.btn-white {
    background-color: #fff!important;
    color: #000!important;
}
#navegacionModal .nav-item .nav-link {
  text-transform: uppercase;
  font-weight: 600;
  color: #252526;
}
#navegacionModal .nav-item.active .nav-link {
  color: #C33E57;
}
#recorridos .nav-link{
  border-bottom: 1px solid #CCC;
  color: #252526!important;
}
#recorridos .nav-link.active{
  color: #C33E57!important;
}
#recorridos .nav-link.active .fa-walking{
  color: #252526!important;
}
#capitulos .nav-item .nav-link {
  color: #212121;
  padding: 0.3rem 1rem;
}
.callmenu {
  position: fixed;
  top: .3rem;
  right: .3rem;
  z-index: 2;
}
.callmenu.white .fa-bars, .callchapter .fa-bookmark {
  color: #4D4D4D!important;
}
/*.callchapter {
  position: fixed;
  top: 3.5rem;
  right: 0.3rem;
}*/
.multimenu {
  position: fixed;
  top: .3rem;
  right: .3rem;
  z-index: 20;
}
.multimenu .callmenu, .multimenu .callchapter {
  position: relative!important;
  top: auto;
  right: auto;
  margin-right: 4px;
  margin-left: 4px;
}
.leomas {
  font-size: .9rem;
  font-weight: 600;
}
.leomas::after {
  content: "MENOS";
}
.leomas.collapsed::after {
  content: "MÁS";
}
.medoyvuelta .fa-chevron-down {
  transform: rotate(180deg);
}
.medoyvuelta.collapsed .fa-chevron-down {
  transform: rotate(0);
}
#carousel-recomendaciones .carousel-indicators li {
  background-color: #CCC;
}
#carousel-recomendaciones .carousel-indicators .active {
    background-color: #C33E57;
}
#carousel-recomendaciones .carousel-control-next {
    justify-content: flex-end;
}
#carousel-recomendaciones .carousel-control-prev {
    justify-content: flex-start;
}
.cuadro-blanco {
  border: 2px solid #FFF;
}
.cuadro-verde {
  border: 2px solid #CDE9D5;
}
.descripcion {
  background-color: #FFAD57;
  /*background-color: rgba(255,173,87,.9);*/
  margin-left: .5rem;
  margin-right: .5rem;
  margin-bottom: -1.3rem!important;
  display: block;
  position: relative;
  border-radius: .5rem;
  z-index: 1;
}
.separador {
  display: block;
  height: 4px;
  width: 50px;
  background-color: #338C4B;
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  border-radius: 2px;
}
.calipso {
  background-color: #00D2BD;
}
.hist-tit {
  position: absolute;
  width: 34px;
  left: 1rem;
  top: 1.5rem;
}
.modal-header.beige img {
  filter: invert(6%) sepia(14%) saturate(63%) hue-rotate(314deg) brightness(95%) contrast(85%);
}
.carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon {
  background-color: #FFF;
  border-radius: 100%;
  -webkit-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.25);
  box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.25);
}
.carousel-control-next, .carousel-control-prev {
  opacity: .8!important;
}
#map h3 {
  font-size: 1rem!important;
}
.custom-map-control-button {
  display: inline-block;
  left: 10px;
  width: 110px;
  bottom: 24px!important;
  padding: 10px;
  background-color: #FFF;
  border: none;
}
.citas {
  position: relative;
  display: inline-block;
}
.citas .cita-btn {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
}
.cerro {
  position: absolute;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #FFF;
  border-radius: 100%;
  text-align: center;
  -webkit-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.25);
  box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.25);
}
.cerro .fas {
  font-size: .7rem;
}
.cerro::after {
  content: "";
  width: 1px;
  height: 11px;
  background-color: #212121;
  position: absolute;
  top: 21px;
  left: 11px;
}
#libro-historias .carousel .carousel-control-next, #libro-historias .carousel .carousel-control-prev {
  position: absolute;
  top: 50%;
  bottom: 50%;
}
.portada-historias {
  background-image: url(../images/noise.svg), url(../images/fondo-historia.jpg);
  background-size: auto, cover;
  background-position: center;
  background-blend-mode: soft-light;
}
.portada-hongos {
  background-image: url(../images/noise.svg), url(../images/fondo-hongos.jpg);
  background-size: auto, cover;
  background-position: center;
  background-blend-mode: soft-light;
}
.portada-liquenes {
  background-image: url(../images/noise.svg), url(../images/fondo-liquenes.jpg);
  background-size: auto, cover;
  background-position: center;
  background-blend-mode: soft-light;
}
.ficha {
  border-top: 1px solid #1d294b;
}
.esquema {
  border: 2px solid #FFF;
}
.panoramica {
  width: 100%;
  overflow: hidden;
  max-width: 500px;
  position: relative;
}
.places {
  height: 350px;
  margin-top: -350px;
}
/*******/
@media (min-width: 1000px) {
  .portada-historias {
    background-image: url(../images/noise.svg), url(../images/fondo-historia2.jpg);
  }
  .portada-hongos {
    background-image: url(../images/noise.svg), url(../images/fondo-hongos2.jpg);
  }
  .portada-liquenes {
    background-image: url(../images/noise.svg), url(../images/fondo-liquenes2.jpg);
  }
}