diff --git a/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss b/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss index 9a52731..bdc4fc4 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss @@ -4,6 +4,193 @@ body .container-main.container-order-form .orderform-template.active { margin-left: unset; margin-right: 0; float: right; + + h2 { + text-align: start; + margin-bottom: 34px; + padding: 0; + font-family: "Tenor Sans, sans-serif"; + font-weight: 400; + font-size: 16px; + line-height: 19px; + } + + .cart-fixed { + position: relative; + border: 1px solid #e5e5e5; + border-radius: 8px; + box-sizing: border-box; + max-height: 397px; + padding: 24px 16px; + + .summary-cart-template-holder { + height: auto !important; + + .cart .cart-items .product-name { + max-width: 115px; + } + } + + .summary-template-holder { + .totalizers-list { + tr { + position: relative; + + &:first-of-type { + &::before { + content: ""; + width: calc(100% + 32px); + position: absolute; + height: 1px; + background: $color-gray8; + top: 0; + left: -16px; + } + } + + &::after { + content: ""; + width: calc(100% + 32px); + position: absolute; + height: 1px; + background: $color-gray8; + bottom: 0; + left: -16px; + } + } + } + + td.info, + td.monetary { + padding: 0; + } + + tfoot { + td.info, + td.monetary { + margin: 0; + padding: 30px 0 22px 0; + } + } + } + + .payment-confirmation-wrap { + position: absolute; + top: calc(100% + 20px); + left: 0; + background: $color-green2; + border-radius: 8px; + } + + .cart { + border: none; + padding: 0; + margin: 0; + height: auto !important; + + ul li { + display: flex; + align-items: center; + + .description { + margin-left: auto; + margin-top: unset; + font-size: 12px; + color: $color-black-100; + + .price { + font-weight: 400; + } + } + } + } + } + } + + .payment-data.span12 { + .accordion-heading { + &::after { + content: "Solicitamos apenas informações necessárias para realização da sua compra, sem compromenter seus dados"; + font-family: "Open Sans", sans-serif; + font-weight: 400; + font-size: 14px; + line-height: 24px; + letter-spacing: -0.01em; + color: $color-gray2; + display: block; + margin: 12px 0 16px 0; + } + } + } + + .payment-data { + .box-step form.form-step { + display: flex; + + .steps-view { + flex: 1; + } + } + + .payment-group { + margin-top: 0; + width: 209px; + margin-right: 40px; + } + } + .payment-body { + .link-gift-card { + #show-gift-card-group { + display: none; + } + } + + .pg-deposito, + .pg-transferencia-bancaria, + .pg-money, + .pg-promisory---monica, + .pg-desconto-em-folha, + #payment-group-creditControlPaymentGroup, + #payment-group-creditDirectSalePaymentGroup, + #payment-group-promissoryPaymentGroup, + #payment-group-PSEPaymentGroup, + #payment-group-SPEIPaymentGroup, + [data-name="Bancolombia Transfer"] { + display: none; + } + + .payment-group-list-btn { + span { + background-image: none !important; + font-family: $font-family; + color: $color-black-200; + font-size: 14px; + line-height: 24px; + text-align: center; + padding: 13px; + } + + a { + background: $color-gray3; + border: 1px solid $color-black-500; + border-radius: 6px; + margin-bottom: 12px; + padding: 0; + width: 209px; + text-decoration: none; + margin-left: 0; + } + + .active { + border: 1px solid $color-red-100; + background: rgba(220, 221, 227, 0.3); + margin-left: 0px; + + span { + color: $color-red-100; + } + } + } } .orderform-template-holder { width: 66.1132%;