html.hero-on {
  overflow-y: hidden;
}

.hero {
  position: fixed;
  z-index: 10000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
}
.hero > * {
  width: 100%;
  min-height: 100%;
  padding: 20px;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero > * img {
  max-width: 100%;
}
@media (min-width: 768px) {
  .hero > * img {
    width: 363px;
  }
}
@media (max-width: 767px) {
  .hero > * img {
    width: 240px;
  }
}

@media (min-width: 1440px) {
  .proyectos .blq-btns {
    margin-top: 60px;
  }
}
@media (max-width: 1023px) {
  .proyectos .blq-btns {
    margin-top: 40px;
  }
}
@media (min-width: 768px) {
  .proyectos .blq-btns {
    display: flex;
    justify-content: flex-end;
  }
  .proyectos .blq-btns > * + * {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .proyectos .blq-btns > * {
    width: 100%;
    display: flex;
  }
  .proyectos .blq-btns > * > * + * {
    margin-left: auto;
  }
  .proyectos .blq-btns > * + * {
    margin-top: 24px;
  }
}/*# sourceMappingURL=inicioFront.css.map */