Merge pull request 'fix: Correção tamanho input newsletter, e outros erros de espaçamento' (#3) from feature/development into main

Reviewed-on: #3

src/components/Footer/FooterBottom/footerBottom.module.scss

@@ -150,7 +150,7 @@
 
 @media screen and (max-width: 1024px) {
   .containerFooterBottom {
-    padding: 19px 16px 15px 16px;
+    padding: 15px 16px;
 
     display: grid;
     grid-template-areas:
@@ -163,6 +163,8 @@
       grid-area: address;
       width: 100%;
       max-width: 258px;
+      max-height: 12px;
+      line-height: 12px;
 
       white-space: nowrap;
       overflow: hidden;

src/components/Header/header.module.scss

@@ -189,6 +189,7 @@
     .entrarContainer {
       grid-area: cart;
       width: 100%;
+      max-height: 28px;
 
       a {
         display: none;

src/components/MenuNav/menuNav.module.scss

@@ -5,6 +5,7 @@
   background: var(--black);
   gap: 55px;
   padding: 0 100px;
+  max-height: 44px;
 
   li {
     color: var(--white);
@@ -21,6 +22,7 @@
 
 @media screen and (min-width: 2500px) {
   .menuNav {
+    max-height: 61px;
     li {
       font-size: 28px;
       line-height: 33px;

src/components/Newsletter/newsletter.module.scss

@@ -23,6 +23,7 @@
 
     .containerInputNewsletter {
       display: flex;
+      height: 42px;
 
       input {
         flex: 1;
@@ -74,6 +75,7 @@
       }
 
       .containerInputNewsletter {
+        height: 59px;
         input {
           font-size: 28px;
           line-height: 33px;
@@ -108,6 +110,12 @@
 
       .containerInputNewsletter {
         flex-direction: column;
+        height: auto;
+
+        input {
+          padding: 17px 16px;
+          max-height: 50px;
+        }
 
         button {
           width: 100%;