From ce6ead4fa9bc8dbe32f438bd7b4f0312bba71675 Mon Sep 17 00:00:00 2001
From: Rafael Sampaio <rafael.sampa1989@gmail.com>
Date: Mon, 2 Jan 2023 08:14:21 -0300
Subject: [PATCH] feat: adiciona footer bottom 1024px e 375px

---
 .../FooterBottom/styles.module.scss           | 50 +++++++++++++++++++
 src/components/Header/styles.module.scss      |  2 +
 src/components/NewsLetter/styles.module.scss  |  6 +++
 3 files changed, 58 insertions(+)

diff --git a/src/components/FooterBottom/styles.module.scss b/src/components/FooterBottom/styles.module.scss
index f9ab793..5bf0e1b 100644
--- a/src/components/FooterBottom/styles.module.scss
+++ b/src/components/FooterBottom/styles.module.scss
@@ -124,4 +124,54 @@
       font-size: 8px;
     }
   }
+
+  @media (max-width: 1024px) {
+    height: 116px;
+    padding: 0 16px;
+
+    &__content {
+      flex-direction: column;
+      justify-content: center;
+      align-items: flex-start;
+      width: 100%;
+      height: 100%;
+    }
+
+    &__corporateName {
+      width: 100%;
+      max-width: 100%;
+      height: auto;
+      order: 2;
+      margin-bottom: 15px;
+    }
+
+    &__paymentMethods {
+      width: 100%;
+      height: 28px;
+      order: 1;
+      margin-bottom: 15px;
+    }
+
+    &__paymentIcons {
+      width: 82.762%;
+
+      img {
+        height: 17px !important;
+      }
+    }
+
+    &__vtexPci {
+      padding-right: 9.6px;
+
+      @media (min-width: 280px) and (max-width: 360px) {
+        padding: 0;
+      }
+    }
+
+    &__authors {
+      width: 25.811%;
+      min-width: 226.58px;
+      order: 3;
+    }
+  }
 }
diff --git a/src/components/Header/styles.module.scss b/src/components/Header/styles.module.scss
index a00421b..dbfd65e 100644
--- a/src/components/Header/styles.module.scss
+++ b/src/components/Header/styles.module.scss
@@ -93,6 +93,7 @@
       justify-content: space-between;
       align-items: center;
       width: 13%;
+      max-width: 136.23px;
 
       &__logIn {
         width: 53px;
@@ -295,6 +296,7 @@
 
       .buttons {
         width: 10.334%;
+        max-width: 237.64px;
 
         &__logIn {
           width: 105px;
diff --git a/src/components/NewsLetter/styles.module.scss b/src/components/NewsLetter/styles.module.scss
index 9ef6079..09acf11 100644
--- a/src/components/NewsLetter/styles.module.scss
+++ b/src/components/NewsLetter/styles.module.scss
@@ -10,6 +10,7 @@
 
   &__title {
     width: 37.09%;
+    max-width: 474.75px;
     margin-bottom: 8px;
 
     h1 {
@@ -29,6 +30,7 @@
     justify-content: space-between;
     height: 42px;
     width: 37.09%;
+    max-width: 474.75px;
   }
 
   &__input {
@@ -74,6 +76,7 @@
 
     &__title {
       width: 100%;
+      max-width: 100%;
 
       h1 {
         font-size: 14px;
@@ -84,6 +87,7 @@
     &__container {
       height: 116px;
       width: 100%;
+      max-width: 100%;
       flex-direction: column;
     }
 
@@ -103,6 +107,7 @@
 
   @media (min-width: 2500px) {
     &__title {
+      max-width: 922px;
       h1 {
         font-size: 36px;
         line-height: 42px;
@@ -111,6 +116,7 @@
 
     &__container {
       width: 36.88%;
+      max-width: 922px;
       height: 59px;
     }