Merge branch 'Lino' of https://github.com/jls846/front-censo into Sarabia

src/app/styles/base/_globales.scss

@@ -14,15 +14,15 @@ html {
 }
 
 body {
+  display: grid;
+  grid-template-rows: auto 1fr;
   background-color: #f5f5f7;
-  font-family: "Inter", sans-serif; /* 👈 Fuente principal */
+  font-family: "Inter", sans-serif;
   font-style: normal;
   font-size: 2rem;
   font-optical-sizing: auto;
   min-height: 100dvh;
   width: 100vw;
-
-  
 }
 
 p {
@@ -31,7 +31,10 @@ p {
 }
 
 a {
+  color: #003e79;
+  display: block;
   text-decoration: none;
+  margin: 10px 5px;
 }
 
 h1,
@@ -60,3 +63,7 @@ label {
   text-align: start;
   width: 100%;
 }
+
+img {
+  object-fit: cover;
+}

src/app/styles/layout/login.scss

@@ -1,13 +1,15 @@
 .containerGrid {
-  display: grid;
+  display: flex;
   grid-template-columns: 1fr 1fr;
   min-height: 100%;
   margin: 0 100px;
+  justify-content: center;
+  align-items: center;
+  gap: 150px;
 }
 
 .login-container {
-  width: 300px;
+  width: 350px;
-  margin: 100px auto;
   padding: 1.5rem;
   text-align: center;
 
@@ -41,5 +43,11 @@
 }
 
 .imageContainer {
-  border-radius: 20px;
+  display: flex;
+  flex-wrap: wrap;
+  max-width: 500px;
+  max-height: 450px;
+  border-radius: 10px;
+  overflow: hidden;
+  height: min-content;
 }

src/components/Login.tsx

@@ -5,6 +5,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";
+import Link from "next/link";
 
 export default function Login() {
   const [email, setEmail] = useState("");
@@ -42,6 +43,8 @@ export default function Login() {
             />
           </div>
           <button type="submit">Iniciar sesión</button>
+          <Link href={"#"}>Olvidaste Contraseña?</Link>
+          <Link href={"#"}>Crear Cuenta</Link>
         </form>
       </div>
       <div className="imageContainer">