Lili Records Radio V.1.04

index.php

@@ -10,6 +10,7 @@ $streamUrl = "https://play.radioking.io/lili-record-s-radio";
 $whatsappNumber = "5359177041";
 $whatsappLink = "https://wa.me/" . $whatsappNumber;
 $promoImage = "assets/pasted-20260130-234122-115a4b49.png";
+$qrImage = "assets/pasted-20260131-000858-4fff58f0.jpg";
 
 // Fetch latest requests
 $requests = [];
@@ -317,19 +318,13 @@ try {
       text-align: center;
     }
 
-    .qr-placeholder {
-      width: 80px;
-      height: 80px;
-      background: rgba(255,255,255,0.05);
-      border: 2px dashed var(--glass-border);
+    .qr-image {
+      width: 120px;
+      height: 120px;
       border-radius: 12px;
       margin: 0.5rem auto;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      font-size: 0.6rem;
-      color: rgba(255,255,255,0.5);
+      border: 3px solid rgba(255,255,255,0.1);
+      box-shadow: 0 10px 20px rgba(0,0,0,0.3);
     }
 
     .whatsapp-btn {
@@ -345,15 +340,23 @@ try {
       align-items: center;
       justify-content: center;
       font-size: 2rem;
-      box-shadow: 0 10px 20px rgba(0,0,0,0.3);
+      box-shadow: 0 10px 30px rgba(37, 211, 102, 0.4);
       text-decoration: none;
       transition: all 0.3s ease;
       z-index: 100;
+      animation: bounce 2s infinite;
+    }
+
+    @keyframes bounce {
+      0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
+      40% {transform: translateY(-10px);}
+      60% {transform: translateY(-5px);}
     }
 
     .whatsapp-btn:hover {
       transform: translateY(-5px) scale(1.1);
       color: #fff;
+      animation: none;
     }
 
     .live-badge {
@@ -440,11 +443,7 @@ try {
         </div>
 
         <div class="qr-section">
-          <p class="mb-1 small opacity-75">Apóyanos vía Transfermóvil</p>
-          <div class="qr-placeholder">
-            <i class="fas fa-qrcode fa-2x mb-1"></i>
-            <span>Espacio para QR</span>
-          </div>
+          <img src="<?= $qrImage ?>" alt="QR Pago" class="qr-image">
         </div>
 
         <form action="submit_request.php" method="POST" class="request-form">
@@ -549,4 +548,4 @@ try {
     commentsList.scrollTop = 0; // Show latest first
   </script>
 </body>
-</html>
+</html>