From af5a44e20e925d05b4789ff2cd648ac2cd13f9ca Mon Sep 17 00:00:00 2001
From: ThiagoDuutra <thiagoduutra01@gmail.com>
Date: Sat, 17 Dec 2022 14:18:17 -0300
Subject: [PATCH 1/2] feat: Cria checkout

---
 .../sass/checkout/_checkout-autenticacao.scss | 33 ++++++++++++++-----
 .../sass/checkout/_checkout-carrinho.scss     | 10 +++---
 .../src/arquivos/sass/checkout/_checkout.scss |  8 +++++
 .../src/arquivos/sass/utils/_variaveis.scss   |  1 +
 4 files changed, 39 insertions(+), 13 deletions(-)

diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
index dee3f31..2b92606 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
@@ -54,6 +54,9 @@
         .client-email {
             margin: 0 0 16px;
 
+            @media (max-width: 1024px) {
+                width: 100%;
+            }
             input {
                 box-shadow: none;
                 color: $color-black;
@@ -135,7 +138,7 @@
     .client-profile-data {
         .accordion-group {
             border-radius: 0;
-            border: 1px solid $color-gray4;
+            border: 1px solid $color-gray3;
             font-family: $font-family;
             padding: 16px;
 
@@ -168,19 +171,19 @@
                 /* General configurations */
 
                 .client-notice {
-                    color: $color-black;
+                    display: none;
                 }
 
                 p {
                     label {
-                        color: $color-black;
+                        color: $color-gray2;
                         font-weight: 500;
                     }
 
                     select,
                     input {
-                        border-radius: 0;
-                        border: 1px solid $color-gray4;
+                        border-radius: 5px;
+                        border: 1px solid $color-gray7;
                         box-shadow: none;
                     }
 
@@ -188,6 +191,9 @@
                         color: red;
                     }
                 }
+                .box-client-info-pj {
+                    display: none;
+                }
 
                 .box-client-info-pj {
                     .link a#is-corporate-client,
@@ -201,21 +207,32 @@
                 .state-inscription-box span {
                     font-weight: 500;
                 }
+                .btn-submit-wrapper {
+                    margin-top: 44px;
+                }
 
                 button.submit {
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                    width: 100%;
                     border: none;
                     border-radius: 5px;
-                    background: $color-black;
+                    background: $color-blue-100;
                     margin-top: 8px;
                     outline: none;
                     transition: all 0.2s linear;
+                    text-transform: uppercase;
+                    font-size: 14px;
+                    line-height: 19px;
+                    font-weight: 700;
 
                     &:hover {
-                        background: lighten($color-black, 5);
+                        background: lighten($color-blue-100, 5);
                     }
 
                     &:active {
-                        background: darken($color-black, 5);
+                        background: darken($color-blue-100, 5);
                     }
                 }
 
diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
index cd9d528..e9f12a2 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
@@ -454,12 +454,12 @@
                 }
 
                 &__current {
-                    border: 1px solid $color-blue;
+                    border: 1px solid $color-black;
                     border-radius: 100px;
                 }
 
                 .blue {
-                    color: $color-blue;
+                    color: $color-black-500;
                 }
 
                 label {
@@ -495,7 +495,7 @@
                     }
 
                     & ~ button {
-                        background-color: $color-black;
+                        background-color: $color-blue-100;
                         border: none;
                         border-radius: 5px;
                         color: $color-white;
@@ -618,7 +618,7 @@
                     font-weight: normal;
                     font-size: 12px;
                     line-height: 14px;
-                    color: $color-blue;
+                    color: $color-black-500;
                     text-decoration: none;
                 }
             }
@@ -789,7 +789,7 @@
                 font-weight: normal;
                 font-size: 12px;
                 line-height: 14px;
-                color: $color-blue;
+                color: $color-black-500;
             }
         }
 
diff --git a/checkout/src/arquivos/sass/checkout/_checkout.scss b/checkout/src/arquivos/sass/checkout/_checkout.scss
index 1bc037e..0af48b5 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout.scss
@@ -2,6 +2,7 @@
 @import "./checkout-carrinho";
 @import "./checkout-pagamento";
 @import "./checkout-autenticacao";
+@import "./checkout-finalizar";
 
 html {
     height: 100%;
@@ -50,6 +51,13 @@ body {
     .container-order-form,
     .container-cart {
         width: 80%;
+
+        @media (max-width: 1024px) {
+            width: 98%;
+        }
+    }
+    .ship-country {
+        display: none;
     }
 }
 
diff --git a/checkout/src/arquivos/sass/utils/_variaveis.scss b/checkout/src/arquivos/sass/utils/_variaveis.scss
index efcf567..a0bbe97 100644
--- a/checkout/src/arquivos/sass/utils/_variaveis.scss
+++ b/checkout/src/arquivos/sass/utils/_variaveis.scss
@@ -16,6 +16,7 @@ $color-gray3: #f0f0f0;
 $color-gray4: #8d8d8d;
 $color-gray5: #e5e5e5;
 $color-gray6: #c4c4c4;
+$color-gray7: #e0e0e0;
 
 $color-blue: #4267b2;
 $color-blue-100: #00c8ff;

From a5ba28068195724e3a77477be3a8a13657fda97c Mon Sep 17 00:00:00 2001
From: ThiagoDuutra <thiagoduutra01@gmail.com>
Date: Sat, 17 Dec 2022 14:19:51 -0300
Subject: [PATCH 2/2] feat: exclui pasta

---
 checkout/src/arquivos/sass/checkout/_checkout.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/checkout/src/arquivos/sass/checkout/_checkout.scss b/checkout/src/arquivos/sass/checkout/_checkout.scss
index 0af48b5..5461037 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout.scss
@@ -2,7 +2,6 @@
 @import "./checkout-carrinho";
 @import "./checkout-pagamento";
 @import "./checkout-autenticacao";
-@import "./checkout-finalizar";
 
 html {
     height: 100%;