From 75595aef15472add7dea972bf07d35a990ef483a Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Mon, 16 Feb 2026 22:44:26 +0000
Subject: [PATCH] Auto commit: 2026-02-16T22:44:26.112Z

---
 index.php | 35 ++++++++++++++++++++++++++++++-----
 1 file changed, 30 insertions(+), 5 deletions(-)

diff --git a/index.php b/index.php
index e6fb711..123b7c9 100644
--- a/index.php
+++ b/index.php
@@ -872,9 +872,17 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
                             <a id="lyrics-link" href="#" target="_blank" style="font-size: 0.7rem; color: var(--primary-color); text-decoration: none; margin-top: 8px; display: none; align-items: center; gap: 4px; opacity: 0.8; transition: opacity 0.2s;" onmouseover="this.style.opacity='1'" onmouseout="this.style.opacity='0.8'">
                                 <i class="bi bi-music-note-list"></i> BUSCAR LETRA
                             </a>
-                            <a id="whatsapp-share-track" href="#" target="_blank" style="font-size: 0.7rem; color: #25D366; text-decoration: none; margin-top: 8px; display: none; align-items: center; gap: 4px; opacity: 0.8; transition: opacity 0.2s;" onmouseover="this.style.opacity='1'" onmouseout="this.style.opacity='0.8'">
-                                <i class="bi bi-whatsapp"></i> COMPARTIR CANCIÓN
-                            </a>
+                            <div id="share-links-container" style="display: flex; gap: 10px; flex-wrap: wrap; margin-top: 8px;">
+                                <a id="whatsapp-share-track" href="#" target="_blank" style="font-size: 0.7rem; color: #25D366; text-decoration: none; display: none; align-items: center; gap: 4px; opacity: 0.8; transition: opacity 0.2s;" onmouseover="this.style.opacity='1'" onmouseout="this.style.opacity='0.8'">
+                                    <i class="bi bi-whatsapp"></i> COMPARTIR
+                                </a>
+                                <a id="facebook-share-track" href="#" target="_blank" style="font-size: 0.7rem; color: #1877F2; text-decoration: none; display: none; align-items: center; gap: 4px; opacity: 0.8; transition: opacity 0.2s;" onmouseover="this.style.opacity='1'" onmouseout="this.style.opacity='0.8'">
+                                    <i class="bi bi-facebook"></i> FACEBOOK
+                                </a>
+                                <a id="twitter-share-track" href="#" target="_blank" style="font-size: 0.7rem; color: #1DA1F2; text-decoration: none; display: none; align-items: center; gap: 4px; opacity: 0.8; transition: opacity 0.2s;" onmouseover="this.style.opacity='1'" onmouseout="this.style.opacity='0.8'">
+                                    <i class="bi bi-twitter-x"></i> POSTEAR
+                                </a>
+                            </div>
                         </div>
                         <button id="like-song-btn" onclick="likeSong()" style="background: none; border: none; color: #ff4444; font-size: 1.8rem; cursor: pointer; transition: transform 0.2s; display: flex; align-items: center; gap: 5px;">
                             <i class="bi bi-heart"></i>
@@ -925,6 +933,10 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
                         <a href="<?= $whatsapp_link ?>" target="_blank" class="send-whatsapp-btn" style="text-decoration: none;">
                             <i class="bi bi-whatsapp"></i> WHATSAPP
                         </a>
+
+                        <a href="#" class="download-app-btn" style="text-decoration: none; background: rgba(255,255,255,0.05); color: #fff; border: 1px solid rgba(255,255,255,0.2); padding: 0.8rem; border-radius: 12px; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 0.5rem; transition: all 0.3s ease; backdrop-filter: blur(4px);" onmouseover="this.style.background='rgba(255,255,255,0.1)'; this.style.transform='translateY(-2px)';" onmouseout="this.style.background='rgba(255,255,255,0.05)'; this.style.transform='translateY(0)';">
+                            <i class="bi bi-download"></i> INSTALAR APP
+                        </a>
                     </div>
 
                     <!-- Espacio para Código QR -->
@@ -1694,11 +1706,24 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
                             }
 
                             const whatsappShareBtn = document.getElementById('whatsapp-share-track');
+                            const facebookShareBtn = document.getElementById('facebook-share-track');
+                            const twitterShareBtn = document.getElementById('twitter-share-track');
+                            
+                            const shareText = `¡Estoy escuchando "${title}" de ${artist} en Lili Records Radio! 🎶📻`;
+                            const shareUrl = window.location.href;
+
                             if (whatsappShareBtn) {
-                                const shareText = `¡Estoy escuchando "${title}" de ${artist} en Lili Records Radio! 🎶📻\n\nEscúchala aquí: ${window.location.href}`;
-                                whatsappShareBtn.href = `https://wa.me/?text=${encodeURIComponent(shareText)}`;
+                                whatsappShareBtn.href = `https://wa.me/?text=${encodeURIComponent(shareText + " Escúchala aquí: " + shareUrl)}`;
                                 whatsappShareBtn.style.display = 'flex';
                             }
+                            if (facebookShareBtn) {
+                                facebookShareBtn.href = `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}&quote=${encodeURIComponent(shareText)}`;
+                                facebookShareBtn.style.display = 'flex';
+                            }
+                            if (twitterShareBtn) {
+                                twitterShareBtn.href = `https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}&url=${encodeURIComponent(shareUrl)}`;
+                                twitterShareBtn.style.display = 'flex';
+                            }
                             
                             trackTitle.style.opacity = '1';
                             if (trackArtist) trackArtist.style.opacity = '0.8';