#intro {
  background: url("../img/panorama-3094696_1920.jpg") no-repeat center center;
  background-size: cover;
}

.top-nav-collapse {
  background-color: #064279 !important;
}

.navbar:not(.top-nav-collapse) {
  background-color: #064279 !important
}

@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
    background: #064279 !important;
  }
}

#intro .h6 {
  font-weight: 300;
  line-height: 1.7;
}

.hm-gradient .full-bg-img {
  background: rgba(42, 27, 161, 0.7);
  background: linear-gradient(45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 0.7) 100%);
}

@media (max-width: 450px) {
  .margins {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}

#formularios .lead {
  opacity: 0.7;
}

#formularios .card-image {
  background: url("../img/architecture.jpg") no-repeat center center;
}

#formularios ul li {
  font-size: 1.1em;
}

#linea{
  width: 100%;
}
.pop-up{
  max-height: 55vh;
  height: auto;
  min-height: 40vh;
  background-color: #fff;
  width: 80%;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 10px 10px 15px #000000;
  overflow: auto;
}
.pop-up i{
  font-size: large;
}
.mensaje{
  text-align: justify;
}
.mensaje h1{
  font-size: xx-large;
  font-weight: 400;
  margin-bottom: 20px;
}
.mensaje p{
  font-size: medium;
  font-weight: 300;
}
.btn-not{
  background-color: #8f8f8f;
  border-radius: 10px;
  color: #fff !important
  ;
}
.btn-not:hover{
  background-color: #064279;
  border-radius: 10px;
  color: #fff !important;
}
.no-scroll {
  /* Debe tener altura específica para que funcione */
  max-height: 100vh;
  overflow: hidden;
}