.nosotros {
  &__box {
    padding: 2em 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 3rem;
    column-gap: 2rem;
  }
  &__somos {
    font-weight: 300;
    @include boxshadow-md(white);
    // background-color: #fdfdfd;
    border-radius: $br;
    // background: linear-gradient(356deg, rgba(83, 39, 242, 1) 0%, rgba(5, 17, 242, 1) 100%);
    color: var(--primary-text);
    &-qs,
    &-qh {
      color: var(--primary);
      font-weight: 500;
      padding: 0 1rem 1rem 1rem;
      min-height: 100px;
      line-height: 2;
    }
    &-team {
      color: var(--primary);
      font-weight: normal;
      min-height: 160px;
      ul {
        text-decoration: dashed;
        padding: 1rem 2rem;
        list-style: none;
        li:before {
          width: 20px;
          height: 20px;
          content: '\e905';
          font-family: 'IconSelect';
          font-size: 1.5rem;
          padding-right: 0.5rem;
          // background-color: red;
          color: var(--primary);
        }
      }
    }
    p,
    ul {
      // padding: 0 1rem 1rem 1rem;
      color: black;
      // color:red;
      // list-style: none;
    }
    &.equipo {
      grid-column: span 2;
      .nosotros__somos-content {
        position: relative;
        .nosotros__somos-content-overlay {
          position: absolute;
          width: 100%;
          left: 0;
          bottom: 0;
          right: 0;
        }
      }
      img {
        position: relative;
        border-radius: $br;
        min-height: 200px;
        @include boxshadow-md($primary);
        @include gradient-gen($primary-text);
        // @include gradient-gen($primary);
        display: block;
        width: 95%;
        // height: 400px;
        margin: 0 auto;
        transform: translateY(-1rem);
        object-fit: contain;
        background-position: top center;
      }

      .v-icon-user {
        padding-right: 1em;
        color: var(--accent);
      }
    }
    &--title-1,
    &--title-2 {
      border-radius: $br;
      @include boxshadow-md($primary);
      @include gradient-gen($primary);
      width: 95%;
      text-align: center;
      margin: 0 auto;
      padding: 1rem 0.5rem;
      font-size: 2rem;
      font-weight: normal;
      transform: translateY(-1rem);
      font-weight: 500;
      span {
        padding-right: 0.5em;
      }
    }
    &--title-2 {
      border-radius: 0 0 $br $br;
    }
  }
}

@media (max-width: 992px) {
  .nosotros {
    &__box {
      grid-template-columns: 1fr;
      row-gap: 2em;
    }
    &__somos {
      &.equipo {
        grid-column: span 1;
      }
      &--title-1,
      &--title-2 {
        padding: 0.6rem 0;
        font-size: 1.5rem;
      }
    }
  }
}