Update index.html

index.html

@@ -189,6 +189,9 @@
         <span class="text-green-400">ECOTAGS</span>
       </h1>
 
+      <div class="flex items-center gap-2">
+        <span id="authStatus" class="text-xs text-gray-300 hidden"></span>
+      </div>
       <div id="mainAuthButtons" class="flex items-center">
         <button id="mainLoginButton" class="bg-blue-600 text-white px-3 py-1 rounded text-sm mr-2" title="Iniciar sesión">Iniciar sesión</button>
         <button id="mainLogoutButton" class="bg-red-600 text-white px-3 py-1 rounded text-sm mr-2" style="display:none" title="Cerrar sesión">Cerrar sesión</button>
@@ -395,6 +398,7 @@
         const anonymousLoginButton = document.getElementById('anonymousLoginButton');
         const mainLoginButton = document.getElementById('mainLoginButton');
         const mainLogoutButton = document.getElementById('mainLogoutButton');
+        const authStatus = document.getElementById('authStatus');
 
         // show/hide password
         showPasswordCheck.addEventListener('change', () => {
@@ -600,6 +604,11 @@
             isAuthReady = true;
             isAnonymous = user.isAnonymous;
 
+            if (authStatus) {
+              authStatus.classList.remove('hidden');
+              authStatus.textContent = isAnonymous ? 'Estado: Anónimo' : `Estado: Autenticado (${user.email || 'Google'})`;
+            }
+
             if (user.isAnonymous) {
               console.log("Usuario es anónimo.");
               userProfile = { username: "Anónimo" };
@@ -639,6 +648,10 @@
 
             mainLoginButton.style.display = 'inline-block';
             mainLogoutButton.style.display = 'none';
+            if (authStatus) {
+              authStatus.textContent = 'Estado: No autenticado';
+              authStatus.classList.remove('hidden');
+            }
           }
         });
       } catch (error) {