diff --git a/index.html b/index.html
index bcf03c4..672c9e6 100644
--- a/index.html
+++ b/index.html
@@ -1130,10 +1130,17 @@
                 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">
                                 <div class="w-8 h-8 rounded-lg bg-slate-50 border border-slate-100 flex items-center justify-center p-1 shrink-0 overflow-hidden">