diff --git a/index2.html b/index2.html
index 6c306e0..480d434 100644
--- a/index2.html
+++ b/index2.html
@@ -275,6 +275,13 @@
                 const isViewed = localStorage.getItem(`quote_viewed_${q.id}`) === 'true';
                 if (!isViewed) unseenCount++;
                 
+                // Formateamos las variables reales de la BD
+                let refStr = q.quote_ref || q.ref || q.id || "S/N";
+                let titleStr = q.title || "Presupuesto de Reparación";
+                let amountStr = parseFloat(q.total || q.amount || 0).toFixed(2);
+                let dateStr = q.created_at || q.date || "";
+                if(dateStr && dateStr.includes('T')) dateStr = dateStr.split('T')[0].split('-').reverse().join('/');
+                
                 html += `
                 <div onclick="openQuoteModal(${q.id})" class="bg-white p-5 rounded-[2rem] shadow-sm border ${isViewed ? 'border-slate-100' : 'border-blue-400 ring-2 ring-blue-50'} relative cursor-pointer active:scale-95 transition-all text-left">
                     ${!isViewed ? '<div class="absolute top-5 right-5 w-3 h-3 bg-red-500 rounded-full animate-pulse shadow-sm border-2 border-white"></div>' : ''}
@@ -284,14 +291,14 @@
                             <i data-lucide="file-text" class="w-5 h-5"></i>
                         </div>
                         <div>
-                            <p class="text-[9px] font-black text-slate-400 uppercase tracking-widest leading-none mb-1">REF #${q.ref}</p>
-                            <h3 class="font-black text-slate-800 text-sm leading-tight pr-6 truncate w-[200px]">${q.title}</h3>
+                            <p class="text-[9px] font-black text-slate-400 uppercase tracking-widest leading-none mb-1">REF #${refStr}</p>
+                            <h3 class="font-black text-slate-800 text-sm leading-tight pr-6 truncate w-[200px]">${titleStr}</h3>
                         </div>
                     </div>
                     
                     <div class="flex justify-between items-end border-t border-slate-100 pt-3 mt-1">
-                        <span class="text-[10px] font-bold text-slate-500 flex items-center gap-1"><i data-lucide="calendar" class="w-3 h-3"></i> ${q.date}</span>
-                        <span class="text-lg font-black text-slate-800">${q.amount}€</span>
+                        <span class="text-[10px] font-bold text-slate-500 flex items-center gap-1"><i data-lucide="calendar" class="w-3 h-3"></i> ${dateStr}</span>
+                        <span class="text-lg font-black text-slate-800">${amountStr}€</span>
                     </div>
                 </div>`;
             });
@@ -322,10 +329,14 @@
             localStorage.setItem(`quote_viewed_${id}`, 'true');
             renderQuotes(); 
 
-            document.getElementById('qmRef').innerText = q.ref;
-            document.getElementById('qmTitle').innerText = q.title;
-            document.getElementById('qmDate').innerText = q.date;
-            document.getElementById('qmAmount').innerText = q.amount + "€";
+            document.getElementById('qmRef').innerText = `REF #${q.quote_ref || q.ref || q.id || "S/N"}`;
+            document.getElementById('qmTitle').innerText = q.title || "Presupuesto de Reparación";
+            
+            let fDate = q.created_at || q.date || "";
+            if(fDate && fDate.includes('T')) fDate = fDate.split('T')[0].split('-').reverse().join('/');
+            
+            document.getElementById('qmDate').innerText = fDate;
+            document.getElementById('qmAmount').innerText = parseFloat(q.total || q.amount || 0).toFixed(2) + "€";
 
             const modal = document.getElementById('quoteModal');
             const sheet = document.getElementById('quoteModalSheet');