new style

src/components/Login.tsx

@@ -3,6 +3,7 @@
 import { useState } from "react";
 
 import "../app/styles/layout/login.scss";
+import "../app/styles/base/_globales.scss"; // si tienes estilos globales
 
 export default function Login() {
   const [email, setEmail] = useState("");
@@ -16,25 +17,29 @@ export default function Login() {
   return (
     <section className="containerGrid">
       <div className="login-container">
-        <h2>Iniciar sesión</h2>
+        <h2>Inicio 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
-          />
+          <div>
+            <label>Usuario</label>
+            <input
+              type="email"
+              placeholder="Correo"
+              value={email}
+              onChange={(e) => setEmail(e.target.value)}
+              required
+            />
+          </div>
+          <div>
+            <label>Contraseña</label>
+            <input
+              type="password"
+              placeholder="Contraseña"
+              value={password}
+              onChange={(e) => setPassword(e.target.value)}
+              required
+            />
+          </div>
           <button type="submit">Ingresar</button>
         </form>
       </div>