diff --git a/index.php b/index.php
index 590c2bc..001575c 100644
--- a/index.php
+++ b/index.php
@@ -218,7 +218,20 @@ $whatsapp_link = "https://wa.me/" . preg_replace('/[^0-9]/', '', $whatsapp_numbe
 
         body.is-playing .featured-img-container {
             animation: float-img 6s infinite ease-in-out;
-            box-shadow: 0 25px 60px rgba(56, 189, 248, 0.4);
+            box-shadow: 0 0 50px var(--dynamic-glow, rgba(56, 189, 248, 0.6)), 
+                        0 0 100px var(--dynamic-glow-dim, rgba(56, 189, 248, 0.3));
+            border: 4px solid var(--dynamic-glow, rgba(255, 255, 255, 0.2));
+        }
+
+        .featured-img-container {
+            width: 100%;
+            max-width: 900px;
+            position: relative;
+            border-radius: 32px;
+            overflow: hidden;
+            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.7);
+            aspect-ratio: 16 / 10;
+            transition: all 0.5s ease;
         }
 
         @keyframes card-pulse {
@@ -547,6 +560,15 @@ $whatsapp_link = "https://wa.me/" . preg_replace('/[^0-9]/', '', $whatsapp_numbe
             
             // Rotar el color base según el tiempo y la intensidad
             hue = (hue + 0.5 + (average / 50)) % 360;
+            
+            // Actualizar el resplandor de la imagen con el color actual y reactividad
+            const glowOpacity = 0.4 + (average / 255) * 0.5;
+            const glowSize = 30 + (average / 255) * 40;
+            const currentGlow = `hsla(${hue}, 80%, 60%, ${glowOpacity})`;
+            const currentGlowDim = `hsla(${hue}, 80%, 60%, ${glowOpacity * 0.5})`;
+            
+            document.documentElement.style.setProperty('--dynamic-glow', currentGlow);
+            document.documentElement.style.setProperty('--dynamic-glow-dim', currentGlowDim);
 
             for (let i = 0; i < bufferLength; i++) {
                 barHeight = (dataArray[i] / 255) * canvas.height;