Actualizar index.html

index.html

@@ -1130,9 +1130,16 @@
                 if (!numRef && srv.title && srv.title.includes('#')) numRef = srv.title.split('#')[1].trim();
                 if (!numRef) numRef = srv.id; // Si falla todo, ponemos el ID interno
 
+                // 🟢 MEDALLA DE PAGO ONLINE
+                let paidBadgeHtml = raw.is_paid 
+                    ? `<div class="absolute -top-3 right-6 bg-emerald-500 text-white text-[9px] font-black px-3 py-1.5 rounded-full shadow-md uppercase tracking-widest flex items-center gap-1 border-2 border-white z-10"><i data-lucide="badge-check" class="w-3 h-3"></i> Pagado Online</div>` 
+                    : '';
+
                 // Generación de la tarjeta Blanca
                 let cardHtml = `
-                    <div id="service-card-${srv.id}" class="bg-white rounded-[2rem] p-6 shadow-sm border border-slate-100 relative text-left transition-all duration-500">
+                    <div id="service-card-${srv.id}" class="bg-white rounded-[2rem] p-6 shadow-sm border border-slate-100 relative text-left transition-all duration-500 mt-3">
+                        
+                        ${paidBadgeHtml}
 
                         <div class="flex justify-between items-center mb-5 pb-4 border-b border-slate-100">
                             <div class="flex items-center gap-2.5">