Etapa completada (local) — widgets de Mirada Empresa

components/dashboard/widget-shell.tsx

@@ -8,11 +8,16 @@ interface WidgetShellProps {
   n?: number
   children: React.ReactNode
   colSpan?: number
+  /** 'star' resalta la card (borde + fondo distinto) para métricas destacadas. */
+  variant?: 'star'
 }
 
-export function WidgetShell({ title, subtitle, status, n, children, colSpan = 6 }: WidgetShellProps) {
+export function WidgetShell({ title, subtitle, status, n, children, colSpan = 6, variant }: WidgetShellProps) {
   return (
-    <div className={`db-widget db-col-${colSpan}`} style={{ gridColumn: `span ${colSpan}` }}>
+    <div
+      className={`db-widget db-col-${colSpan}${variant === 'star' ? ' db-widget-star' : ''}`}
+      style={{ gridColumn: `span ${colSpan}` }}
+    >
       <div className="db-widget-header">
         <div className="db-widget-title-group">
           <h3 className="db-widget-title">{title}</h3>