@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Mazurquica';
  src: url('../fonts/Mazurquica-Media.eot');
  src: url('../fonts/Mazurquica-Media.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Mazurquica-Media.woff') format('woff'),
       url('../fonts/Mazurquica-Media.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
}
/****General****/
html, body {
	margin:0;
	padding: 0;
	font-family: 'Roboto Condensed', sans-serif;
	color:#252526;
  background-color: #F2F2F2;
}
html {
  scroll-behavior: smooth;
}
div {
	box-sizing: border-box;
}
button:focus, a:focus, .btn:focus {
  outline: none;
  box-shadow: none;
}
.wow {
  visibility: hidden;
}
.abril {
  font-family: 'Mazurquica';
}
.roboto {
  font-family: 'Roboto Condensed', sans-serif;
}
.tit-obra {
  font-size: .9rem;
  line-height: 15px;
}
.cafe-claro {
  color: #f2e6d0;
}
.cafe2 {
  color: #745946;
}
.naranja {
  color: #c9897d;
}
.btn-naranja {
  background-color: #c9897d!important;
  color: #f2f2f2;
}
.bg-oscuro {
  background-color: #252526;
}
.bg-claro {
  background-color: #f2e6d0;
}
/*******/
.ventana {
  background-color: #EDEAE8;
  mix-blend-mode: multiply;
}
.circle1 {
  background-image: url(../images/circle1.png), url(../images/circle2.png);
  background-repeat: no-repeat;
  background-position: 88% 94%, 4% 50px;
}
.circle2 {
  background-image: url(../images/circle3.png);
  background-repeat: no-repeat;
  background-position: 4% 180px;
}
.circle3 {
  background-image: url(../images/circle2.png), url(../images/circle4.png);
  background-repeat: no-repeat;
  background-position: 100% 4%, 0% 180px;
}
.accordion .card {
  background-color: transparent!important;
}
#accordionPracticas .card .card-body {
  font-size: 1rem!important;
  line-height: inherit;
  font-weight: 400;
  color: #252526;
}
.creacion img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all .4s ease;
}
.creacion:hover > img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.sugerencia {
  font-size: .94rem;
  border: 1px solid #c9897d;
  color: #3d3d3d;
  border-radius: 8px;
  margin-top: 1.5rem!important;
}
.carousel-control-prev {
  justify-content: flex-start;
}
.carousel-control-next {
  justify-content: flex-end;
}
/*******/
.modal button.close {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  opacity: 1 !important;
  padding: 0;
  background-color: #FFF !important;
  border: 1px solid #68514e;
  color: #68514e !important;
  z-index: 10;
  line-height: 0 !important;
}
.modal button.close span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -10%);
  width: 10px;
  height: 10px;
  font-size: 1.2rem;
}
/*******/
@media (max-width: 576px) {
  .modal button.close {
    top: -6px;
    right: -6px;
  }
}