diff --git a/checkout/src/arquivos/js/components/CheckoutUI.js b/checkout/src/arquivos/js/components/CheckoutUI.js
index f68f3b2..722e4e3 100644
--- a/checkout/src/arquivos/js/components/CheckoutUI.js
+++ b/checkout/src/arquivos/js/components/CheckoutUI.js
@@ -32,13 +32,12 @@ export default class CheckoutUI {
     toggleFooterDropdown(event) {
         event.target.classList.toggle("closed");
 
-        event.target.nextElementSibling.classList.toggle(
-            "dropdown__content--closed"
-        );
+        event.target.nextElementSibling.classList.toggle("dropdown__content--closed");
     }
 
     init() {
         this.configThumb();
+        this.displayTitle();
         waitForEl(".product-image img", this.resizeImages.bind(this));
         $(window).on("orderFormUpdated.vtex", this.resizeImages.bind(this));
     }
@@ -56,14 +55,27 @@ export default class CheckoutUI {
     resizeImages() {
         $(".product-image img").each((i, el) => {
             const $el = $(el);
-            $el.attr(
-                "src",
-                alterarTamanhoImagemSrcVtex(
-                    $el.attr("src"),
-                    this.width,
-                    this.height
-                )
-            );
+            $el.attr("src", alterarTamanhoImagemSrcVtex($el.attr("src"), this.width, this.height));
         });
     }
+
+    async displayTitle() {
+        const orderForm = await window.vtexjs.checkout.getOrderForm();
+        const items = orderForm.items.length;
+        const cartId = document.querySelector("#cart-title");
+
+        $(window).on("orderFormUpdated.vtex", (evt, oF) => {
+            if (oF.items.length <= 0) {
+                cartId.style.display = "none";
+            } else {
+                cartId.style.display = "block";
+            }
+            if (window.location.hash === "#/shipping" || window.location.hash === "#/payment") {
+                cartId.style.display = "none";
+            }
+        });
+        if (items === 0) {
+            cartId.style.display = "none";
+        }
+    }
 }
diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
index 587df19..b890b96 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
@@ -1,289 +1,797 @@
 .checkout-container {
-	.client-pre-email {
-		border-color: $color-gray4;
-		font-family: $font-family;
-		padding-top: 8px;
+    .client-pre-email {
+        border-color: $color-black-500;
+        font-family: $font-family;
+        padding-top: 8px;
 
-		.link-cart {
-			a {
-				color: $color-black-100;
-				font-size: 14px;
+        .link-cart {
+            a {
+                color: $color-black-500;
+                font-size: 14px;
+                font-weight: 400;
+                line-height: 16px;
+                text-transform: uppercase;
 
-				&:hover {
-					color: lighen($color-black-100, 10);
-				}
-			}
-		}
+                &:hover {
+                    cursor: default;
+                    color: lighen($color-black-100, 10);
+                }
+            }
+        }
 
-		.pre-email {
-			flex-direction: column;
-			display: flex;
-			align-items: center;
-			justify-content: center;
+        .pre-email {
+            flex-direction: column;
+            display: flex;
+            align-items: center;
+            justify-content: center;
 
-			h3 {
-				margin-bottom: 16px;
+            h3 {
+                margin: 0 0 20px 0;
 
-				span {
-					color: #303030;
-					font-size: 24px;
-				}
+                span {
+                    font-family: $font-family-secundary;
+                    font-size: 20px;
+                    font-weight: 400;
+                    line-height: 23px;
+                    text-transform: uppercase;
+                    color: $color-black-500;
+                }
 
-				small {
-					color: $color-gray4;
-				}
-			}
-		}
+                small {
+                    font-family: $font-family-secundary;
+                    font-size: 20px;
+                    line-height: 23px;
+                    text-transform: uppercase;
+                    color: $color-black-500;
+                    padding: 0;
+                }
+            }
+        }
 
-		.client-email {
-			margin: 0 0 16px;
+        .client-email {
+            display: flex;
+            flex-direction: column;
+            margin: 0 0 24px;
+            max-width: 562px;
+            width: 100%;
 
-			input {
-				box-shadow: none;
-				color: $color-black-100;
-				font-family: $font-family;
-				padding: 0 16px;
-				border: 2px solid $color-gray3;
-				box-sizing: border-box;
-				border-radius: 5px;
+            input {
+                box-shadow: none;
+                color: $color-black-500;
+                font-family: $font-family;
+                font-size: 12px;
+                line-height: 16px;
+                padding: 0 14px;
+                height: 50px;
+                border: 1px solid $color-black-500;
+                box-sizing: border-box;
+                border-radius: 5px 0 0 5px;
+                max-width: 443px;
+                width: 100%;
 
-				@media (max-width: 490px) {
-					width: auto;
-				}
-			}
+                @media (max-width: 490px) {
+                    width: auto;
+                }
 
-			button {
-				background-color: $color-black-100;
-				border-radius: 5px;
-				border: none;
-				font-family: $font-family;
-				height: 54px;
-				right: 0;
-				top: 0;
+                &::placeholder {
+                    color: $color-black-500;
+                }
+            }
 
-				@media (max-width: 490px) {
-					height: 48px;
-					margin: 0;
-					position: absolute;
-				}
-			}
+            button {
+                background-color: $color-blue-100;
+                border-radius: 0 8px 8px 0;
+                border: none;
+                font-family: $font-family;
+                font-size: 14px;
+                line-height: 19px;
+                font-weight: 700;
+                color: $color-black-500;
+                width: 126px;
+                height: 50px;
+                right: 0px;
+                top: 0;
 
-			span.help.error {
-				color: red;
-			}
-		}
+                @media (max-width: 490px) {
+                    height: 48px;
+                    margin: 0;
+                    position: absolute;
+                }
+            }
 
-		.emailInfo {
-			padding: 16px;
-			background-color: $color-white-500;
-			border: 1px solid $color-gray4;
-			border-radius: 0;
+            span.help.error {
+                font-family: $font-family;
+                font-size: 12px;
+                line-height: 16px;
+                font-weight: 700;
+                color: red;
+                margin-top: 3px;
+            }
+        }
 
-			h3 {
-				color: #303030;
-				margin: 0 0 8px 0;
-			}
+        .emailInfo {
+            padding: 16px 16px 27px;
+            background-color: $color-white-500;
+            border: 1px solid $color-black-500;
+            border-radius: 5px;
+            max-width: 366px;
+            width: 100%;
 
-			ul {
-				margin: 0;
+            h3 {
+                font-family: $font-family;
+                color: $color-black-500;
+                font-size: 12px;
+                line-height: 16px;
+                font-weight: 700;
+                margin: 0 0 10px 0;
+            }
 
-				li {
-					span {
-						color: $color-black-100;
-					}
+            ul {
+                margin: 0;
 
-					i::before {
-						color: $color-black-100;
-						font-size: 1rem;
-						opacity: 1;
-					}
-				}
-			}
+                li {
+                    span {
+                        font-family: $font-family;
+                        font-size: 12px;
+                        line-height: 16px;
+                        color: $color-black-500;
+                        font-weight: 700;
+                    }
 
-			i::before {
-				color: $color-black-100;
-				font-size: 6rem;
-				opacity: 0.5;
-			}
-		}
-	}
+                    i::before {
+                        color: $color-blue-100;
+                        font-size: 1rem;
+                        opacity: 1;
+                    }
+                }
+            }
 
-	.shipping-data,
-	.payment-data,
-	.client-profile-data {
-		.accordion-group {
-			border-radius: 0;
-			border: 1px solid $color-gray4;
-			font-family: $font-family;
-			padding: 16px;
+            i::before {
+                color: $color-black-100;
+                font-size: 6rem;
+                opacity: 0.5;
+            }
+        }
+    }
 
-			.accordion-heading {
-				span {
-					color: #303030;
-					margin-bottom: 8px;
-					padding: 0;
+    .client-profile-data {
+        .accordion-heading {
+            .accordion-toggle {
+                span {
+                    font-size: 0 !important;
 
-					i::before {
-						fill: #303030;
-					}
-				}
+                    &::after {
+                        font-family: $font-family-secundary;
+                        color: $color-black-100;
+                        content: "Identificação";
+                        font-size: 16px;
+                        line-height: 19px;
+                        float: left;
+                    }
+                }
+            }
+        }
+    }
 
-				a {
-					align-items: center;
-					background-color: #303030;
-					border-radius: 8px;
-					border: none;
-					color: $color-white-500;
-					display: flex;
-					justify-content: center;
-					padding: 6px 5px 6px 8px;
-				}
-			}
+    .shipping-data,
+    .payment-data,
+    .client-profile-data {
+        .accordion-group {
+            border-radius: 8px;
+            border: 1px solid $color-gray3;
+            font-family: $font-family;
+            padding: 16px;
+            // width: 90.06%;
 
-			.accordion-inner {
-				padding: 0;
+            .accordion-heading {
+                .accordion-toggle-active {
+                    i::after {
+                        display: none;
+                    }
+                }
 
-				/* General configurations */
+                span {
+                    font-family: $font-family-secundary;
+                    font-size: 16px;
+                    line-height: 18px;
+                    color: $color-black-100;
+                    margin-top: 7px;
+                    margin-bottom: 25px;
+                    padding: 0;
 
-				.client-notice {
-					color: $color-black-100;
-				}
+                    i::before {
+                        content: "";
+                    }
 
-				p {
-					label {
-						color: $color-black-100;
-						font-weight: 500;
-					}
+                    i::after {
+                        content: "";
+                        display: block;
+                        background-image: url("https://agenciamagma.vteximg.com.br/arquivos/lapisM3Academy.png");
+                        background-size: 100% 100%;
+                        background-repeat: no-repeat;
+                        width: 20px;
+                        height: 20px;
+                        float: right;
+                        cursor: pointer;
+                    }
+                }
 
-					select,
-					input {
-						border-radius: 0;
-						border: 1px solid $color-gray4;
-						box-shadow: none;
-					}
+                a {
+                    display: flex;
+                    opacity: 0;
+                    align-items: center;
+                    background-color: #303030;
+                    border-radius: 8px;
+                    border: none;
+                    color: $color-white-500;
+                    justify-content: center;
+                    padding: 6px 5px 6px 8px;
+                }
+            }
 
-					.help.error {
-						color: red;
-					}
-				}
+            .accordion-inner {
+                padding: 0;
 
-				.box-client-info-pj {
-					.link a#is-corporate-client,
-					.link a#not-corporate-client {
-						color: $color-black-100;
-						font-weight: 500;
-						text-decoration: underline;
-					}
-				}
+                p {
+                    input {
+                        box-sizing: border-box;
+                        width: 100%;
+                        max-width: 100%;
+                    }
+                }
 
-				.state-inscription-box span {
-					font-weight: 500;
-				}
+                .box-step {
+                    .shipping-summary-info {
+                        font-family: $font-family;
+                        font-size: 14px;
+                        line-height: 19px;
+                        color: $color-gray2;
+                    }
+                }
 
-				button.submit {
-					border: none;
-					border-radius: 5px;
-					background: $color-black-100;
-					margin-top: 8px;
-					outline: none;
-					transition: all 0.2s linear;
+                /* General configurations */
 
-					&:hover {
-						background: lighten($color-black-100, 5);
-					}
+                .client-notice {
+                    display: none;
 
-					&:active {
-						background: darken($color-black-100, 5);
-					}
-				}
+                    // &::after {
+                    //     position: absolute;
+                    //     content: "Identificação";
+                    //     font-family: $font-family-secundary;
+                    //     font-size: 16px;
+                    //     line-height: 19px;
+                    //     color: $color-black-500;
+                    //     top: 0;
+                    // }
+                }
 
-				/* Shipping configurations */
+                .ship-country {
+                    display: none;
+                }
 
-				.ship-postalCode small a {
-					color: #303030;
-					font-weight: 500;
-					text-decoration: underline;
-				}
+                .ship-postalCode {
+                    display: flex;
+                    flex-direction: column;
 
-				.vtex-omnishipping-1-x-deliveryGroup {
-					p {
-						color: #303030;
-						font-size: 14px;
-						font-weight: 500;
-					}
+                    label {
+                        font-family: $font-family;
+                        color: $color-gray2;
+                        font-size: 12px;
+                        line-height: 16px;
+                        font-weight: 700;
+                    }
 
-					.shp-lean {
-						border: 1px solid $color-gray4;
-						border-radius: 0;
+                    input {
+                        border: 1px solid $color-gray8;
+                        border-radius: 8px;
+                        width: 100%;
+                        max-width: 270px;
+                        margin-bottom: 10px;
+                    }
 
-						label {
-							background-color: $color-white-500;
-							box-shadow: none;
-							color: #303030;
-							padding: 8px 12px;
+                    small {
+                        font-family: $font-family;
+                        color: $color-black-100;
+                        font-size: 12px;
+                        line-height: 16px;
+                        text-decoration: underline;
+                        margin: 0;
+                    }
+                }
 
-							svg path {
-								fill: #d8c8ac;
-							}
-						}
-					}
-				}
+                p {
+                    font-size: 14px;
+                    line-height: 19px;
+                    font-family: $font-family;
+                    color: $color-gray2;
+                    margin: 0;
+                    padding: 0;
 
-				.delivery-address-title {
-					color: #303030;
-					font-size: 14px;
-					font-weight: 500;
-				}
+                    label {
+                        // input {
+                        //     display: none;
+                        // }
 
-				.shp-summary-group-info {
-					border-color: $color-gray4;
-				}
+                        // &.checkbox {
+                        //     position: relative;
+                        //     padding-left: 26px;
 
-				.address-summary {
-					background: none;
-					border-color: $color-gray4;
-					border-radius: 0;
-					color: #303030;
-					padding: 12px;
+                        //     .newsletter-text {
+                        //         &::before {
+                        //             position: absolute;
+                        //             content: "";
+                        //             top: 0;
+                        //             left: 0;
+                        //             width: 16px;
+                        //             height: 16px;
+                        //             border: 1px solid $color-gray11;
+                        //             border-radius: 3px;
 
-					@include mq(md, max) {
-						background-position: 8px 9px;
-					}
+                        //         }
 
-					a {
-						color: #303030;
-						font-weight: 500;
-						text-decoration: underline;
-					}
-				}
+                        //         .newsletter-text:checked + .newsletter-text::before {
+                        //             // content: '';
+                        //             background: $color-blue-100;
+                        //         }
+                        //     }
 
-				.shp-summary-group-price,
-				.shp-summary-package {
-					color: $color-gray4;
-				}
+                        font-family: $font-family;
+                        color: $color-gray2;
+                        font-size: 14px;
+                        line-height: 19px;
+                        font-weight: 400;
+                    }
 
-				.shp-summary-group-price {
-					padding-right: 16px;
-				}
+                    .btn-go-to-payment {
+                        margin-top: 0;
+                    }
+                }
 
-				.shp-summary-package {
-					padding-left: 16px;
-				}
+                select,
+                input {
+                    font-family: $font-family;
+                    color: $color-black-100;
+                    font-size: 14px;
+                    line-height: 19px;
+                    font-weight: 400;
+                    border-radius: 5px;
+                    border: 1px solid $color-gray8;
+                    box-shadow: none;
+                    padding: 0 12px;
+                }
 
-				.vtex-omnishipping-1-x-summaryChange {
-					border-color: #303030;
-					color: #303030;
-				}
+                p {
+                    [type="checkbox"] {
+                        display: none;
 
-				.vtex-omnishipping-1-x-deliveryChannelsToggle {
-					background-color: #d8c8ac;
-					border: 1px solid #d8c8ac;
-				}
+                        &:checked + .newsletter-text::after {
+                            content: "";
+                            width: 12px;
+                            display: block;
+                            position: absolute;
+                            top: 3px;
+                            border-radius: 3px;
+                            left: 3px;
+                            height: 12px;
+                            background-color: $color-blue-100;
+                        }
+                    }
+                }
 
-				.vtex-omnishipping-1-x-deliveryOptionActive {
-					text-shadow: 1.3px 1px lighten($color-black-100, 50);
-				}
-			}
-		}
-	}
+                label {
+                    &.checkbox {
+                        position: relative;
+                        padding-left: 26px;
+
+                        .newsletter-text {
+                            &::before {
+                                position: absolute;
+                                content: "";
+                                border: 1px solid #828282;
+                                border-radius: 3px;
+                                width: 16px;
+                                height: 16px;
+                                top: 0;
+                                left: 0;
+                            }
+                        }
+                    }
+                }
+
+                .input-xlarge {
+                    height: 40px;
+                    margin-bottom: 16px;
+                }
+
+                .input-small {
+                    height: 40px;
+                    margin-bottom: 16px;
+                }
+
+                p.client-first-name,
+                p.client-document {
+                    width: calc(50% - 15px);
+                    margin-right: 15px;
+                }
+
+                p.client-last-name,
+                p.client-phone {
+                    width: 50%;
+                }
+
+                .help.error {
+                    display: none !important;
+                    font-family: $font-family;
+                    color: red;
+                    font-size: 12px;
+                    line-height: 16px;
+                    font-weight: 700;
+                    margin: 0;
+                    padding: 0;
+                }
+            }
+
+            .newsletter {
+                .newsletter-text {
+                    font-family: $font-family;
+                    color: $color-gray10;
+                    font-size: 12px;
+                    line-height: 16px;
+                }
+            }
+
+            .box-client-info-pj {
+                display: none;
+
+                .link a#is-corporate-client,
+                .link a#not-corporate-client {
+                    color: $color-black-100;
+                    font-weight: 500;
+                    text-decoration: underline;
+                }
+            }
+
+            .state-inscription-box span {
+                font-weight: 500;
+            }
+
+            .btn-submit-wrapper {
+                margin: 0;
+            }
+
+            button.submit {
+                font-family: $font-family;
+                color: $color-white-500;
+                letter-spacing: 0.05px;
+                font-size: 14px;
+                line-height: 19px;
+                font-weight: 700;
+                width: 100%;
+                border-radius: 8px;
+                background: $color-blue-100;
+                margin: 45px 0 29px 0;
+                text-transform: uppercase;
+                outline: none;
+                border: none;
+            }
+
+            /* Shipping configurations */
+
+            .ship-postalCode small a {
+                color: #303030;
+                font-weight: 500;
+                text-decoration: underline;
+            }
+
+            .vtex-omnishipping-1-x-deliveryGroup {
+                p {
+                    font-family: $font-family;
+                    color: $color-gray2;
+                    font-size: 14px;
+                    line-height: 19px;
+                    font-weight: 700;
+                    padding-bottom: 10px;
+                }
+            }
+
+            .delivery-address-title {
+                font-family: $font-family;
+                color: $color-gray2;
+                font-size: 12px;
+                line-height: 16px;
+                letter-spacing: 0.05px;
+                font-weight: 700;
+                padding-bottom: 10px;
+            }
+
+            .vtex-omnishipping-1-x-SummaryItemContent {
+                align-items: flex-end;
+            }
+
+            .shp-summary-package {
+                padding-left: 0 !important;
+            }
+
+            .shp-summary-group-info {
+                border-right: none;
+            }
+
+            .shipping-summary-placeholder {
+                .link-change-shipping {
+                    display: none;
+                }
+            }
+
+            .vtex-omnishipping-1-x-addressSummaryActive {
+                .address-summary {
+                    background: none;
+                    border: 1px solid $color-gray8;
+                    border-radius: 8px;
+                    padding: 12px;
+
+                    &::before {
+                        content: "";
+                        display: block;
+                        background-image: url("https://agenciamagma.vteximg.com.br/arquivos/homeM3Academy.png");
+                        background-size: 100% 100%;
+                        background-repeat: no-repeat;
+                        width: 20px;
+                        height: 20px;
+                        float: left;
+                        margin: 8px 9.4px 0 0;
+                    }
+
+                    @include mq(md, max) {
+                        background-position: 8px 9px;
+                    }
+
+                    a {
+                        font-family: $font-family;
+                        color: $color-blue-100;
+                        font-size: 12px;
+                        line-height: 16px;
+                        font-weight: 400;
+                        text-transform: lowercase;
+                        text-decoration: none;
+                        float: right;
+                    }
+                }
+            }
+
+            .shp-summary-group-price,
+            .shp-summary-package {
+                color: $color-gray4;
+            }
+
+            .shp-summary-group-price {
+                padding-right: 16px;
+            }
+
+            .shp-summary-package {
+                padding-left: 16px;
+            }
+
+            .vtex-omnishipping-1-x-leanShippingText {
+                border-right: 1px solid $color-gray8;
+            }
+
+            .vtex-omnishipping-1-x-leanShippingTextLabel {
+                font-family: $font-family;
+                color: $color-gray2;
+                font-size: 12px;
+                line-height: 16px;
+                font-weight: 400;
+                letter-spacing: 0.05px;
+            }
+
+            .vtex-omnishipping-1-x-option:hover,
+            .vtex-omnishipping-1-x-leanShippingOptionActive {
+                background: #f2f2f2;
+            }
+
+            .shp-option-icon {
+                position: relative;
+
+                svg {
+                    display: none;
+                }
+
+                &::before {
+                    display: block;
+                    content: "";
+                    border: 1px solid #828282;
+                    border-radius: 3px;
+                    width: 16px;
+                    height: 16px;
+                    top: 0;
+                    left: 0;
+                }
+            }
+
+            .shp-lean-option-active .shp-option-icon {
+                &::after {
+                    display: block;
+                    content: "";
+                    width: 12px;
+                    display: block;
+                    position: absolute;
+                    left: 50%;
+                    top: 50%;
+                    transform: translate(-50%, -50%);
+                    border-radius: 3px;
+                    height: 12px;
+                    background-color: $color-blue-100;
+                }
+            }
+
+            .vtex-omnishipping-1-x-addressSummary {
+                span {
+                    font-family: $font-family;
+                    color: $color-gray2;
+                    font-size: 12px;
+                    line-height: 16px;
+                }
+            }
+
+            .vtex-omnishipping-1-x-address {
+                label {
+                    font-family: $font-family;
+                    color: $color-gray2;
+                    font-size: 12px;
+                    line-height: 16px;
+                    letter-spacing: 0.05em;
+                    font-weight: 700;
+                }
+
+                .input-large {
+                    border: 1px solid $color-gray8;
+                    border-radius: 8px;
+                    max-width: 294px;
+                    width: 100%;
+                    height: 33px;
+                    padding: 0;
+                }
+
+                .input-xlarge {
+                    max-width: 294px;
+                    width: 100%;
+                    height: 33px;
+                    margin-bottom: 16px;
+                }
+            }
+
+            .btn-ask-for-geolocation-cta {
+                color: $color-white-500;
+                background: $color-blue-100;
+                font-family: $font-family;
+                font-weight: 700;
+                font-size: 14px;
+                line-height: 19px;
+                letter-spacing: 0.05em;
+                text-transform: uppercase;
+            }
+
+            .vtex-omnishipping-1-x-summaryChange {
+                border-color: #303030;
+                color: #303030;
+            }
+
+            .vtex-omnishipping-1-x-warning {
+                border-color: $color-gray10;
+                .onda-v1 {
+                    font-family: $font-family;
+                    color: $color-black-500;
+                    font-size: 12px;
+                    line-height: 16px;
+                }
+            }
+
+            .vtex-omnishipping-1-x-deliveryChannelsToggle {
+                background-color: $color-white-500;
+                border: 1px solid $color-black-100;
+                box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
+            }
+
+            .vtex-omnishipping-1-x-deliveryOptionActive {
+                font-family: $font-family;
+                color: $color-black-100;
+                text-transform: uppercase;
+                font-size: 14px;
+                line-height: 19px;
+                border-radius: 100px;
+            }
+
+            .vtex-omnishipping-1-x-deliveryOptionInactive {
+                font-family: $font-family;
+                color: $color-gray8;
+                text-transform: uppercase;
+                font-size: 14px;
+                line-height: 19px;
+                border-radius: 100px;
+                // text-shadow: 1.3px 1px lighten($color-black-100, 50);
+            }
+
+            .vtex-omnishipping-1-x-addressFormPart1 {
+            }
+
+            .ship-number {
+                .input-mini {
+                    max-width: unset;
+                    width: 90.91%;
+                    height: 33px;
+                    margin-bottom: 15px;
+                }
+            }
+
+            .ship-complement {
+                .input-large {
+                    max-width: unset;
+                    width: 90.91%;
+                    height: 33px;
+                    padding: 0 12px;
+                    margin-bottom: 15px;
+                }
+            }
+
+            .ship-receiverName {
+                .input-xlarge {
+                    max-width: unset;
+                    width: 90.91%;
+                    height: 33px;
+                    margin-bottom: 15px;
+                }
+            }
+        }
+    }
+}
+
+.hproduct {
+    .badge {
+        display: none;
+    }
+
+    img {
+        transform: rotateY(180deg);
+        max-width: 60px;
+        width: 60px;
+        height: 60px;
+    }
+
+    span {
+        font-family: $font-family-secundary;
+        color: $color-black-500;
+        font-size: 12px;
+        line-height: 14px;
+    }
+}
+
+.vtex-omnishipping-1-x-address {
+    div {
+        display: flex;
+        flex-direction: column;
+
+        label {
+            font-family: $font-family;
+            color: $color-gray2;
+            font-size: 12px;
+            line-height: 16px;
+            font-weight: 700;
+            letter-spacing: 0.05px;
+            margin-bottom: 3px;
+        }
+
+        .input-mini {
+            width: 100%;
+            border: 1px solid $color-gray10;
+            border-radius: 8px;
+        }
+
+        input {
+            width: 96.42%;
+
+            &::placeholder {
+                display: none;
+            }
+        }
+    }
 }
diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
index dcf45b0..f137e70 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
@@ -5,7 +5,7 @@
 }
 
 .cart-template {
-    font-family: $font-family;
+    font-family: $font-family-secundary;
     @include mq(md, max) {
         padding: 0 0;
     }
@@ -13,10 +13,11 @@
         display: none;
     }
     .cart {
-        border: 3px solid $color-gray3;
+        border: 1px solid $color-gray3;
         box-sizing: border-box;
         border-radius: 5px;
-        padding: 16px;
+        padding: 16px 29px 16px 16px;
+        margin: 0 0 48px 0;
 
         @include mq(md, max) {
             margin: 0px 0 25px 0;
@@ -25,12 +26,18 @@
             border-radius: 0;
         }
     }
+
     .cart-fixed.affix {
         position: relative !important;
     }
+
     .cart-fixed {
         font-family: $font-family;
         width: 100%;
+        height: 397px !important;
+        padding: 24px 16px;
+        box-sizing: border-box;
+
         h2 {
             background: $color-white-500;
             border: none;
@@ -61,9 +68,8 @@
                     border-top: 1px solid #e5e5e5;
                 }
 
-                .shipping-date,
-                .price {
-                    color: #7d7d7d;
+                .shipping-date {
+                    display: none;
                 }
             }
         }
@@ -71,11 +77,19 @@
         .summary-template-holder {
             border-top: none;
             background: $color-white-500;
+
+            .summary-totalizers {
+                max-width: unset;
+            }
         }
 
         #go-to-cart-button a {
-            color: #303030;
+            font-family: $font-family;
+            color: $color-black-500;
+            font-size: 12px;
+            line-height: 16px;
             text-decoration: underline;
+            // padding-right: 17px;
         }
 
         .summary-totalizers {
@@ -85,18 +99,28 @@
         }
 
         #payment-data-submit {
-            background: $color-black-100;
+            font-family: $font-family;
+            background: $color-green2;
             border: none;
-            border-radius: 0;
-            color: $color-white-500;
+            border-radius: 8px;
+            color: $color-white;
             outline: none;
             transition: all 0.2s linear;
+            font-weight: 700;
+            font-size: 14px;
+            line-height: 19px;
+            text-transform: uppercase;
+            letter-spacing: 0.05em;
             &:hover {
-                background: lighten($color-black-100, 5);
+                background: lighten($color-green2, 5);
             }
 
             &:active {
-                background: darken($color-black-100, 5);
+                background: darken($color-green2, 5);
+            }
+
+            .icon-lock {
+                display: none;
             }
         }
     }
@@ -111,12 +135,50 @@
         }
 
         th {
+            font-family: $font-family-secundary;
             color: $color-black-100;
             padding: 0 0 16px;
-            font-style: normal;
-            font-weight: bold;
+            font-weight: 400;
             font-size: 14px;
             line-height: 16px;
+            text-align: unset;
+            vertical-align: unset;
+
+            &.product {
+                width: 40.64%;
+            }
+
+            &.shipping-date {
+                font-size: 0;
+                width: 15.05%;
+
+                &::after {
+                    content: "Frete";
+                    font-family: $font-family-secundary;
+                    color: $color-black-100;
+                    font-weight: 400;
+                    font-size: 14px;
+                    line-height: 16px;
+                }
+            }
+
+            &.product-price {
+                font-size: 0;
+                width: 15.15%;
+
+                &::after {
+                    content: "Unidade";
+                    font-family: $font-family-secundary;
+                    color: $color-black-100;
+                    font-weight: 400;
+                    font-size: 14px;
+                    line-height: 16px;
+                }
+            }
+
+            &.quantity {
+                width: 18.53%;
+            }
 
             @include mq(md, max) {
                 &.quantity-price,
@@ -130,45 +192,48 @@
             height: auto;
             padding: 0;
             width: 60px;
+            background: none;
 
-            @include mq(sm, max) {
-                width: 72px;
+            a {
+                @include mq(sm, max) {
+                    display: block;
+                    margin-right: 16px;
+                }
             }
 
             img {
                 height: 60px;
-                max-width: 100%;
-                width: auto;
-
-                @include mq(sm, max) {
-                    height: 72px;
-                    width: auto;
-                }
+                max-width: unset;
+                width: 60px;
+                transform: rotateY(180deg);
+                object-fit: cover;
             }
         }
 
         .product-name {
-            padding-right: 0;
+            font-family: $font-family-secundary;
+            color: $color-black-500;
+            font-size: 12px;
+            line-height: 14px;
+            white-space: unset;
 
             @include mq(lg, max) {
                 width: 250px;
             }
 
             a {
-                color: $color-blue;
-                font-style: normal;
-                font-weight: normal;
+                color: $color-black-500;
                 font-size: 12px;
                 line-height: 14px;
-                transition: ease-in 0.22s all;
+                text-decoration: none;
+                padding-left: 16px;
 
                 &:hover {
-                    color: darken($color-blue, 10);
                     text-decoration: none;
                 }
 
-                @media (max-width: 490px) {
-                    margin-left: 23px;
+                @include mq(md, max) {
+                    margin: 0;
                 }
             }
 
@@ -179,9 +244,12 @@
         }
 
         td.shipping-date {
+            width: 147px;
             color: $color-gray2;
             font-size: 12px;
             line-height: 14px;
+            text-align: unset;
+            padding: 0;
 
             @include mq(md, max) {
                 display: none;
@@ -189,7 +257,11 @@
         }
 
         .product-price {
+            text-align: unset;
             min-width: 100px;
+            width: 148px;
+            padding: 0;
+
             @include mq(md, max) {
                 min-width: 78px;
             }
@@ -213,80 +285,9 @@
                     text-transform: lowercase;
                 }
             }
-        }
 
-        td.quantity {
-            align-items: center;
-            border: 1px solid $color-gray3;
-            border-radius: 0;
-            box-sizing: border-box;
-            display: flex;
-            justify-content: center;
-            margin: 6px auto 0;
-            max-height: 38px;
-            max-width: 118px;
-            padding: 0;
-            width: max-content !important;
-
-            @media (max-width: 490px) {
-                margin-left: 84px !important;
-            }
-
-            input {
-                background-color: $color-white-500;
-                border: 1px solid $color-gray3;
-                border-radius: 0;
-                border-width: 0 1px;
-                display: block;
-                max-height: 38px;
-                margin: 0 !important;
-                padding: 8px 0;
-                width: 38px;
-                color: $color-gray2;
-                box-shadow: none;
-
-                @include mq(lg, max) {
-                    width: 24px !important;
-                }
-            }
-
-            .icon-plus-sign,
-            .icon-minus-sign {
-                &::before {
-                    color: $color-black-100;
-                    display: block;
-                    font-weight: 500;
-                    padding: 1px 12px;
-                }
-            }
-
-            .icon-minus-sign {
-                &:before {
-                    content: "-";
-                    font-size: 16px;
-                }
-            }
-
-            .icon-plus-sign {
-                &:before {
-                    content: "+";
-                    font-size: 14px;
-                }
-            }
-
-            .item-quantity-change {
-                @media (max-width: 979px) and (min-width: 768px) {
-                    position: inherit;
-                    bottom: inherit;
-                    left: inherit;
-                    height: inherit;
-                    width: inherit;
-                    top: inherit;
-                }
-
-                @media (max-width: 490px) {
-                    padding: 0;
-                }
+            .price-details {
+                display: none;
             }
         }
 
@@ -296,8 +297,6 @@
                 display: none;
             }
             span {
-                font-style: normal;
-                font-weight: normal;
                 font-size: 14px;
                 line-height: 16px;
                 color: $color-black-100;
@@ -305,9 +304,20 @@
         }
 
         .quantity-price {
+            text-align: unset;
+            padding: 0;
+
             @include mq(md, max) {
                 display: none;
             }
+
+            .total-selling-price {
+                text-align: unset;
+                font-size: 14px;
+                line-height: 19px;
+                font-weight: 700;
+                font-family: $font-family;
+            }
         }
 
         .item-remove {
@@ -338,6 +348,56 @@
         }
     }
 
+    .table td {
+        padding: 0;
+    }
+
+    td.quantity {
+        text-align: start;
+        border: 1px solid #f0f0f0;
+        border-radius: 8px;
+        box-sizing: border-box;
+        display: flex;
+        align-items: center;
+        max-width: 99px;
+        padding: 9px 11px;
+        height: 34px;
+        margin-top: 13px;
+
+        @include mq(md, max) {
+            width: 99px !important;
+            // margin-left: calc(60px + 16px) !important;
+            display: flex !important;
+            padding: 9px 11px !important;
+        }
+
+        .item-quantity-change {
+            @include mq(lg, max) {
+                position: unset !important;
+                width: unset !important;
+                height: unset !important;
+            }
+        }
+
+        .icon-minus-sign,
+        .icon-plus-sign {
+            color: $color-blue-100;
+        }
+
+        input {
+            border: none;
+            outline: none;
+            box-shadow: none;
+            margin: 0;
+            padding: 0;
+            flex: 1;
+
+            &:focus {
+                box-shadow: none;
+            }
+        }
+    }
+
     .summary {
         .cart-more-options {
             margin: 0;
@@ -351,12 +411,11 @@
                 }
 
                 .srp-main-title {
-                    margin: 32px 0 12px;
-                    font-style: normal;
-                    font-weight: normal;
+                    margin: 0 0 12px;
                     font-size: 24px;
-                    line-height: 28px;
-                    color: $color-gray2;
+                    line-height: 32px;
+                    color: $color-black-500;
+                    font-family: $font-family;
 
                     @include mq(md, max) {
                         margin-top: 0;
@@ -364,23 +423,27 @@
                 }
 
                 .srp-description {
+                    font-family: $font-family;
                     color: $color-gray2;
-                    font-size: 12px;
+                    font-size: 14px;
                     line-height: 18px;
-                    margin: 0 0 12px;
+                    margin: 0 0 10px;
+                    max-width: 276px;
                 }
 
                 button.shp-open-options {
-                    background-color: $color-gray5;
+                    background-color: $color-gray1;
+                    font-family: $font-family;
                     border: none;
-                    border-radius: 5px;
-                    color: $color-gray2;
-                    font-size: 16px;
+                    border-radius: 8px;
+                    color: $color-black-500;
                     letter-spacing: 0.05em;
+                    font-size: 14px;
                     line-height: 19px;
                     font-weight: 500;
                     outline: none;
-                    padding: 12px 40px;
+                    padding: 12px 41px;
+                    margin: 0;
                     transition: all 0.2s linear;
 
                     &:hover {
@@ -405,51 +468,42 @@
                 }
 
                 .srp-pickup-my-location__button {
-                    background-color: $color-black-100;
+                    background-color: $color-blue-100;
                     border: none;
-                    border-radius: 5px;
+                    border-radius: 8px;
                     color: $color-white-500;
                     outline: none;
                     width: 100%;
 
-                    font-style: normal;
-                    font-weight: 500;
+                    font-family: $font-family;
+                    font-weight: 700;
                     font-size: 14px;
-                    line-height: 16px;
+                    line-height: 19px;
                     letter-spacing: 0.05em;
-
-                    &:hover {
-                        background-color: lighten($color-black-100, 5);
-                    }
-
-                    &:active {
-                        background-color: darken($color-black-100, 5);
-                    }
                 }
             }
 
             .srp-toggle {
-                margin: 0 0 34px;
+                margin: 0 0 20px;
 
                 &__wrapper {
                     background-color: $color-white-500;
                     border-radius: 100px;
                     width: 100%;
                     font-family: $font-family;
-                    font-style: normal;
-                    font-weight: normal;
                     font-size: 14px;
-                    line-height: 16px;
+                    line-height: 19px;
                     text-transform: uppercase;
                 }
 
                 &__current {
-                    border: 1px solid $color-blue;
+                    border: 1px solid $color-black-500;
                     border-radius: 100px;
+                    box-shadow: 2px 2px 4px rgba($color-black-500, 0.2);
                 }
 
                 .blue {
-                    color: $color-blue;
+                    color: $color-black-500;
                 }
 
                 label {
@@ -462,11 +516,13 @@
             }
 
             .srp-postal-code {
+                .ship-country {
+                    display: none;
+                }
+
                 .ship-postalCode {
                     label {
                         font-family: $font-family;
-                        font-style: normal;
-                        font-weight: normal;
                         font-size: 12px;
                         line-height: 14px;
                         color: $color-black-100;
@@ -474,58 +530,65 @@
                     }
 
                     input {
-                        border: 1px solid $color-gray3;
+                        border: 1px solid $color-gray8;
                         border-radius: 5px;
                         box-shadow: none;
-                        color: $color-gray3;
-                        font-size: 12px;
+                        color: $color-black-500;
+                        font-size: 14px;
+                        line-height: 16px;
                         height: 36px;
                         padding: 12px 8px;
                         width: 172px;
                     }
 
                     & ~ button {
-                        background-color: $color-black-100;
+                        background-color: $color-blue-100;
+                        position: absolute;
+                        right: calc(-138px - 9px);
                         border: none;
-                        border-radius: 5px;
+                        border-radius: 8px;
                         color: $color-white-500;
-                        font-size: 12px;
                         height: 36px;
                         letter-spacing: 1px;
                         outline: none;
-                        position: absolute;
-                        right: -150px;
                         top: 36px;
                         transition: all 0.2s linear;
-                        width: 96px;
+                        width: 100px;
+
+                        font-size: 14px;
+                        line-height: 19px;
+                        font-weight: 700;
+                        letter-spacing: 0.05px;
+                        font-family: $font-family;
                         text-transform: uppercase;
-
-                        &:hover {
-                            background-color: lighten($color-black-100, 5);
-                        }
-
-                        &:active {
-                            background-color: darken($color-black-100, 5);
-                        }
                     }
 
                     small a {
                         font-family: $font-family;
-                        font-style: normal;
-                        font-weight: normal;
-                        font-size: 10px;
+                        font-size: 0px;
                         line-height: 12px;
-                        color: $color-blue;
-                        margin-top: 7px;
+                        color: $color-black-500;
+
+                        &::after {
+                            content: "Não sei meu código postal";
+                            font-family: $font-family-secundary;
+                            color: $color-black-500;
+                            font-size: 10px;
+                            line-height: 12px;
+                            text-decoration: underline;
+                        }
                     }
 
                     span.help.error {
+                        font-family: $font-family;
                         color: red;
                         font-size: 12px;
+                        line-height: 16px;
+                        font-weight: 700;
                         position: absolute;
                         left: 0;
                         width: 100%;
-                        top: 17px;
+                        top: 15px;
                     }
                 }
             }
@@ -591,24 +654,38 @@
         }
 
         &-totalizers {
+            margin: 0;
             padding: 0;
-            width: 346px;
+            max-width: 354px;
+            width: 100%;
+
+            @include mq(md, max) {
+                float: none;
+                margin: 0;
+                width: 100%;
+                max-width: unset;
+            }
 
             .coupon-data {
+                display: block !important;
+                margin: 0 0 10px;
+
                 #cart-link-coupon-add {
+                    font-family: $font-family-secundary;
+                    color: $color-black-500;
+                    font-size: 12px;
+                    line-height: 14px;
                     text-decoration: none;
                     &:hover {
-                        text-decoration: underline;
+                        text-decoration: none;
                         cursor: pointer;
                     }
                 }
                 span {
                     font-family: $font-family;
-                    font-style: normal;
-                    font-weight: normal;
                     font-size: 12px;
                     line-height: 14px;
-                    color: $color-blue;
+                    color: $color-black-500;
                     text-decoration: none;
                 }
             }
@@ -630,41 +707,46 @@
                 }
 
                 .coupon-label label {
-                    margin-bottom: 12px;
-                    font-family: $font-family;
-                    font-style: normal;
-                    font-weight: normal;
+                    margin: 0;
+                    font-family: $font-family-secundary;
                     font-size: 12px;
                     line-height: 14px;
                     color: $color-gray2;
-                    cursor: none;
+                    text-align: start;
                 }
 
                 .coupon-fields {
-                    margin-bottom: 32px;
+                    margin-bottom: 20px;
+
+                    span {
+                        display: flex;
+
+                        i.loading-coupon {
+                            display: none;
+                        }
+                    }
 
                     @include mq(sm, max) {
                         span {
                             display: flex;
                             flex-direction: row;
                             justify-content: space-between;
-                            i {
-                                position: absolute;
-                                right: 91px;
-                                opacity: 1;
-                            }
                         }
                     }
 
                     input {
-                        border: 2px solid $color-gray3;
+                        border: 1px solid $color-gray5;
                         border-radius: 5px;
                         box-shadow: none;
                         color: $color-gray4;
                         font-size: 12px;
-                        height: 34px;
-                        padding: 0 12px;
-                        max-width: 160px;
+                        height: 36px;
+                        padding: 0;
+                        max-width: 204px;
+                        width: 100%;
+                        float: left;
+                        padding: 0 16px;
+                        box-sizing: border-box;
 
                         @include mq(sm, max) {
                             max-width: 100%;
@@ -673,29 +755,32 @@
                     }
 
                     button {
-                        background: $color-black-100;
+                        background: $color-blue-100;
                         border: none;
-                        border-radius: 5px;
-                        color: $color-white-500;
-                        font-size: 12px;
+                        border-radius: 8px;
+                        color: $color-black-500;
+                        font-size: 14px;
+                        line-height: 19px;
                         height: 36px;
                         letter-spacing: 1px;
-                        margin-left: 6px;
+                        margin-left: 14px;
                         outline: none;
                         transition: all 0.2s linear;
-                        width: 94px;
+                        max-width: 133px;
+                        width: 100%;
                         text-transform: uppercase;
+                        text-shadow: none;
 
                         @include mq(md, max) {
                             width: 138px;
                         }
 
                         &:hover {
-                            background-color: lighten($color-black-100, 5);
+                            background-color: lighten($color-blue-100, 5);
                         }
 
                         &:active {
-                            background-color: darken($color-black-100, 5);
+                            background-color: darken($color-blue-100, 5);
                         }
                     }
                 }
@@ -703,7 +788,7 @@
 
             .accordion-group {
                 tr {
-                    border-color: #e5e5e5;
+                    border-color: $color-gray5;
 
                     td {
                         &.empty {
@@ -712,12 +797,12 @@
 
                         &.info,
                         &.monetary {
-                            font-style: normal;
-                            font-weight: normal;
-                            font-size: 14px;
-                            line-height: 16px;
+                            font-family: $font-family;
                             color: $color-black-100;
-                            padding: 12px 0;
+                            font-size: 14px;
+                            line-height: 19px;
+                            margin: 25px 0;
+                            padding: 10px 0;
                         }
 
                         &.info {
@@ -731,13 +816,28 @@
                 }
 
                 tfoot {
-                    td.info,
-                    td.monetary {
-                        font-style: normal;
-                        font-weight: normal;
+                    font-family: $font-family;
+                    font-size: 18px;
+                    line-height: 25px;
+                    font-weight: 700;
+                    color: $color-black-100;
+
+                    td.info {
+                        font-family: $font-family;
                         font-size: 18px;
-                        line-height: 21px;
+                        line-height: 25px;
+                        font-weight: 700;
                         color: $color-black-100;
+                        padding: 14px 0;
+                    }
+
+                    td.monetary {
+                        font-family: $font-family;
+                        font-size: 18px;
+                        line-height: 25px;
+                        font-weight: 700;
+                        color: $color-black-100;
+                        padding: 14px 0;
                     }
                 }
             }
@@ -747,13 +847,15 @@
     .cart-links-bottom {
         display: flex;
         flex-direction: column;
-        width: 343px;
+        max-width: 354px;
+        width: 100%;
 
         @include mq(md, max) {
             padding: 0 16px;
             width: calc(100% - 32px);
             float: none;
             margin-bottom: 50px;
+            max-width: unset;
         }
 
         @include mq(md, min) {
@@ -764,25 +866,28 @@
         .link-choose-more-products-wrapper {
             display: block;
             text-align: center;
-            margin-bottom: 16px;
+            margin-bottom: 15px;
+            text-decoration: none;
 
             @include mq(md, max) {
                 margin-bottom: 0px;
             }
 
             a {
-                font-family: $font-family;
-                font-style: normal;
-                font-weight: normal;
+                font-family: $font-family-secundary;
                 font-size: 12px;
                 line-height: 14px;
-                color: $color-blue;
+                color: $color-black-500;
+
+                &:hover {
+                    text-decoration: none;
+                }
             }
         }
 
         .btn-place-order-wrapper {
             a {
-                background: $color-green;
+                background: $color-blue-100;
                 border: none;
                 border-radius: 5px;
                 display: block;
@@ -790,17 +895,13 @@
                 transition: ease-in 0.22s all;
                 padding: 12px 19px;
 
-                &:hover {
-                    background-color: darken($color-green, 5);
-                }
-
                 &:after {
                     content: "finalizar compra";
                     font-family: $font-family;
-                    font-weight: 500;
-                    font-size: 13px;
+                    font-weight: 700;
+                    font-size: 14px;
                     letter-spacing: 0.05em;
-                    color: $color-white-500;
+                    color: $color-black-500;
                     text-transform: uppercase;
                     vertical-align: middle;
                     line-height: 19px;
diff --git a/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss b/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss
index 9a52731..e79f76a 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss
@@ -4,6 +4,192 @@ 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: $font-family-secundary;
+            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: $font-family;
+                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%;
diff --git a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
index f5158ca..89f5173 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
@@ -1,7 +1,7 @@
 .empty-cart {
 	font-family: $font-family;
 	&-content {
-		color: $color-black-100;
+		color: $color-black-500;
 		text-align: center;
 
 		@include mq(md, max) {
@@ -10,29 +10,47 @@
 	}
 
 	&-title {
-		font-size: 20px;
+		font-size: 24px;
+        line-height: 32px;
+        font-weight: 700;
+        text-transform: uppercase;
+        margin: 0;
+        margin-bottom: 32px;
+        margin-top: 170px;
+        padding: 0;
+
 	}
 
+    &-message {
+        display: none;
+    }
+
 	&-links {
 		.link-choose-products {
-			background: $color-black-100;
-			border: none;
-			border-radius: 5px;
-			transition: ease-in 0.22s all;
-			outline: none;
-			font-family: $font-family;
-			font-style: normal;
-			font-weight: 500;
-			font-size: 14px;
-			line-height: 16px;
-			text-align: center;
-			letter-spacing: 0.05em;
-			color: $color-white-500;
-			text-transform: uppercase;
+			background: $color-white-500;
+			border: 1px solid $color-black-500;
+			border-radius: 0;
+			transition: ease-in-out 0.2s all;
+			font-size: 0px;
+            padding: 15px 65px 17px;
+            margin: 0;
+            line-height: 0;
 
-			&:hover {
-				background: lighten($color-black-100, 5);
-			}
+            &::after {
+                content: "Continuar comprando";
+                font-size: 14px;
+                line-height: 16px;
+                text-align: center;
+                font-family: $font-family-secundary;
+                color: $color-black-500;
+                text-transform: uppercase;
+            }
 		}
 	}
 }
+
+// .hide {
+//     display: none !important;
+//     opacity: 0;
+//     pointer-events: none;
+// }
diff --git a/checkout/src/arquivos/sass/checkout/_checkout.scss b/checkout/src/arquivos/sass/checkout/_checkout.scss
index 54fd29e..b7d7020 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout.scss
@@ -49,16 +49,24 @@ body {
     .container-order-form,
     .container-cart {
         width: 80%;
+
+        @include mq(md, max) {
+            width: 100%;
+        }
+
+        .orderform-template {
+
+            @include mq(md, max) {
+                display: flex;
+                flex-direction: column;
+            }
+        }
     }
 }
 
 .btn-success {
     background: $color-black-100;
     text-shadow: none;
-
-    &:hover {
-        background: lighten($color-black-100, 15%);
-    }
 }
 
 .emailInfo h3 {
@@ -67,13 +75,13 @@ body {
 
 #cart-title,
 #orderform-title {
-    color: $color-gray2;
+    color: $color-black-100;
     font-family: $font-family;
-    font-weight: 500;
-    font-size: 36px;
-    line-height: 42px;
-    margin: 40px 0 30px;
-    letter-spacing: 0.1em;
+    font-weight: 700;
+    font-size: 24px;
+    line-height: 33px;
+    margin: 16px 0;
+    letter-spacing: 0.05em;
     text-transform: uppercase;
 
     @include mq(md, max) {
diff --git a/checkout/src/arquivos/sass/partials/_footer.scss b/checkout/src/arquivos/sass/partials/_footer.scss
index c7c65c2..db19077 100644
--- a/checkout/src/arquivos/sass/partials/_footer.scss
+++ b/checkout/src/arquivos/sass/partials/_footer.scss
@@ -12,8 +12,6 @@
     &__address {
         color: $color-gray2;
         font-family: $font-family;
-        font-style: normal;
-        font-weight: normal;
         font-size: 10px;
         line-height: 12px;
         text-transform: capitalize;
@@ -60,8 +58,6 @@
             color: $color-gray2;
             display: flex;
             font-family: $font-family;
-            font-style: normal;
-            font-weight: normal;
             font-size: 10px;
             line-height: 12px;
             text-decoration: none;
diff --git a/checkout/src/arquivos/sass/partials/_header.scss b/checkout/src/arquivos/sass/partials/_header.scss
index b59828b..8a43223 100644
--- a/checkout/src/arquivos/sass/partials/_header.scss
+++ b/checkout/src/arquivos/sass/partials/_header.scss
@@ -47,8 +47,6 @@
             display: flex;
             text-transform: uppercase;
             font-family: $font-family;
-            font-style: normal;
-            font-weight: normal;
             font-size: 12px;
             line-height: 16px;
             color: $color-black-100;
diff --git a/checkout/src/arquivos/sass/utils/_variaveis.scss b/checkout/src/arquivos/sass/utils/_variaveis.scss
index a7acbb6..3444345 100644
--- a/checkout/src/arquivos/sass/utils/_variaveis.scss
+++ b/checkout/src/arquivos/sass/utils/_variaveis.scss
@@ -6,19 +6,34 @@ $font-family-secundary:"Tenor Sans", sans-serif;
 
 /* Colors */
 $color-black-100: #292929;
+$color-black-200: #58595b;
 $color-black-500: #000000;
 
 $color-white-500: #fff;
+$color-white-100: #f5f5f5;
+$color-white: #ffffff;
 
 $color-gray: #6c6c6c;
+$color-gray1: #ededed;
 $color-gray2: #7d7d7d;
 $color-gray3: #f0f0f0;
 $color-gray4: #8d8d8d;
 $color-gray5: #e5e5e5;
+$color-gray6: #ededed;
+$color-gray7: #F0F0F0;
+$color-gray8: #c4c4c4;
+$color-gray9: #808080;
+$color-gray10: #e0e0e0;
+$color-gray11: #828282;
+$color-gray12: #292929;
+
+$color-red-100: #F15A31;
 
 $color-blue: #4267b2;
+$color-blue-100: #00c8ff;
 
 $color-green: #4caf50;
+$color-green2: #298541;
 
 /* Grid breakpoints */
 $grid-breakpoints: (