From 4f2279efb084ad9bc9240edb7380f45f708f2ece Mon Sep 17 00:00:00 2001
From: marsalva <info@marsalva.es>
Date: Fri, 3 Apr 2026 17:14:41 +0000
Subject: [PATCH] Actualizar index.html

---
 index.html | 32 ++++++++------------------------
 1 file changed, 8 insertions(+), 24 deletions(-)

diff --git a/index.html b/index.html
index 629e686..743d9dd 100644
--- a/index.html
+++ b/index.html
@@ -85,30 +85,14 @@
 </div>
         </header>
 
-        <div onclick="window.location.href='plan-tranquilidad.html?token=' + urlToken" class="cursor-pointer mb-8 fade-in relative group overflow-hidden bg-slate-900 rounded-[2rem] p-6 shadow-2xl border border-slate-800 transition-all hover:shadow-blue-500/20 hover:-translate-y-1">
-                    <div class="absolute -top-24 -right-24 w-48 h-48 bg-blue-500 rounded-full blur-[80px] opacity-30 group-hover:opacity-50 transition-opacity"></div>
-                    <div class="absolute -bottom-24 -left-24 w-48 h-48 bg-amber-500 rounded-full blur-[80px] opacity-20 group-hover:opacity-40 transition-opacity"></div>
-                    
-                    <div class="relative z-10 flex flex-col items-center text-center">
-                        <div class="w-12 h-12 bg-white/10 backdrop-blur-md rounded-2xl flex items-center justify-center mb-4 border border-white/10 shadow-inner">
-                            <i data-lucide="zap" class="w-6 h-6 text-amber-400"></i>
-                        </div>
-                        
-                        <h3 class="text-white font-black text-lg leading-tight mb-2 tracking-wide flex items-center justify-center gap-2">
-                            <span class="text-blue-400">**</span><i data-lucide="wrench" class="w-4 h-4 text-slate-300"></i> ¡NO ESPERES A UNA AVERÍA! ÚNETE AL PLAN TRANQUILIDAD HOY
-                        </h3>
-                        
-                        <p class="text-slate-300 text-xs font-medium leading-relaxed px-2 mb-6">
-                            Olvídate de facturas sorpresa. Cobertura de URGENCIAS y REVISIÓN ANUAL incluida.
-                        </p>
-                        
-                        <button class="w-full bg-gradient-to-r from-amber-400 to-amber-500 text-amber-950 font-black py-4 rounded-xl shadow-[0_0_20px_rgba(245,158,11,0.3)] uppercase tracking-widest text-[11px] flex items-center justify-center gap-2 group-hover:scale-[1.02] transition-transform">
-                            DAR DE ALTA MI PLAN CON UN CLICK <i data-lucide="chevron-right" class="w-4 h-4"></i>
-                        </button>
-                    </div>
+        <div class="w-full relative z-10">
+            <div id="tabAvisos" class="tab-content active px-5 pt-6 pb-6">
+
+                <div id="promo-banner" onclick="window.location.href='plan-tranquilidad.html?token=' + urlToken" class="hidden cursor-pointer mb-6 fade-in transition-all hover:shadow-lg hover:-translate-y-1 active:scale-[0.98] rounded-[2rem] overflow-hidden shadow-md">
+                    <img src="https://i.postimg.cc/30d993sK/Disen-o-sin-ti-tulo-20.jpg" alt="Plan Tranquilidad Marsalva" class="w-full h-auto object-cover border border-slate-200 rounded-[2rem]">
                 </div>
-                
-                
+                <h2 class="text-xs font-black text-slate-400 uppercase tracking-widest mb-4 ml-2 fade-in fade-in-delay-1">Tus Reparaciones</h2>
+                            
                 <div id="activeServicesContainer" class="space-y-5 fade-in fade-in-delay-1"></div>
                 
                 <div id="noActiveServices" class="hidden text-center p-8 bg-white rounded-[2.5rem] shadow-sm border border-slate-100 mt-2">
@@ -506,7 +490,7 @@ if (hasUnseenPending && isAvisosTab) {
                     statusBadge = `<span class="bg-blue-100 text-blue-600 px-2 py-1 rounded-md text-[8px] font-black uppercase tracking-widest flex items-center gap-1 w-fit mt-1.5 border border-blue-200"><i data-lucide="clock" class="w-3 h-3"></i> Aceptado (Pte. Pago)</span>`;
                 } else if (q.status === 'paid') {
                     statusBadge = `<span class="bg-emerald-100 text-emerald-700 px-2 py-1 rounded-md text-[8px] font-black uppercase tracking-widest flex items-center gap-1 w-fit mt-1.5 shadow-sm border border-emerald-200"><i data-lucide="badge-check" class="w-3 h-3"></i> Pagado Online</span>`;
-                } else if (q.status === 'rejected') {
+               } else if (q.status === 'rejected') {
                     statusBadge = `<span class="bg-rose-100 text-rose-700 px-2 py-1 rounded-md text-[8px] font-black uppercase tracking-widest flex items-center gap-1 w-fit mt-1.5"><i data-lucide="x" class="w-3 h-3"></i> Rechazado</span>`;
                 }