From 0332eaa5e5bd76fc722df01507cf1e3ae2086e16 Mon Sep 17 00:00:00 2001
From: devartes <anacavalcante731@gmail.com>
Date: Thu, 26 Jan 2023 21:13:46 -0300
Subject: [PATCH] =?UTF-8?q?style:=20substituindo=20texto=20valor=20por=20f?=
 =?UTF-8?q?rete=20na=20=C3=A1rea=20do=20resultado=20do=20frete?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styles/css/vtex.store-components.css          | 19 ++++++++++++++++-
 .../vtex.store-components.scss                | 21 +++++++++++++++++--
 2 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css
index f3135bf..8e3ea89 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -286,6 +286,8 @@
 .shippingTable .shippingTableHead .shippingTableRow {
   display: grid;
   grid-template-columns: repeat(3, 16.36%);
+  grid-template-areas: "A B C";
+  column-gap: 32px;
 }
 .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryName,
 .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryEstimate,
@@ -299,9 +301,24 @@
 }
 .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryName {
   text-align: left;
+  grid-area: A;
+}
+.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryEstimate {
+  grid-area: C;
+  text-align: left;
 }
 .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryPrice {
-  text-align: right;
+  text-align: left;
+  grid-area: B;
+  font-size: 0;
+}
+.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryPrice::after {
+  content: "frete";
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+  color: #202020;
+  text-transform: uppercase;
 }
 .shippingTable .shippingTableBody .shippingTableRow {
   display: grid;
diff --git a/styles/sass/pages/product/store-components/vtex.store-components.scss b/styles/sass/pages/product/store-components/vtex.store-components.scss
index ccab51c..c407a4b 100644
--- a/styles/sass/pages/product/store-components/vtex.store-components.scss
+++ b/styles/sass/pages/product/store-components/vtex.store-components.scss
@@ -290,6 +290,8 @@
     .shippingTableRow {
       display: grid;
       grid-template-columns: repeat(3, 16.36%);
+      grid-template-areas: "A B C";
+      column-gap: 32px;
       .shippingTableHeadDeliveryName,
       .shippingTableHeadDeliveryEstimate,
       .shippingTableHeadDeliveryPrice {
@@ -302,9 +304,24 @@
       }
       .shippingTableHeadDeliveryName {
         text-align: left;
+        grid-area: A;
+      }
+      .shippingTableHeadDeliveryEstimate {
+        grid-area: C;
+        text-align: left;
       }
       .shippingTableHeadDeliveryPrice {
-        text-align: right;
+        text-align: left;
+        grid-area: B;
+        font-size: 0;
+      }
+      .shippingTableHeadDeliveryPrice::after{
+        content: "frete";
+        font-weight: 400;
+        font-size: 14px;
+        line-height: 19px;
+        color: #202020;
+        text-transform: uppercase;
       }
     }
   }
@@ -350,7 +367,7 @@
   max-height: unset;
   left: 6.9%;
   position: relative;
-  & .productImageTag--image-description--main{
+  & .productImageTag--image-description--main {
     max-height: unset !important;
   }
 }