diff --git a/assets/pasted-20260215-171328-d90df4ce.jpg b/assets/pasted-20260215-171328-d90df4ce.jpg
new file mode 100644
index 0000000..65d6329
Binary files /dev/null and b/assets/pasted-20260215-171328-d90df4ce.jpg differ
diff --git a/index.php b/index.php
index 4486a63..0bcfc14 100644
--- a/index.php
+++ b/index.php
@@ -179,11 +179,29 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
             width: 130px;
             height: 130px;
             border-radius: 50%;
-            margin-bottom: 1rem;
             object-fit: cover;
-            border: 4px solid var(--primary-color);
-            box-shadow: 0 0 25px rgba(56, 189, 248, 0.7), 0 0 50px rgba(56, 189, 248, 0.4);
-            transition: transform 0.3s ease, box-shadow 0.3s ease;
+            border: 4px solid var(--dynamic-glow, var(--primary-color));
+            box-shadow: 0 0 25px var(--dynamic-glow, rgba(56, 189, 248, 0.7)), 
+                        0 0 50px var(--dynamic-glow-dim, rgba(56, 189, 248, 0.4));
+            transition: transform 0.3s ease, border-color 0.1s ease, box-shadow 0.1s ease;
+        }
+
+        body.is-playing .brand-logo {
+            animation: logo-pulse 2s infinite ease-in-out;
+        }
+
+        @keyframes logo-pulse {
+            0%, 100% { transform: scale(1); }
+            50% { transform: scale(1.05); }
+        }
+
+        .logo-wrapper {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: 2rem;
+            margin-bottom: 1.5rem;
+            flex-wrap: wrap;
         }
 
         .brand-logo:hover {
@@ -619,7 +637,10 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
         <section class="player-section">
             <div class="glass-card">
                 <header class="brand">
-                    <img src="./assets/pasted-20260215-163754-def41f49.png" alt="Lili Records Logo" class="brand-logo">
+                    <div class="logo-wrapper">
+                        <img src="./assets/pasted-20260215-163754-def41f49.png" alt="Lili Records Logo" class="brand-logo">
+                        <img src="./assets/pasted-20260215-171328-d90df4ce.jpg" alt="Logo Secundario" class="brand-logo">
+                    </div>
                     <h1>Lili Records</h1>
                     <p>Siente la música, vive el ritmo.</p>
                 </header>
@@ -743,6 +764,11 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
 
         let hue = 0;
         function draw() {
+            if (audio.paused) {
+                document.documentElement.style.setProperty('--dynamic-glow', 'rgba(56, 189, 248, 0.7)');
+                document.documentElement.style.setProperty('--dynamic-glow-dim', 'rgba(56, 189, 248, 0.4)');
+                return;
+            }
             animationId = requestAnimationFrame(draw);
             analyzer.getByteFrequencyData(dataArray);
 
@@ -762,7 +788,6 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
             
             // 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})`;