/* Cabin Sketch */
@font-face {
  font-family: 'CabinSketchRegular';
  src: url('../../fonts/CabinSketch-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
#modal1 .modal-content {
/*   padding: 2rem 0 0; */
  background-color: rgba(256, 256, 256, .8);
  padding-bottom: 0;
}
.modal-content.arqfan h3 {
  font-family: 'Cabin Sketch', sans-serif;
  line-height: 30px;
  letter-spacing: 0px;
  font-size: 30px;
  margin-top: -20px;
}
.show_txt {
  cursor: pointer;
}
.txt-descubre {
  background-color: #7e8182eb;
  padding: 10px;
  position: absolute;
  transform: translateY(-50%);
  text-align: left;
  display: none;
  line-height: 16.5px;
  font-size: 15px;
  letter-spacing: 0px;
  opacity: 0;
  transition: opacity .3s ease;
}
.txt-descubre.active {
  opacity: 1;
  display: block;
}
.txt-descubre mark {
  background-color: transparent;
  color: #ffffff;
  padding: 0;
}
.txt_ventana {
  top: 84%;
  left: 64%;
  text-align: left;
}
.txt_ladrillos {
  top: 79%;
  left: 12%;
  text-align: right;
}
.txt_titulo {
  top: 38%;
  left: 10%;
  text-align: right;
}
.txt_casa {
  left: 59%;
  top: 11%;
  text-align: left;
}
.cNegro {
  color: #000000;
}
/* Over Descubre 2 TXT */
.txt-mundos {
  background-color: #7e8182eb;
  padding: 10px;
  position: absolute;
  transform: translateY(-50%);
  text-align: left;
  display: none;
  line-height: 16.5px;
  font-size: 15px;
  letter-spacing: 0px;
  opacity: 0;
  transition: opacity .3s ease;
}
.txt-mundos.active {
  opacity: 1;
  display: block;
}
.txt-mundos mark {
  background-color: transparent;
  color: #ffffff;
  padding: 0;
}
/* Over Descubre 3 TXT Muertos */
.txt-muertos {
  background-color: #7e8182eb;
  padding: 10px;
  position: absolute;
  transform: translateY(-50%);
  font-family: 'asap';
  text-align: left;
  display: none;
  line-height: 16.5px;
  font-size: 15px;
  letter-spacing: 0px;
  opacity: 0;
  transition: opacity .3s ease;
}
.txt-muertos.active {
  opacity: 1;
  display: block;
}
.txt-muertos mark {
  background-color: transparent;
  color: #ffffff;
  padding: 0;
}
.txtDeath {
  top: 51%;
  left: 19%;
  text-align: right;
}
.cont-svg {
  position: relative;
}
body {
  text-align: center;
}

/* Estilos SVG Descubre 2 */
#txtmaya {
  fill: #fdcb03;
}
#ejemosaico {
  fill: #ffffff;
}
#plafones {
  fill: #ffffff;
}