body {
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
}

.panel, .panel-home {
	width: 100%;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  font-weight: 600;
  font-size: 1.2em;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  padding: 10px;
}

p.panel, p.panel-home {
  text-align: left;
  font-size: 1em;
  font-family: 'Lora', serif;
  font-weight: 300;
  color: #180B26;
}


/* SCROLL DOWN arrow */
.scroll-down {
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  color: #F4EFEF;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 16px;
  overflow: visible;
}
.scroll-down .arrow {
  position: relative;
  top: -4px;
  margin: 0 auto;
  width: 2em;
  height: 2em;
  background-image: url("/assets/img/flecha.svg");
  background-size: contain;
}

.contenedor{
  padding-top: 1.5rem;
  padding-left: 1.5rem;
  height: 95%;
}

.ancla-capitulo{
  border-radius: 100%;
  background-color: #F4EFEF;
  width: 200px;
  height: 200px;
  margin: 1.5em;
}

img.icono-cap{
  max-width: 160px;
  padding-top: 9%;
}

h4.ancla-titulo{
  color: #180B26;
}


.chapter-title, .titular {
    text-align: left;
    position: absolute;
    top: 10%;
    left: 5%;
}

h6.chapter{
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: .8em;
}

.chapter-image{
    padding: 3% 2%;
}

.chapter-intro{
  max-width: 1000px;
}

h5.chapter-subtitle{
  font-weight: 400;
  margin: auto;
    display: block;
    vertical-align: middle;
    max-width: 80%;
}


.question-container{
  display: flex;
  align-items: center;

}

.answer{
  display: inline-block;
  vertical-align: middle;
}

.bg-map{
  width: 100%;
  height: 100%;
  background-image: url("/assets/img/mapa.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.bg-map-2{
  width: 100%;
  height: 100%;
  background-image: url("/assets/img/mapa2.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.bg-map-cel{
  width: 110%;
  background-image: url("/assets/img/mapa2.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.row.contenedor.cel {
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  height: 100%;
}
img.mapa{
  width: 100%;
}

h5.pregunta{
  font-weight: 700;
  text-align: center;
  letter-spacing: 1px;
  font-size: 1.2em;
  padding-bottom: 2em;
}

.btn.mas{
  background-color: #8FADBF;
  border-radius: 4px;
  font-size: .9em;
  padding: 2%;
  margin: 5%;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  color: #180B26;
  text-align: center;
  float: right;
}

.btn.mas:hover{
  background-color: #180B26;
  color:  #8FADBF;
}

.btn.mas:active{
  background-color: #180B26!important;
  color:  #8FADBF!important;
  border: none!important;
}

img.s{
  width: 30px;
  margin-right: 8px;
}

.mas1{
  padding: 2%;
  margin: 5%;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  color: #180B26;
  text-align: center;
}

.mas2{
  padding: 2%;
  margin: 5%;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  background-color: #180B26;
  text-align: center;
  color: #F4EFEF;
  position: absolute;
right: 10%;
}

.saber{
  background-color: #8FADBF;
  color: #180B26;
  border: none;
}

.fuente{
  background-color: #180B26;
  color: #F4EFEF;
  border: none;
  width: 70%;
  float: right;
}




/*Carusel panel*/

.d-block{
  background-color: #000;
  height: 600px;
}

.carousel-control-prev-icon.abierto {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")!important;
}

.carousel-control-next-icon.abierto1 {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")!important;
}

.carousel-indicators li{
  background-color: #000!important;
}

.carousel-indicators.blanco li{
  background-color: #fff!important;
}


.col-md-8.carrusel{
  align-items: center;
  display: grid;
}
.carousel-fuente{
  background-color: #180B26;
  color: #F4EFEF;
  max-width: 80%;
  float: none!important;
  margin: 0 auto!important;
}

.carousel-recuadro{
  height: 450px;
  vertical-align: middle;
align-items: center;
display: flex;
}

.carousel-recuadro02{
  vertical-align: middle;
align-items: center;
display: flex;
}

.carousel-recuadro03{
  height: 650px;
  vertical-align: middle;
align-items: center;
display: flex;
}
.carousel-recuadro-img{
  max-width: 350px;
    margin: auto;
    display: block;
}

.carousel-recuadro-img-lg{
  max-width: 500px;
    margin: auto;
    display: block;
}

.carousel-recuadro02 p.piedefoto{
  text-align: center;
}
.carousel-item{
  height: 650px!important;
}

.carousel-item._lg{
  height: 685px!important;
}

.carousel-item._sm{
  height: 600px!important;
}

img.carousel-imagen{
  margin: auto;
  display: block;
  max-width: 400px;
}

img.carousel-imagen-lg{
  margin: auto;
  display: block;
  max-width: 510px;
}

img.carousel-imagen-v{
  margin: auto;
  display: block;
  max-width: 600px;
}

.carousel-image p.piedefoto{
  text-align: center;
    margin: auto;
    max-width: 375px;
    padding-bottom: 4%;
    line-height: 1em;
}
.carousel-doc{
 margin: 0 auto;
 display: block;
font-family: 'Raleway', sans-serif;
padding:0 2%;
text-align: left;
}

h6.carousel-title {
  color: #99C8F2;
  text-transform: uppercase;
  font-weight: 300;
  text-align: left;
  padding-top: 5%;
  padding-bottom: 5%;
  font-size: .6em;
}

h4.fuente-title{
color: #99C8F2;
  text-decoration: underline;
 text-align: center;
 font-size: 1.3em!important;
}

h6.fuente-intro {
  color: #F4EFEF;
  font-size: .7em
}

h5.fuente-doc {
  color: #F4EFEF;
  letter-spacing: 0.5px;
line-height: 1.4;
font-size: .9em!important;
}

h6.fuente-bibliografia {
  color: #99C8F2;
  text-align: left;
  float: right;
  max-width: 70%;
  padding-top: 12%;
  font-size: .7em
}

span.fuente-link{
  text-decoration: underline;
}
.btn-clave{
  background-color: #F3EDE6!important;
  border-radius: 4px!important;
  font-weight: 600!important;
  color: #8B3E34!important;
  padding: 5px!important;
}

.btn-clave:hover{
  background-color: #8B3E34;
  color:  #F3EDE6;
}

#mapa-ubicacion{
  width: 75%;
  margin: auto;
  display: block;
}
.img-30{
  margin: auto;
  display: block;
  width: 30%;
}

.img-50{
  width: 50%;
  padding-top: 2%;
}
.img-75{
  width: 75%;
  padding-top: 2%;
}

.definition{
  width: 100%;
}
 @media screen and (max-width: 767.9px) {
   .titular {
     top: 2%;
   }

   img.icono-cap {
    max-width: 100px;
 }
 .ancla-capitulo {
    width: 120px;
    height: 120px;
    margin: .5em auto;
 }

.answer {
    vertical-align: unset;
    top: 2%;
    position: absolute;
}

h5.pregunta {
    padding-bottom: .5em;
}
.contenedor {
    padding-left: 0;
    }

    .question-container {
      height: fit-content;
      }
      .carousel-recuadro03 {
      height: 100%;
      vertical-align: unset;
      align-items: center;
      position: absolute!important;
  }

 }
 @media screen and (max-width: 575.9px) {
   img.carousel-imagen {
       max-width: 80%;
   }
   .carousel {
     height: 90%;
 }
 h5.chapter-subtitle{
   width: 100%;
 }
 .img-50, .img-75{
   width: 100%;
 }

 .img-30{
   width: 50%;
 }
 button.btn.btn-lg.btn-fuente {
    margin-bottom: 5%;
}
.panel p, .panel li {
    font-size: .75em;
 }
 h2.subtitle-chapter {
    padding-top: 1%;
}
.scroll-down {
  font-size: 14px
 }
 .question-container {
   height: auto;
   }
   .answer {
    vertical-align: middle;
    position: unset;
 }
 .panel{
   padding: 0!important;
 }
 .carousel-image p.piedefoto {
    max-width: 300px;
}
.carousel-inner{
  position: initial;
}
}
  @media screen and (max-width: 360px){
    .ancla-capitulo {
       width: 90px;
       height: 90px;
    }
    img.icono-cap {
    max-width: 75px;
}
h2.subtitle-chapter {
    font-size: 1.7em!important;
}
h5.chapter-subtitle {
    font-size: .95rem!important;
}

  }