From fedfdde90dc550ece8c3ec97dfcc217263cf2761 Mon Sep 17 00:00:00 2001
From: IO420 <320154041@pcpuma.acatlan.unam.mx>
Date: Fri, 24 Oct 2025 17:16:03 -0600
Subject: [PATCH] added image

---
 src/app/layout.tsx                       |  2 +-
 src/app/styles/base/_globales.scss       |  2 +-
 src/app/styles/layout/header.module.scss |  5 +++--
 src/app/styles/layout/login.scss         |  6 +++++-
 src/components/Login.tsx                 | 11 ++++++++++-
 src/components/header.tsx                |  2 +-
 6 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index e4b0d55..14938eb 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -5,7 +5,7 @@ import "../app/styles/base/_globales.scss"; // si tienes estilos globales
 // Carga optimizada de fuentes
 const inter = Inter({
   subsets: ["latin"],
-  weight: ["400", "700"],
+  weight: ["400", "500", "700"],
   variable: "--font-inter",
 });
 const montserrat = Montserrat({
diff --git a/src/app/styles/base/_globales.scss b/src/app/styles/base/_globales.scss
index a5f8dc6..7461881 100644
--- a/src/app/styles/base/_globales.scss
+++ b/src/app/styles/base/_globales.scss
@@ -40,7 +40,7 @@ h1,
 h2,
 h3 {
   margin: 0 0 5rem 0;
-  font-weight: 900;
+  font-weight: 600;
   font-family: "Montserrat", sans-serif; /* 👈 Títulos con Montserrat */
 }
 
diff --git a/src/app/styles/layout/header.module.scss b/src/app/styles/layout/header.module.scss
index 2ae8617..2ef7777 100644
--- a/src/app/styles/layout/header.module.scss
+++ b/src/app/styles/layout/header.module.scss
@@ -25,13 +25,14 @@
   content: "";
   top: 0;
   left: -20px;
-  width: 65%;
+  width: 100%;
   height: 30px;
   min-width: 300px;
-  background: #bd8c01;
+  background: linear-gradient(to right, #bd8c01 40%, #fff 100%);
   transform: skew(-45deg);
   z-index: 0;
 }
+
 .header {
   background-color: #fff;
   display: grid;
diff --git a/src/app/styles/layout/login.scss b/src/app/styles/layout/login.scss
index 7c1fe04..fa561df 100644
--- a/src/app/styles/layout/login.scss
+++ b/src/app/styles/layout/login.scss
@@ -6,7 +6,7 @@
 }
 
 .login-container {
-  width: 400px;
+  width: 300px;
   margin: 100px auto;
   padding: 1.5rem;
   text-align: center;
@@ -39,3 +39,7 @@
     margin-bottom: 10px;
   }
 }
+
+.imageContainer {
+  border-radius: 20px;
+}
diff --git a/src/components/Login.tsx b/src/components/Login.tsx
index 092db74..5c7f35b 100644
--- a/src/components/Login.tsx
+++ b/src/components/Login.tsx
@@ -4,6 +4,7 @@ import { useState } from "react";
 
 import "../app/styles/layout/login.scss";
 import "../app/styles/base/_globales.scss"; // si tienes estilos globales
+import Image from "next/image";
 
 export default function Login() {
   const [email, setEmail] = useState("");
@@ -40,9 +41,17 @@ export default function Login() {
               required
             />
           </div>
-          <button type="submit">Ingresar</button>
+          <button type="submit">Iniciar sesión</button>
         </form>
       </div>
+      <div className="imageContainer">
+        <Image src="/Piedra.jpg" alt="Logo FES" width={250} height={150} />
+        <Image src="/image 1.png" alt="Logo FES" width={250} height={150} />
+        <Image src="/estrella.jpg" alt="Logo FES" width={250} height={150} />
+        <Image src="/sorjuana.jpg" alt="Logo FES" width={250} height={150} />
+        <Image src="/fes.jpg" alt="Logo FES" width={250} height={150} />
+        <Image src="/picachu.jpg" alt="Logo FES" width={250} height={150} />
+      </div>
     </section>
   );
 }
diff --git a/src/components/header.tsx b/src/components/header.tsx
index 4ad2e9c..ff06ddf 100644
--- a/src/components/header.tsx
+++ b/src/components/header.tsx
@@ -21,7 +21,7 @@ function Header() {
           src="/logo-blanco.png"
           alt="Logo FES"
           width={250}
-          height={60}
+          height={70}
         />
       </Link>
       <div className={header.yellowPart}></div>