/* PROCESSO CARD */

.card{
  margin-bottom: 1rem;
  width: 100%;


  .card-header{
    display: flex;
    padding-bottom: 0.8rem;

    .card-title{
      width: 90%;
    }

    .card-open{
      width: 10%;

      i{
        width: 100%;
        text-align: right;
        vertical-align: top;

        &.fa-minus {
          display: none;
        }

        &.fa-plus {
          display: inherit;
        }

        @at-root .open#{&}.fa-minus{
          display: inherit;
        }

        @at-root .open#{&}.fa-plus {
          display: none;
        }

      }

    }
  }

  .card-body{
    font-size: 0.7rem;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0 !important;
    transition-property: max-height, padding-bottom, padding-top;
    transition-duration: 1s;
    overflow: hidden;

    p{
      margin-bottom: 0.5rem;
    }
  }

  &.open .card-body{
    max-height: none;
  }


  &.home-card{
    margin-bottom: 0.5rem;

    .card-header{
      padding: 0.3rem 0.5rem;

      .card-open i{
        vertical-align: unset;
      }
    }

    .card-title h6{
      font-size: 0.6rem;

      @include breakpoint(md) {
        font-size: 0.7rem;
      }
    }

    .card-body{
      font-size: 0.6rem;
    }
  }
}