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/alta-clientes/src/forms/CoacreditadoForm.tsx

@@ -20,7 +20,7 @@ export default function CoacreditadoForm({ valores, onAnterior, onSiguiente }: P
   return (
     <FormProvider {...metodos}>
       <form onSubmit={metodos.handleSubmit(onSiguiente)} noValidate>
-        <label htmlFor="tieneCoacreditado" className="flex items-center gap-3 rounded-xl border border-[#E5E7EB] bg-white p-6 shadow-sm">
+        <label htmlFor="tieneCoacreditado" className="flex items-center gap-3 px-6 py-5">
           <input
             id="tieneCoacreditado"
             type="checkbox"
@@ -31,7 +31,7 @@ export default function CoacreditadoForm({ valores, onAnterior, onSiguiente }: P
         </label>
 
         {tieneCoacreditado && (
-          <div className="mt-16 space-y-16">
+          <div className="border-t border-[#E5E7EB]">
             <DatosGeneralesCampos prefix="generales." compacto />
             <EmpleoCampos prefix="empleo." />
             <EconomicosCampos prefix="economicos." />

apps/alta-clientes/src/forms/DocumentosForm.tsx

@@ -31,9 +31,7 @@ export default function DocumentosForm({
   const ine = documentos.find((d) => d.slot === 'INE')
   return (
     <div>
-      <div className="mb-8">
-        <ChecklistExpediente documentos={documentos} firmaDataUrl={firmaDataUrl} />
-      </div>
+      <ChecklistExpediente documentos={documentos} firmaDataUrl={firmaDataUrl} />
       <SectionCard
         titulo="Documentos del expediente"
         descripcion="Los archivos se conservan en memoria y se enviarán al backend junto con el alta."

apps/alta-clientes/src/forms/FirmasForm.tsx

@@ -62,7 +62,7 @@ export default function FirmasForm({ alta, onCambiarFirma, onAnterior }: Props)
   }
 
   return (
-    <div className="space-y-16">
+    <div>
       <SectionCard titulo="Resumen del alta">
         <dl className="grid grid-cols-2 gap-x-6 gap-y-4 text-sm sm:col-span-2 lg:col-span-3 lg:grid-cols-3">
           <div>
@@ -126,7 +126,7 @@ export default function FirmasForm({ alta, onCambiarFirma, onAnterior }: Props)
         </label>
       </SectionCard>
 
-      {error && <p className="text-xs text-red-700">{error}</p>}
+      {error && <p className="px-6 py-2 text-xs text-red-700">{error}</p>}
 
       <SectionCard titulo="Generar documentos PDF">
         {avisoExpediente && (
@@ -158,7 +158,7 @@ export default function FirmasForm({ alta, onCambiarFirma, onAnterior }: Props)
         </div>
       </SectionCard>
 
-      <div>
+      <div className="sticky bottom-0 flex items-center rounded-b-xl border-t border-[#E5E7EB] bg-white px-6 py-4">
         <button
           type="button"
           onClick={onAnterior}

apps/alta-clientes/src/forms/Navegacion.tsx

@@ -8,7 +8,7 @@ interface Props {
 /** Botones de navegación del wizard */
 export default function Navegacion({ onAnterior, onSiguiente, textoSiguiente = 'Siguiente' }: Props) {
   return (
-    <div className="mt-16 flex items-center justify-between">
+    <div className="sticky bottom-0 flex items-center justify-between gap-4 rounded-b-xl border-t border-[#E5E7EB] bg-white px-6 py-4">
       {onAnterior ? (
         <button
           type="button"

apps/alta-clientes/src/forms/ReferenciasForm.tsx

@@ -43,7 +43,7 @@ export default function ReferenciasForm({ valores, onAnterior, onSiguiente }: Pa
           ))}
         </SectionCard>
         {errorRaiz && typeof errorRaiz.message === 'string' && (
-          <p className="mt-2 text-xs font-semibold text-red-600">{errorRaiz.message}</p>
+          <p className="mt-2 px-6 text-xs font-semibold text-red-600">{errorRaiz.message}</p>
         )}
         <Navegacion onAnterior={onAnterior} />
       </form>

apps/alta-clientes/src/forms/ViviendaCreditoForm.tsx

@@ -42,7 +42,7 @@ export default function ViviendaCreditoForm({ valores, onAnterior, onSiguiente }
   return (
     <FormProvider {...metodos}>
       <form onSubmit={metodos.handleSubmit(onSiguiente)} noValidate>
-        <div className="space-y-16">
+        <div>
           <SectionCard titulo="Datos vivienda">
             <CampoSelect
               nombre="proyecto"