.banner-gral {
  text-align: center;
}
.banner-gral:before, .banner-gral:after {
  content: "";
  width: 100%;
  background-color: #faece0;
  display: block;
}
.banner-gral:before {
  -webkit-mask-image: url("../../images/mascaras/wave-up.svg");
          mask-image: url("../../images/mascaras/wave-up.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.banner-gral:after {
  -webkit-mask-image: url("../../images/mascaras/wave-down.svg");
          mask-image: url("../../images/mascaras/wave-down.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.banner-gral > * {
  background-color: #faece0;
}
.banner-gral .banner-tit {
  width: 100%;
  margin: 0 auto;
  color: #751B17;
  font-weight: 700;
}
.banner-gral .banner-tit + .banner-txt {
  margin-top: 20px;
}
.banner-gral .banner-txt {
  width: 100%;
  margin: 0 auto;
}
.banner-gral .banner-txt p {
  margin-bottom: 0;
}
.banner-gral .banner-txt p + p {
  margin-top: 20px;
}
.banner-gral .autor {
  margin-bottom: 0;
}
@media (min-width: 1440px) {
  .banner-gral > * {
    padding-top: 40px;
    padding-bottom: 80px;
  }
  .banner-gral .banner-tit,
.banner-gral .banner-txt {
    max-width: 910px;
  }
}
@media (min-width: 1024px) {
  .banner-gral:before, .banner-gral:after {
    height: 0;
  }
  .banner-gral:before {
    padding-bottom: 10.25%;
  }
  .banner-gral:after {
    padding-bottom: 5.78%;
  }
  .banner-gral .banner-tit {
    font-size: 36px;
    line-height: 40px;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .banner-gral > * {
    padding-top: 30px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .banner-gral .banner-tit,
.banner-gral .banner-txt {
    max-width: 700px;
  }
}
@media (max-width: 1023px) {
  .banner-gral:before {
    height: 158px;
  }
  .banner-gral:after {
    height: 89px;
  }
  .banner-gral .banner-tit {
    font-size: 28px;
    line-height: 32px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .banner-gral .banner-tit,
.banner-gral .banner-txt {
    max-width: 508px;
  }
}
@media (max-width: 767px) {
  .banner-gral > * {
    padding-top: 20px;
    padding-bottom: 50px;
  }
}/*# sourceMappingURL=blqBannerGral.css.map */