diff --git a/index.php b/index.php
index 9314f74..37962ba 100644
--- a/index.php
+++ b/index.php
@@ -398,6 +398,14 @@ try {
         position: relative;
         z-index: 2;
     }
+
+    .qr-container {
+        cursor: pointer;
+        transition: all 0.3s ease;
+    }
+    .qr-container:hover {
+        transform: scale(1.1);
+    }
   </style>
 </head>
 <body>
@@ -465,7 +473,7 @@ try {
                 <h5 class="mb-1"><i class="fas fa-comments me-2 text-primary"></i>Mensajes de Oyentes</h5>
                 <p class="small opacity-50 mb-0">Gestiona las peticiones en tiempo real</p>
               </div>
-              <div class="text-center" style="width: 90px;">
+              <div class="text-center qr-container" style="width: 90px;" data-bs-toggle="modal" data-bs-target="#qrModal">
                 <img src="<?= $qrImage ?>" alt="QR Pago" class="w-100 rounded-3 mb-1">
                 <p class="small fw-bold mb-0">APOYAR</p>
               </div>
@@ -499,7 +507,7 @@ try {
                 <h5 class="mb-1"><i class="fas fa-paper-plane me-2 text-primary"></i>¡Envía tu mensaje!</h5>
                 <p class="small opacity-60 mb-0">Pide una canción o envía un saludo al aire.</p>
               </div>
-              <div class="text-center" style="width: 90px;">
+              <div class="text-center qr-container" style="width: 90px;" data-bs-toggle="modal" data-bs-target="#qrModal">
                 <img src="<?= $qrImage ?>" alt="QR Pago" class="w-100 rounded-3 mb-1">
                 <p class="small fw-bold mb-0">APOYAR</p>
               </div>
@@ -569,6 +577,20 @@ try {
     </div>
   </div>
 
+  <!-- Modal QR Ampliado -->
+  <div class="modal fade" id="qrModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered">
+      <div class="modal-content bg-transparent border-0">
+        <div class="modal-body p-0 text-center">
+          <img src="<?= $qrImage ?>" alt="QR Pago Ampliado" class="img-fluid rounded-4 shadow-lg" style="max-width: 90vw; max-height: 80vh; border: 5px solid rgba(255,255,255,0.1);">
+          <div class="mt-4">
+              <button type="button" class="btn btn-light rounded-pill px-5 fw-bold" data-bs-dismiss="modal">CERRAR</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
   <a href="<?= $youtubeUrl ?>" target="_blank" class="btn-youtube-float" title="YouTube">
     <i class="fab fa-youtube"></i>
   </a>
