diff --git a/src/components/Login.js b/src/components/Login.js
index fba9cc8..51222c0 100644
--- a/src/components/Login.js
+++ b/src/components/Login.js
@@ -7,8 +7,8 @@ export function renderLogin(onLogin) {
       <h2 class="login-title">Iniciar Sesión</h2>
       <form id="login-form">
         <div class="form-group">
-          <label for="email">Email</label>
-          <input type="email" id="email" name="email" required autocomplete="email">
+          <label for="identifier">Usuario o email</label>
+          <input type="text" id="identifier" name="identifier" required autocomplete="username">
         </div>
         <div class="form-group">
           <label for="password">Contraseña</label>
@@ -22,7 +22,7 @@ export function renderLogin(onLogin) {
 
   loginContainer.querySelector('#login-form').addEventListener('submit', (e) => {
     e.preventDefault();
-    const email = loginContainer.querySelector('#email').value;
+    const email = loginContainer.querySelector('#identifier').value;
     const password = loginContainer.querySelector('#password').value;
     onLogin(email, password);
   });
diff --git a/src/pages/LoginPage.js b/src/pages/LoginPage.js
index d073007..b37dd94 100644
--- a/src/pages/LoginPage.js
+++ b/src/pages/LoginPage.js
@@ -5,8 +5,8 @@ export function renderLoginPage(onLoginSuccess) {
   const container = document.createElement('div');
   container.className = 'login-page';
 
-  const loginComponent = renderLogin((email, password) => {
-    if (auth.login(email, password)) {
+  const loginComponent = renderLogin(async (email, password) => {
+    if (await auth.login(email, password)) {
       if (onLoginSuccess) {
         onLoginSuccess();
       } else {