feat(brand): mostrar bloque de estrategia linkedin B2B en BrandOverview

src/components/BrandOverview.tsx

@@ -440,6 +440,88 @@ export default function BrandOverview({
               </button>
             )}
           </section>
+
+          {/* LinkedIn B2B & Thought Leadership */}
+          <section className="space-y-3">
+            <div className="flex items-center justify-between gap-2">
+              <p className="text-[11px] font-bold uppercase tracking-[0.14em] text-gray-500">
+                Estrategia LinkedIn B2B & Thought Leadership
+              </p>
+              <button
+                type="button"
+                onClick={() => onEditSection('b2b')}
+                className="text-[11px] font-semibold text-indigo-700 hover:underline"
+              >
+                Ver y editar en 9. LinkedIn B2B →
+              </button>
+            </div>
+            {(book.linkedin_themes || []).length ||
+            (book.thought_leadership || []).length ||
+            (book.case_study_angles || []).length ? (
+              <div className="space-y-3 rounded-2xl border border-indigo-200 bg-indigo-50/40 px-5 py-4">
+                {(book.linkedin_themes || []).length ? (
+                  <PillRow
+                    title="Temas prioritarios LinkedIn"
+                    items={(book.linkedin_themes || []).slice(0, 5)}
+                    emptyHint=""
+                    accent="sky"
+                  />
+                ) : null}
+                {(book.thought_leadership || []).length ? (
+                  <div className="space-y-1.5">
+                    <p className="text-[11px] font-bold uppercase tracking-[0.14em] text-gray-500">
+                      Posicionamiento de Autoridad / Thought Leadership
+                    </p>
+                    <ul className="space-y-1.5 text-xs text-gray-700 list-disc pl-4">
+                      {(book.thought_leadership || []).slice(0, 3).map((tl, i) => (
+                        <li key={i} className="leading-snug">
+                          {tl}
+                        </li>
+                      ))}
+                    </ul>
+                  </div>
+                ) : null}
+                {(book.buyer_roles || []).length ? (
+                  <div className="space-y-1">
+                    <p className="text-[11px] font-bold uppercase tracking-[0.14em] text-gray-500">
+                      Buyer Roles B2B
+                    </p>
+                    <p className="text-xs text-gray-700 font-medium">
+                      {(book.buyer_roles || []).slice(0, 4).join(' · ')}
+                    </p>
+                  </div>
+                ) : null}
+                {(book.case_study_angles || []).length ? (
+                  <div className="space-y-1.5">
+                    <p className="text-[11px] font-bold uppercase tracking-[0.14em] text-gray-500">
+                      Casos de estudio B2B observados
+                    </p>
+                    <ul className="space-y-1 text-xs text-gray-700 list-disc pl-4">
+                      {(book.case_study_angles || []).slice(0, 3).map((cs, i) => (
+                        <li key={i} className="leading-snug">
+                          {cs}
+                        </li>
+                      ))}
+                    </ul>
+                  </div>
+                ) : null}
+                {(book.linkedin_cta || []).length ? (
+                  <p className="text-xs text-gray-700 pt-1 border-t border-indigo-100">
+                    <span className="font-semibold text-indigo-900">CTAs de baja fricción:</span>{' '}
+                    {(book.linkedin_cta || []).slice(0, 3).join(' · ')}
+                  </p>
+                ) : null}
+              </div>
+            ) : (
+              <button
+                type="button"
+                onClick={() => onEditSection('b2b')}
+                className="w-full rounded-xl border border-dashed border-gray-300 bg-gray-50 px-3 py-4 text-xs text-gray-500 hover:border-brand-300"
+              >
+                Sin estrategia LinkedIn B2B configurada · Configurar en 9. LinkedIn B2B →
+              </button>
+            )}
+          </section>
         </div>
   );