mejroas ui/ux cuentas-cliente

nuxt4-app/app/pages/informe-ingresos.vue

@@ -323,7 +323,7 @@
           <div class="flex flex-col gap-3">
             <div class="flex items-center justify-between">
               <div>
-                <h2 class="text-xl font-bold brand-section-title">{{ tableTitle }}</h2>
+                <h2 :class="['text-xl font-bold', tableTitleClass]">{{ tableTitle }}</h2>
                 <p class="text-xs text-[var(--brand-text-muted)] mt-1">
                   {{ tableDescription }}
                 </p>
@@ -528,6 +528,20 @@ const tableTitle = computed(() => {
   }
 })
 
+const tableTitleClass = computed(() => {
+  switch (selectedView.value) {
+    case 'ingresos-only':
+      return 'text-cyan-400'
+    case 'clientes-only':
+      return 'text-yellow-500'
+    case 'ingresos-clientes':
+    case 'clientes-ingresos':
+      return 'bg-gradient-to-r from-cyan-400 to-yellow-500 bg-clip-text text-transparent'
+    default:
+      return 'brand-section-title'
+  }
+})
+
 const tableDescription = computed(() => {
   switch (selectedView.value) {
     case 'ingresos-only':