.bg-gradient-sup {
  background: linear-gradient(180deg, white 0%, #f9f9fa 38%, #eaeaec 50%, #d0d0d5 62%, #acadb5 76%, #7e7f8c 90%, #47485b 100%); }

.bg-gradient-inf {
  margin-top: -2px;
  z-index: 1;
  position: relative;
  background: linear-gradient(180deg, #1e2037 0%, #323449 8%, #676978 16%, #9697a1 30%, #bbbcc3 36%, #d9d9dd 42%, #eeeef0 48%, #fafafb 54%, white 60%); }

.welcome {
  padding-top: 65px;
  background-color: #1E2037; }
  @media (min-width: 1200px) {
    .welcome {
      padding-top: 110px;
      background-color: transparent; } }
  .welcome h1 {
    font-size: 4rem;
    color: #EEEEF0;
    text-align: center; }
    @media (min-width: 360px) {
      .welcome h1 {
        font-size: 5rem; } }
    @media (min-width: 576px) {
      .welcome h1 {
        font-size: 6rem; } }
    @media (min-width: 1200px) {
      .welcome h1 {
        color: #1E2037; } }
    @media (min-width: 1400px) {
      .welcome h1 {
        font-size: 7rem; } }
  .welcome p {
    font-size: 1.5rem;
    font-weight: 300;
    color: #EEEEF0;
    text-transform: uppercase; }
    @media (min-width: 1200px) {
      .welcome p {
        color: #1E2037;
        text-align: center; } }

.crear-conciencia {
  background-color: #EEEEF0; }
  @media (min-width: 1200px) {
    .crear-conciencia {
      background-color: transparent; } }
  .crear-conciencia .text-destacado {
    font-size: 2rem;
    font-style: italic; }
    @media (min-width: 1200px) {
      .crear-conciencia .text-destacado {
        font-size: 3rem; } }
  .crear-conciencia .img-conciencia {
    width: 75%; }
    @media (min-width: 1200px) {
      .crear-conciencia .img-conciencia {
        width: 50%; } }
  .crear-conciencia .btn-conciencia {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #3f4168;
    position: absolute;
    bottom: 9rem;
    left: 25%;
    transform: translate(-50%, 50%); }
    @media (min-width: 1200px) {
      .crear-conciencia .btn-conciencia {
        width: 120px;
        height: 120px; } }
  .crear-conciencia #icon-scroll-down {
    position: absolute;
    bottom: 0;
    text-align: center;
    color: #fff;
    opacity: 0.6; }

.somos {
  background-color: #EEEEF0; }
  @media (min-width: 1200px) {
    .somos {
      background-color: transparent; } }
  .somos .card {
    background-color: transparent;
    border: none; }
    .somos .card .redes a i {
      transition: all 0.3s; }
    .somos .card .redes a:hover i {
      transform: scale(1.2); }

.blog-home {
  background-color: #D3B4D7; }
  @media (min-width: 1200px) {
    .blog-home {
      background-color: transparent; } }
  .blog-home a {
    text-decoration: none; }
    .blog-home a .card {
      background-color: transparent;
      border: none;
      transition: all 0.3s; }
    @media (min-width: 1200px) {
      .blog-home a:hover .card {
        transform: scale(1.1);
        background-color: #ffffff; } }

.contactanos form .form-control {
  background-color: #EEEEF0;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #1E2037; }

.contactanos form textarea {
  resize: none; }