diff --git a/index.html b/index.html
index 3d565ff..65fb958 100644
--- a/index.html
+++ b/index.html
@@ -86,19 +86,19 @@
         </header>
 
 <div id="promo-banner" class="hidden mt-4 mb-2 mx-5 fade-in 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">
+    <div onclick="openProtectionPlan()" class="relative cursor-pointer rounded-3xl overflow-hidden shadow-[0_8px_20px_rgba(15,23,42,0.12)] 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"
+            class="w-full h-[120px] object-cover object-center block"
         >
 
         <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"
+            class="absolute top-2 right-2 w-7 h-7 rounded-full bg-black/35 hover:bg-black/50 text-white flex items-center justify-center transition-all z-10 backdrop-blur-sm"
         >
-            <i data-lucide="x" class="w-4 h-4"></i>
+            <i data-lucide="x" class="w-3 h-3"></i>
         </button>
     </div>
 </div>