challenge-vtex-io-bernardo-waldhelm/styles/sass/pages/product/vtexProduct/vtex.product-summary.scss

.containerNormal {
  max-width: 100% !important;
  border-radius: 0;

  .clearLink {
    .element {
      height: 100%;
      padding: 0;

      .imageContainer {
        width: 100%;
        padding: 0;
        margin: 0;
      }

      .nameContainer {
        margin: 16px 0 8px 0;
        padding: 0;

        .brandName{
          font-family: $font-family;
          font-style: normal;
          font-weight: 400;
          font-size: 18px;
          line-height: 25px;
          text-align: center;
          color: $color-black0;

          @media #{$mq-tablet}, #{$mq-mobile} {
            font-size: 14px;
            line-height: 19px;
          }
        }
      }

      .listPrice {
        padding: 0;
        margin: 0;

        .installmentContainer  {
          display: none;
        }
      }
    }
  }

  :global(.vtex-product-price-1-x-listPriceValue) {
    font-family: $font-family;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    text-decoration-line: line-through;
    color: #BABABA;
    padding: 0;
    margin-bottom: 8px;

    @media #{$mq-tablet}, #{$mq-mobile} {
      font-size: 12px;
      line-height: 15px;
    }

    :global(.vtex-product-price-1-x-currencyContainer) {
      font-size: 14px;

      @media #{$mq-tablet}, #{$mq-mobile} {
        font-size: 12px;
        line-height: 16px;
      }

      &::before {
        content: "de ";
        font-family: $font-family;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        text-align: center;

        @media #{$mq-tablet}, #{$mq-mobile} {
          font-size: 12px;
          line-height: 15px;
        }
      }

      &::after {
        content: " por";
        font-family: $font-family;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        text-align: center;

        @media #{$mq-tablet}, #{$mq-mobile} {
          font-size: 12px;
          line-height: 15px;
        }
      }
    }
  }

  :global(.vtex-product-price-1-x-sellingPrice) {
    padding: 0;
    margin: 0;
    height: 33px;
    font-family: $font-family;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    color: $color-black0;

    @media #{$mq-tablet}, #{$mq-mobile} {
      font-size: 18px;
      line-height: 25px;
    }

    :global(.vtex-product-price-1-x-currencyContainer) {
      font-size: 24px;
      line-height: 33px;

      @media #{$mq-tablet}, #{$mq-mobile} {
        font-size: 18px;
        line-height: 25px;
      }
    }
    .sellingPriceValue {
      padding: 0;
      margin: 0;
    }
  }

}