style: rediseno de layout profesional en las 7 apps

Headers sticky con marca y acciones, contenedores max-w-[1280px],
grids de contenido con rails laterales sticky (cotizador, mi-dia,
detalle de cobranza), stepper vertical en el wizard de alta, toolbar+
tabla unificadas en cobranza, tabs como segmented control en
dashboards, chat con barra de entrada fija y preguntas sugeridas,
landing con navbar + hero + grid de modulos + footer.

apps/cobranza/src/components/KpiCard.tsx

@@ -1,8 +1,23 @@
 import type { ReactNode } from 'react'
 
-export default function KpiCard({ titulo, valor, detalle }: { titulo: string; valor: ReactNode; detalle?: string }) {
+export default function KpiCard({
+  titulo,
+  valor,
+  detalle,
+  plano = false,
+}: {
+  titulo: string
+  valor: ReactNode
+  detalle?: string
+  /** `plano` quita sombra/hover para anidar la tarjeta dentro de otra tarjeta */
+  plano?: boolean
+}) {
   return (
-    <div className="rounded-xl border border-[#E5E7EB] bg-white p-6 shadow-sm transition-shadow duration-200 ease-in-out hover:shadow-md">
+    <div
+      className={`rounded-xl border border-[#E5E7EB] bg-white p-6 ${
+        plano ? '' : 'shadow-sm transition-shadow duration-200 ease-in-out hover:shadow-md'
+      }`}
+    >
       <p className="text-xs font-semibold uppercase tracking-wider text-[#64748B]">{titulo}</p>
       <p className="mt-2 text-3xl font-light text-[#111827]">{valor}</p>
       {detalle && <p className="mt-2 text-xs text-[#64748B]">{detalle}</p>}