modified styles

src/app/styles/base/_globales.scss

@@ -32,12 +32,6 @@ p {
   line-height: 1.5;
 }
 
-.contenedor {
-  width: 95%;
-  max-width: 120rem;
-  margin: 0 auto;
-}
-
 a {
   text-decoration: none;
 }
@@ -62,7 +56,3 @@ h3 {
   font-size: 4rem;
   text-align: center;
 }
-
-body > section {
-  padding: 10rem 0;
-}

src/app/styles/layout/header.module.scss

@@ -1,6 +1,5 @@
 .logo {
   position: relative;
-  filter: invert(1);
   z-index: 3;
   margin: 5px;
 }
@@ -37,7 +36,7 @@
   background-color: #fff;
   display: grid;
   grid-template-columns: auto 1fr;
-  padding: 0 40px;
+  padding: 0 10px;
   position: relative;
   z-index: 1;
   height: 90px;
@@ -50,7 +49,7 @@
   position: absolute;
   background-color: #003e79;
   height: 100%;
-  min-width: 300px;
+  min-width: 400px;
   transform: skew(45deg);
   z-index: 2;
 }
@@ -63,7 +62,7 @@
   background-color: rgb(1, 92, 184);
   height: 100%;
   width: 10%;
-  min-width: 300px;
+  min-width: 400px;
   transform: skew(45deg);
   z-index: 2;
 }

src/components/header.tsx

@@ -20,8 +20,8 @@ function Header() {
           className={header.logo}
           src="/logo-blanco.png"
           alt="Logo FES"
-          width={200}
-          height={50}
+          width={250}
+          height={60}
         />
       </Link>
       <div className={header.yellowPart}></div>
@@ -43,4 +43,4 @@ function Header() {
 }
 
 export default Header;
-//IO
+//IO