From 2a0a21a41c43618331cda47bba94d00f33b0dbce Mon Sep 17 00:00:00 2001
From: marsalva <info@marsalva.es>
Date: Sun, 29 Mar 2026 18:40:59 +0000
Subject: [PATCH] Actualizar index.html

---
 index.html | 53 ++++++++++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 46 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index dd9d72c..feb25b9 100644
--- a/index.html
+++ b/index.html
@@ -125,6 +125,19 @@
             </div>
 
         </div>
+
+<div id="quoteNudge" class="fixed bottom-24 right-10 z-[60] hidden pointer-events-none fade-in">
+    <div class="bg-blue-600 text-white px-4 py-3 rounded-2xl shadow-2xl flex items-center gap-3 animate-bounce relative border-2 border-white/20">
+        <div class="flex flex-col">
+            <span class="text-[8px] font-black uppercase tracking-[0.2em] opacity-80 leading-none mb-1">Acción Pendiente</span>
+            <span class="text-[11px] font-black uppercase tracking-wider whitespace-nowrap">Revisar Presupuesto</span>
+        </div>
+        <i data-lucide="arrow-big-down-dash" class="w-5 h-5"></i>
+        
+        <div class="absolute -bottom-1.5 right-6 w-3 h-3 bg-blue-600 rotate-45"></div>
+    </div>
+</div>
+
     </main>
 
     <nav class="fixed bottom-0 w-full glass-nav border-t border-slate-200 pb-safe pt-2 z-50 transition-transform duration-300 translate-y-full" id="bottomNav">
@@ -396,13 +409,23 @@
             }
         }
 
-        function switchTab(tabName) {
-            document.querySelectorAll('.tab-content').forEach(el => el.classList.remove('active'));
-            document.querySelectorAll('.nav-btn').forEach(el => el.classList.remove('active'));
+       function switchTab(tabName) {
+    document.querySelectorAll('.tab-content').forEach(el => el.classList.remove('active'));
+    document.querySelectorAll('.nav-btn').forEach(el => el.classList.remove('active'));
 
-            document.getElementById(`tab${tabName}`).classList.add('active');
-            document.getElementById(`btnNav${tabName}`).classList.add('active');
-        }
+    document.getElementById(`tab${tabName}`).classList.add('active');
+    document.getElementById(`btnNav${tabName}`).classList.add('active');
+
+    // 🚨 Ocultar el señalador si entramos en presupuestos
+    const nudge = document.getElementById('quoteNudge');
+    if (tabName === 'Presupuestos') {
+        nudge.classList.add('hidden');
+    } else {
+        // Si volvemos a Avisos, volvemos a evaluar si hay pendientes
+        const hasPending = currentQuotes.some(q => !q.status || q.status === 'pending');
+        if (hasPending) nudge.classList.remove('hidden');
+    }
+}
 
         // --- GESTIÓN DE PRESUPUESTOS ---
         function renderQuotes() {
@@ -485,7 +508,23 @@
             
             container.innerHTML = html;
             updateQuotesBadges(unseenCount);
-            lucide.createIcons();
+
+            
+            // 🚨 LÓGICA DEL SEÑALADOR (NUDGE)
+const nudge = document.getElementById('quoteNudge');
+// Comprobar si hay algún presupuesto que sea 'pending'
+const hasPending = currentQuotes.some(q => !q.status || q.status === 'pending');
+
+// Solo lo mostramos si hay pendientes Y estamos en la pestaña de Avisos
+const isAvisosTab = document.getElementById('tabAvisos').classList.contains('active');
+
+if (hasPending && isAvisosTab) {
+    nudge.classList.remove('hidden');
+} else {
+    nudge.classList.add('hidden');
+}
+
+lucide.createIcons();
         }
 
         function updateQuotesBadges(count) {