feat(admin): Agregar contador de caracteres para textarea del Top Bar

- Implementar setupCharacterCounter() en AdminPanel
- Agregar listener de evento 'input' para actualizar contador en tiempo real
- Cambiar color del contador según proximidad al límite (230: danger, 200: warning)
- Trigger automático del contador al cargar/renderizar configuración
- Integrar llamada a setupCharacterCounter() en bindEvents()

Basado en: 07-IMPLEMENTACION-ADMIN-JS.md
Issue: #144

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

admin-panel/admin/assets/js/admin-app.js

@@ -35,11 +35,16 @@ const AdminPanel = {
 		});
 
 		// Detectar cambios en formularios
-		document.querySelectorAll('input, select, textarea').forEach(input => {
+		const enableSaveButton = () => {
-			input.addEventListener('change', () => {
 			this.STATE.hasChanges = true;
 			document.getElementById('saveSettings').disabled = false;
-			});
+		};
+
+		document.querySelectorAll('input, select, textarea').forEach(input => {
+			// Evento 'input' se dispara mientras se escribe (tiempo real)
+			input.addEventListener('input', enableSaveButton);
+			// Evento 'change' se dispara cuando pierde foco (para select y checkboxes)
+			input.addEventListener('change', enableSaveButton);
 		});
 
 		// Tabs
@@ -50,6 +55,40 @@ const AdminPanel = {
 				this.switchTab(tab);
 			});
 		});
+
+		// Contador de caracteres
+		this.setupCharacterCounter();
+	},
+
+	/**
+	 * Configurar contador de caracteres para textarea
+	 */
+	setupCharacterCounter() {
+		const messageTextarea = document.getElementById('topBarMessageText');
+		if (!messageTextarea) return;
+
+		messageTextarea.addEventListener('input', () => {
+			const count = messageTextarea.value.length;
+			const counter = document.getElementById('topBarMessageTextCount');
+
+			if (counter) {
+				counter.textContent = count;
+
+				// Cambiar color según proximidad al límite
+				counter.classList.remove('text-danger', 'text-warning', 'text-muted');
+
+				if (count > 230) {
+					counter.classList.add('text-danger');
+				} else if (count > 200) {
+					counter.classList.add('text-warning');
+				} else {
+					counter.classList.add('text-muted');
+				}
+			}
+		});
+
+		// Trigger inicial para mostrar count actual
+		messageTextarea.dispatchEvent(new Event('input'));
 	},
 
 	/**
@@ -232,6 +271,12 @@ const AdminPanel = {
 			}
 			document.getElementById('topBarFontSize').value = topBar.custom_styles.font_size || 'normal';
 		}
+
+		// Trigger contador de caracteres
+		const messageTextarea = document.getElementById('topBarMessageText');
+		if (messageTextarea) {
+			messageTextarea.dispatchEvent(new Event('input'));
+		}
 	},
 
 	/**