@import url("general.css");

/* Banner */
.banner {
  position: relative;
  padding: 150px 0px 0px 0px;
}
.banner ul li {
  color: var(--color-gris);
}
.banner .btn1 {
  position: relative;
  margin-top: 15px;
}
.banner img {
  width: 70vh;
}

/* Quien soy */
.quien-soy {
  background: rgb(35, 52, 76);
  background: linear-gradient(
    135deg,
    rgba(35, 52, 76, 1) 0%,
    rgba(82, 122, 178, 1) 100%
  );
  padding: 100px 0px;
}

.quien-soy h1 {
  color: var(--color-dorado);
  margin-bottom: 20px;
}

.quien-soy P {
  color: var(--color-blanco);
}

.quien-soy img {
  width: 70vh;
}

/* Propuestas */
.propuestas {
  padding: 100px 0px;
}

.propuestas h1 {
  color: var(--color-azul);
  margin-bottom: 50px;
}

/* .propuestas .row {
  
} */

.propuesta {
  margin-bottom: 40px;
  background-color: var(--color-azul);
  border-radius: 40px;
  padding: 30px 25px 20px 25px;
  height: 400px;
}

.propuestas img {
  width: 80px;
}

.propuesta h2 {
  color: var(--color-dorado);
  width: 100%;
  padding: 20px 0px;
  height: 70px;
}

.propuesta p {
  color: var(--color-blanco);
  text-align: justify;
}

.propuesta .numero {
  position: absolute;
  font-family: "Montserrat-Bold";
  color: var(--color-dorado);
  font-size: 54px;
  opacity: 0.3;
  top: 30px;
}

.propuestas .btn2{
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Vision */
.vision {
  padding: 50px 0px 0px 0px;
  background: rgb(35, 52, 76);
  background: linear-gradient(
    293deg,
    rgba(35, 52, 76, 1) 0%,
    rgba(82, 122, 178, 1) 100%
  );
}

.vision h1 {
  color: var(--color-dorado);
}

.vision p {
  color: var(--color-blanco);
}

/* Footer */
footer {
  background-color: var(--color-azul);
  padding: 20px 0px 5px 0px;
}

footer p {
  font-family: "Montserrat-Regular";
  color: var(--color-blanco);
  font-size: 12px;
  text-align: center;
}

@media (max-width: 991.98px) {
  .banner {
    position: relative;
    padding: 50px 0px 0px 0px;
  }
  .banner img {
    width: 70vh;
    position: absolute;
    bottom: 0px;
    right: 0px;
  }
  .banner .btn1 {
    margin-bottom: 25px;
  }
  .propuesta {
    border-radius: 15px;
    height: 440px;
  }
  .propuestas img {
    width: 70px;
  }
  .propuesta h2 {
    padding: 10px 0px;
    height: 80px;
  }
  .propuesta .numero {
    font-size: 45px;
  }
}

@media (max-width: 767.98px) {
  .banner img {
    width: 70vh;
    position: relative;
    bottom: 0px;
    right: 0px;
  }

  .quien-soy h1 {
    margin-top: 50px;
  }
  .propuesta {
    height: 350px;
  }
  .propuesta .numero {
    font-size: 54px;
    top: 25px;
  }
}