diff --git a/index.php b/index.php
index ad10e4c..aa13cdc 100644
--- a/index.php
+++ b/index.php
@@ -497,13 +497,14 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
             padding: 0.8rem;
             border-radius: 12px;
             border: 1px solid rgba(255, 255, 255, 0.2);
-            background-color: rgba(255, 255, 255, 0.9); /* Semi-transparent white */
-            color: #0f172a; 
+            background-color: rgba(255, 255, 255, 0.1); /* Transparent glass */
+            color: #ffffff; 
             font-family: inherit;
             font-size: 0.95rem;
             box-sizing: border-box;
             outline: none;
             transition: all 0.2s;
+            backdrop-filter: blur(4px);
         }
 
         .interaction-form textarea {
@@ -513,7 +514,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
 
         .interaction-form input::placeholder,
         .interaction-form textarea::placeholder {
-            color: #64748b;
+            color: rgba(255, 255, 255, 0.6);
         }
 
         .send-whatsapp-btn {
@@ -577,24 +578,26 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
             width: 220px;
             height: 220px;
             margin: 1rem auto;
-            background: rgba(255, 255, 255, 0.85);
+            background: rgba(255, 255, 255, 0.1);
             border-radius: 12px;
             display: flex;
             flex-direction: column;
             align-items: center;
             justify-content: center;
-            color: #333;
+            color: #fff;
             padding: 10px;
-            backdrop-filter: blur(4px);
+            backdrop-filter: blur(8px);
             cursor: pointer;
             transition: all 0.3s ease;
             animation: qr-pulse 2s infinite ease-in-out;
+            border: 1px solid rgba(255, 255, 255, 0.2);
         }
 
         .qr-placeholder:hover {
             animation-play-state: paused;
             transform: scale(1.05);
             box-shadow: 0 0 20px var(--accent-color);
+            background: rgba(255, 255, 255, 0.2);
         }
 
         @keyframes qr-pulse {
@@ -612,8 +615,8 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
             left: 0;
             width: 100%;
             height: 100%;
-            background: rgba(255,255,255,0.7);
-            backdrop-filter: blur(10px);
+            background: rgba(0,0,0,0.6);
+            backdrop-filter: blur(15px);
             justify-content: center;
             align-items: center;
             opacity: 0;
@@ -628,22 +631,24 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
         .qr-modal-content {
             max-width: 90%;
             max-height: 90%;
-            background: white;
-            padding: 20px;
-            border-radius: 20px;
+            background: rgba(255, 255, 255, 0.1);
+            backdrop-filter: blur(20px);
+            padding: 30px;
+            border-radius: 32px;
             position: relative;
             transform: scale(0.7);
             transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
             overflow: hidden;
-            box-shadow: 0 0 50px rgba(0, 230, 118, 0.4), 0 0 100px rgba(0, 0, 0, 0.05);
+            box-shadow: 0 0 50px rgba(0, 230, 118, 0.4), 0 0 100px rgba(0, 0, 0, 0.5);
             animation: glow-color-change 8s infinite ease-in-out;
+            border: 1px solid rgba(255, 255, 255, 0.2);
         }
 
         @keyframes glow-color-change {
-            0% { box-shadow: 0 0 50px rgba(0, 230, 118, 0.4), 0 0 100px rgba(0, 0, 0, 0.05); }
-            33% { box-shadow: 0 0 50px rgba(2, 132, 199, 0.4), 0 0 100px rgba(0, 0, 0, 0.05); }
-            66% { box-shadow: 0 0 50px rgba(244, 114, 182, 0.4), 0 0 100px rgba(0, 0, 0, 0.05); }
-            100% { box-shadow: 0 0 50px rgba(0, 230, 118, 0.4), 0 0 100px rgba(0, 0, 0, 0.05); }
+            0% { box-shadow: 0 0 50px rgba(0, 230, 118, 0.4), 0 0 100px rgba(0, 0, 0, 0.5); }
+            33% { box-shadow: 0 0 50px rgba(56, 189, 248, 0.4), 0 0 100px rgba(0, 0, 0, 0.5); }
+            66% { box-shadow: 0 0 50px rgba(244, 114, 182, 0.4), 0 0 100px rgba(0, 0, 0, 0.5); }
+            100% { box-shadow: 0 0 50px rgba(0, 230, 118, 0.4), 0 0 100px rgba(0, 0, 0, 0.5); }
         }
 
         .qr-modal-content::after {
@@ -656,7 +661,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
             background: linear-gradient(
                 120deg,
                 transparent,
-                rgba(0, 0, 0, 0.05),
+                rgba(255, 255, 255, 0.1),
                 transparent
             );
             transform: rotate(10deg);
@@ -679,18 +684,19 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
 
         .qr-modal-close {
             position: absolute;
-            top: 10px;
-            right: 15px;
-            color: #1e293b;
-            font-size: 2rem;
+            top: 15px;
+            right: 20px;
+            color: #ffffff;
+            font-size: 2.5rem;
             cursor: pointer;
             z-index: 10;
+            text-shadow: 0 0 10px rgba(0,0,0,0.5);
         }
 
         .qr-placeholder i {
             font-size: 3rem;
             margin-bottom: 10px;
-            color: #000;
+            color: #fff;
         }
 
         .qr-placeholder span {
@@ -905,7 +911,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
 
                     <!-- Espacio para Código QR -->
                     <div class="payment-section">
-                        <div class="qr-placeholder" style="padding: 0; overflow: hidden; background: white;" onclick="openQRModal()">
+                        <div class="qr-placeholder" style="padding: 0; overflow: hidden; background: rgba(255,255,255,0.1);" onclick="openQRModal()">
                             <img src="./assets/pasted-20260216-203652-f5645ae9.jpg" alt="Código QR" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
                         </div>
                         <p style="color: var(--accent-color); font-size: 0.9rem; font-weight: 600; margin-top: 0.5rem; text-transform: uppercase;">