feat: interfaz clara unificada en Centro de Mando

Shell con nav agrupada y activa, PageHeader común, tipografía y tokens.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/components/SeguimientoBoard.tsx

@@ -24,6 +24,7 @@ import {
   sumDaily,
   sumWeekly,
 } from '@/lib/metrics';
+import { PageHeader } from '@/components/ui';
 import {
   AD_TRACKER_PRESETS,
   RangePreset,
@@ -442,23 +443,14 @@ export default function SeguimientoBoard() {
 
   return (
     <div className="space-y-8">
-      <div className="flex flex-col md:flex-row md:items-end md:justify-between gap-3">
-        <div>
-          <p className="text-[11px] font-bold tracking-[0.16em] uppercase text-sky-400">
-            Seguimiento
-          </p>
-          <h2 className="text-2xl font-bold tracking-tight text-white mt-1">
-            Evolución de métricas
-          </h2>
-          <p className="text-sm text-gray-400 mt-1">
-            {data.label} · mismas KPIs que Métricas, filtrables por periodo +
-            notas del equipo
-          </p>
-        </div>
-      </div>
+      <PageHeader
+        eyebrow="Rendimiento"
+        title="Seguimiento"
+        description={`${data.label} · mismas KPIs que Métricas, filtrables por periodo + notas del equipo`}
+      />
 
       {/* Date selector */}
-      <section className="rounded-2xl border border-gray-800 bg-[#111827] p-4 space-y-3">
+      <section className="rounded-2xl border border-white/[0.06] bg-card/80 p-4 space-y-3">
         <div className="flex items-center gap-2 text-xs text-gray-400">
           <CalendarRange className="w-3.5 h-3.5 text-sky-400" />
           Periodo