style: reskin NovaSpark en las 7 apps

Del look editorial (verde #1B4332, esquinas a 0, botones en mayusculas)
al sistema NovaSpark: primario azul #2563EB, detalle naranja #F97316,
fondo #F8FAFC con tarjetas blancas rounded-xl + shadow-sm, chips
rounded-full semanticos, focus ring azul, transiciones 100-200ms.
Incluye headers de tabla en los PDFs (cotizador y estado de cuenta).

apps/cobranza/src/components/Semaforo.tsx

@@ -11,10 +11,10 @@ const ETIQUETA: Record<Semaforo, string> = {
 }
 
 const CLASE_DOT: Record<Semaforo, string> = {
-  VERDE: 'border-green-300 bg-white text-green-700',
-  AMBAR: 'border-amber-300 bg-white text-amber-700',
-  ROJO: 'border-red-300 bg-white text-red-700',
-  GRIS: 'border-neutral-300 bg-white text-neutral-500',
+  VERDE: 'bg-green-50 text-green-700',
+  AMBAR: 'bg-amber-50 text-amber-700',
+  ROJO: 'bg-red-50 text-red-700',
+  GRIS: 'bg-gray-100 text-gray-600',
 }
 
 /**
@@ -37,7 +37,7 @@ export function semaforoPlan(plan: PlanPago, hoy: Date = new Date()): Semaforo {
 export default function SemaforoDot({ valor }: { valor: Semaforo }) {
   return (
     <span
-      className={`inline-block border px-2 py-0.5 text-xs font-bold uppercase tracking-wider ${CLASE_DOT[valor]}`}
+      className={`inline-block rounded-full px-2.5 py-0.5 text-xs font-medium ${CLASE_DOT[valor]}`}
     >
       {ETIQUETA[valor]}
     </span>