From 47a61e6ad34b917ba52aec94ac505079de0bb668 Mon Sep 17 00:00:00 2001
From: marsalva <info@marsalva.es>
Date: Sat, 4 Apr 2026 13:42:17 +0000
Subject: [PATCH] Actualizar index.html

---
 index.html | 51 +++++++++++----------------------------------------
 1 file changed, 11 insertions(+), 40 deletions(-)

diff --git a/index.html b/index.html
index a2384aa..1260702 100644
--- a/index.html
+++ b/index.html
@@ -86,49 +86,20 @@
         </header>
 
 <div id="promo-banner" class="hidden mt-4 mb-2 mx-5 fade-in relative">
-    <div onclick="openProtectionPlan()" class="cursor-pointer bg-gradient-to-r from-[#0f172a] via-[#162033] to-[#1e293b] rounded-[2rem] p-5 shadow-[0_12px_30px_rgba(15,23,42,0.18)] border border-slate-700/30 transition-all duration-300 hover:shadow-[0_16px_40px_rgba(15,23,42,0.22)] active:scale-[0.98] overflow-hidden relative">
+    <div onclick="openProtectionPlan()" class="relative cursor-pointer rounded-[2rem] overflow-hidden shadow-[0_12px_30px_rgba(15,23,42,0.18)] active:scale-[0.98] transition-all duration-300">
+        
+        <img 
+            src="img/banner-proteccion.jpg" 
+            alt="Plan Protección Eléctrica"
+            class="w-full h-auto block"
+        >
 
-        <div class="absolute -right-8 -top-8 w-28 h-28 rounded-full bg-blue-500/10 blur-2xl"></div>
-        <div class="absolute -left-8 -bottom-8 w-24 h-24 rounded-full bg-amber-400/10 blur-2xl"></div>
-
-        <button onclick="event.stopPropagation(); closeProtectionBanner()" class="absolute top-3 right-3 w-8 h-8 rounded-full bg-white/10 hover:bg-white/20 text-white/80 flex items-center justify-center transition-all">
+        <button
+            onclick="event.stopPropagation(); closeProtectionBanner()"
+            class="absolute top-3 right-3 w-8 h-8 rounded-full bg-black/35 hover:bg-black/50 text-white flex items-center justify-center transition-all z-10"
+        >
             <i data-lucide="x" class="w-4 h-4"></i>
         </button>
-
-        <div class="flex items-start gap-4 relative z-10">
-            <div class="w-14 h-14 shrink-0 rounded-2xl bg-white/10 border border-white/10 flex items-center justify-center shadow-inner">
-                <i data-lucide="shield-check" class="w-7 h-7 text-amber-400"></i>
-            </div>
-
-            <div class="flex-1 min-w-0 pr-8">
-                <p class="text-[10px] font-black uppercase tracking-[0.22em] text-blue-200 mb-1">
-                    Protección recomendada
-                </p>
-                <h3 class="text-white font-black text-lg tracking-tight leading-tight">
-                    Plan Protección Eléctrica
-                </h3>
-                <p class="text-slate-300 text-xs font-medium mt-2 leading-relaxed">
-                    Evita imprevistos eléctricos en tu vivienda con asistencia prioritaria, revisión anual y cobertura para urgencias.
-                </p>
-
-                <div class="flex flex-wrap gap-2 mt-3">
-                    <span class="px-2.5 py-1 rounded-full bg-white/10 text-white text-[10px] font-black uppercase tracking-wider border border-white/10">
-                        Urgencias
-                    </span>
-                    <span class="px-2.5 py-1 rounded-full bg-white/10 text-white text-[10px] font-black uppercase tracking-wider border border-white/10">
-                        Revisión anual
-                    </span>
-                    <span class="px-2.5 py-1 rounded-full bg-amber-400 text-slate-900 text-[10px] font-black uppercase tracking-wider">
-                        Más tranquilidad
-                    </span>
-                </div>
-
-                <div class="mt-4 inline-flex items-center gap-2 bg-white text-slate-900 px-4 py-2.5 rounded-xl shadow-md font-black text-[11px] uppercase tracking-widest">
-                    Ver Plan
-                    <i data-lucide="arrow-right" class="w-4 h-4"></i>
-                </div>
-            </div>
-        </div>
     </div>
 </div>