fixed login and added label

src/app/styles/base/_globales.scss

@@ -4,7 +4,7 @@ html {
   scroll-padding-top: 0rem;
 }
 
-*, 
+*,
 *:before,
 *:after {
   margin: 0;
@@ -13,10 +13,14 @@ html {
 }
 
 body {
-    background-color: #f5f5f7;  font-family: 'Inter', sans-serif; /* 👈 Fuente principal */
+  background-color: #f5f5f7;
+  font-family: "Inter", sans-serif; /* 👈 Fuente principal */
   font-style: normal;
   font-size: 2rem;
   font-optical-sizing: auto;
+  min-height: 100dvh;
+  width: 100%;
+  max-width: 100vw;
 
   &.overflow-hidden {
     overflow: hidden;
@@ -38,22 +42,24 @@ a {
   text-decoration: none;
 }
 
-h1, h2, h3 {
+h1,
+h2,
+h3 {
   margin: 0 0 5rem 0;
   font-weight: 900;
-  font-family: 'Montserrat', sans-serif; /* 👈 Títulos con Montserrat */
+  font-family: "Montserrat", sans-serif; /* 👈 Títulos con Montserrat */
 }
 
 h1 {
-  font-size: 4rem;
+  font-size: 2rem;
 }
 
 h2 {
-  font-size: 4.6rem;
+  font-size: 3rem;
 }
 
 h3 {
-  font-size: 6rem;
+  font-size: 4rem;
   text-align: center;
 }
 

src/app/styles/layout/login.scss

@@ -1,13 +1,20 @@
+.containerGrid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  min-height: 100%;
+  margin: 0 100px;
+}
+
 .login-container {
-  width: 300px;
+  width: 400px;
   margin: 100px auto;
-  padding: 2rem;
-  border: 1px solid #ccc;
-  border-radius: 10px;
-  background: #f8f9fa;
+  padding: 1.5rem;
   text-align: center;
 
-  h2 { margin-bottom: 20px; color: #004aad; }
+  h2 {
+    margin-bottom: 20px;
+    color: #bd8c01;
+  }
 
   input {
     width: 100%;
@@ -27,5 +34,8 @@
     cursor: pointer;
   }
 
-  .error { color: red; margin-bottom: 10px; }
+  .error {
+    color: red;
+    margin-bottom: 10px;
+  }
 }

src/components/BarNavigation.tsx

@@ -24,13 +24,13 @@ function BarNavigation() {
 
       <ul className={openMenu ? "active" : ""}>
         <li className="subMenu" onClick={toggleMenu}>
-          <Link href="/QuitarSancion" className="links">
-            <span>Quitar sanción</span>
+          <Link href="/Escanear" className="links">
+            <span>Escanear</span>
           </Link>
         </li>
         <li className="subMenu" onClick={toggleMenu}>
-          <Link href="/CambiarPass" className="links">
-            <span> Cambiar contraseña</span>
+          <Link href="/AgregarEquipo" className="links">
+            <span>Agregar equipo</span>
           </Link>
         </li>
       </ul>

src/components/Login.tsx

@@ -14,26 +14,30 @@ export default function Login() {
   };
 
   return (
-    <div className="login-container">
-      <h2>Iniciar sesión</h2>
-      {error && <p className="error">{error}</p>}
-      <form onSubmit={handleSubmit}>
-        <input
-          type="email"
-          placeholder="Correo"
-          value={email}
-          onChange={(e) => setEmail(e.target.value)}
-          required
-        />
-        <input
-          type="password"
-          placeholder="Contraseña"
-          value={password}
-          onChange={(e) => setPassword(e.target.value)}
-          required
-        />
-        <button type="submit">Ingresar</button>
-      </form>
-    </div>
+    <section className="containerGrid">
+      <div className="login-container">
+        <h2>Iniciar sesión</h2>
+        {error && <p className="error">{error}</p>}
+        <form onSubmit={handleSubmit}>
+          <label>Usuario</label>
+          <input
+            type="email"
+            placeholder="Correo"
+            value={email}
+            onChange={(e) => setEmail(e.target.value)}
+            required
+          />
+          <label>Contraseña</label>
+          <input
+            type="password"
+            placeholder="Contraseña"
+            value={password}
+            onChange={(e) => setPassword(e.target.value)}
+            required
+          />
+          <button type="submit">Ingresar</button>
+        </form>
+      </div>
+    </section>
   );
 }