feat: termiando o estilo no newsletter começando o footer

store/blocks/footer/footer-2-desktop.jsonc

@@ -12,13 +12,13 @@
   "rich-text#footer-copyright": {
     "props": {
       "text": "**Copyright © 2022 M3 Academy. Todos os direitos reservados.** \n R. Helena Coutinho, 41 - Braunes - Nova Friburgo - RJ \n CNPJ: 12.345.678.0009-10",
-      "blockClass": "footer"
+      "blockClass": "footer-copyright"
     }
   },
   "rich-text#footer-powered": {
     "props": {
-      "text": "Powered by [![vtex](assets/test.svg)](/test) Developed by [![vtex](assets/test.svg)](/test)",
+      "text": "Powered by [![vtex](assets/logo-vtex.png)](/test) Developed by [![vtex](assets/logo-m3.png)](/test)",
-      "blockClass": "footer"
+      "blockClass": "footer-powered-by"
     }
   }
 }

styles/css/vtex.flex-layout.css

@@ -25,8 +25,16 @@
   background: #000000;
   border-bottom: 1px solid #ffffff;
 }
+.flexRow--menu-row-newsletter :global(.vtex-store-components-3-x-container) {
+  width: 100% !important;
+  max-width: 775px !important;
+}
 
 .flexRowContent--menu-row-newsletter {
   display: flex !important;
   flex-direction: column !important;
+  padding: 32px 0 16px;
+}
+.flexRowContent--menu-row-newsletter .stretchChildrenWidth {
+  width: 100% !important;
 }

styles/css/vtex.rich-text.css

@@ -6,4 +6,28 @@
 1800px + : Big desktop
 */
 /* Media Query M3 */
-/* Grid breakpoints */
+/* Grid breakpoints */
+.container--menu-row-newsletter-title {
+  display: flex;
+  justify-content: center;
+}
+.container--menu-row-newsletter-title .heading--menu-row-newsletter-title {
+  margin: 0;
+  font-family: "Open Sans", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 24px;
+  line-height: 38px;
+  text-align: center;
+  color: #ffffff;
+}
+.container--menu-row-newsletter-title .paragraph--menu-row-newsletter-title {
+  margin: 16px 0;
+  font-family: "Open Sans", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 18px;
+  line-height: 25px;
+  text-align: center;
+  color: #929292;
+}

styles/css/vtex.store-components.css

@@ -169,4 +169,41 @@
   font-size: 32px;
   line-height: 32px;
   color: #575757;
+}
+
+.container--menu-row-label-newsletter {
+  padding: 0;
+}
+.container--menu-row-label-newsletter .form--menu-row-label-newsletter {
+  display: contents !important;
+}
+.container--menu-row-label-newsletter .inputGroup--menu-row-label-newsletter {
+  border-bottom: 1px solid #929292 !important;
+  padding: 0;
+}
+.container--menu-row-label-newsletter .buttonContainer--menu-row-label-newsletter :global(.vtex-button) {
+  border: none !important;
+  border-bottom: 3px solid #bfbfbf !important;
+  background: #000000 !important;
+  border-radius: 0;
+  font-family: "Open Sans", sans-serif;
+  font-style: normal;
+  font-weight: 700;
+  font-size: 14px;
+  line-height: 19px;
+  text-align: center;
+  color: #ffffff;
+}
+.container--menu-row-label-newsletter .inputGroup--menu-row-label-newsletter :global(.vtex-input-prefix__group) {
+  border: 0;
+}
+.container--menu-row-label-newsletter .inputGroup--menu-row-label-newsletter :global(.vtex-styleguide-9-x-input) {
+  background: #000000;
+  font-family: "Open Sans", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 18px;
+  line-height: 25px;
+  color: #929292;
+  text-align: left;
 }

styles/sass/pages/product/vtex.flex-layout.scss

@@ -24,11 +24,17 @@
   background: #000000;
 
   border-bottom: 1px solid #ffffff;
+  :global(.vtex-store-components-3-x-container) {
+    width: 100% !important;
+    max-width: 775px !important;
+  }
 }
 .flexRowContent--menu-row-newsletter {
   display: flex !important;
   flex-direction: column !important;
+  padding: 32px 0 16px;
+
+  .stretchChildrenWidth {
+    width: 100% !important;
+  }
 }
-// .stretchChildrenWidth {
-//   width: 100% !important;
-// }

styles/sass/pages/product/vtex.rich-text.scss

@@ -0,0 +1,27 @@
+//AREA DA RICH TEXT DA NEWSLETEER
+.container--menu-row-newsletter-title {
+  display: flex;
+  justify-content: center;
+  .heading--menu-row-newsletter-title {
+    margin: 0;
+
+    font-family: "Open Sans", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    font-size: 24px;
+    line-height: 38px;
+    text-align: center;
+    color: #ffffff;
+  }
+
+  .paragraph--menu-row-newsletter-title {
+    margin: 16px 0;
+    font-family: "Open Sans", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 25px;
+    text-align: center;
+    color: #929292;
+  }
+}

styles/sass/pages/product/vtex.store-components.scss

@@ -196,3 +196,48 @@
     color: #575757;
   }
 }
+// AREA DA NEWSLATTER INPUT - BUTTON
+.container--menu-row-label-newsletter {
+  padding: 0;
+
+  .form--menu-row-label-newsletter {
+    display: contents !important;
+  }
+  .inputGroup--menu-row-label-newsletter {
+    border-bottom: 1px solid #929292 !important;
+    padding: 0;
+  }
+
+  .buttonContainer--menu-row-label-newsletter {
+    :global(.vtex-button) {
+      border: none !important;
+      border-bottom: 3px solid #bfbfbf !important;
+      background: #000000 !important;
+      border-radius: 0;
+      font-family: "Open Sans", sans-serif;
+      font-style: normal;
+      font-weight: 700;
+      font-size: 14px;
+      line-height: 19px;
+      text-align: center;
+      color: #ffffff;
+    }
+  }
+  .inputGroup--menu-row-label-newsletter {
+    :global(.vtex-input-prefix__group) {
+      border: 0;
+    }
+
+    :global(.vtex-styleguide-9-x-input) {
+      background: #000000;
+
+      font-family: "Open Sans", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      font-size: 18px;
+      line-height: 25px;
+      color: #929292;
+      text-align: left;
+    }
+  }
+}