Adiciona bloco MicrositeHeaderBlock e regiões ao tema do microsite

- Novo bloco MicrositeHeaderBlock (site_users_microsite): exibe foto
  circular (220×280px), nome (h1), biografia e contatos (telefone,
  e-mail). Título oculto por padrão; biografia renderizada via
  ->processed com |raw no template.
- Remove UserInfoBlock e seu template (não estava em uso).
- Adiciona regiões Top Bar e Navigation ao tema; menu.html.twig para
  gerar classes .menu__item/.menu__link compatíveis com o CSS.
- CSS: estilos das novas regiões e do bloco de cabeçalho.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

themes/site_users_microsite_theme/css/microsite.css

@@ -154,6 +154,105 @@ body.microsite {
   margin-bottom: 1.5rem;
 }
 
+/* Microsite Header Block --------------------------------------------------- */
+/*
+ * Bloco .msite-header-block: foto circular, nome (h1), meta (roles +
+ * departamento), biografia e lista de contatos.
+ * Assume fundo escuro herdado do .microsite-header.
+ */
+
+.msite-header-block {
+  display: flex;
+  align-items: flex-start;
+  gap: 1.75rem;
+  max-width: 1500px;
+  margin: 0 auto;
+  padding: 2rem 1.5rem;
+  color: #fff;
+}
+
+/* --- Foto ----------------------------------------------------------------- */
+
+.msite-header-block__photo-wrap {
+  flex-shrink: 0;
+}
+
+.msite-header-block__photo {
+  display: block;
+  width: 220px;
+  height: 280px;
+  border-radius: 50%;
+  object-fit: cover;
+  border: 3px solid rgba(255, 255, 255, 0.35);
+}
+
+/* Fallback de iniciais quando não há foto */
+.msite-header-block__photo--initials {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(255, 255, 255, 0.15);
+  font-size: 4rem;
+  font-weight: 700;
+  color: #fff;
+  user-select: none;
+}
+
+/* --- Informações ---------------------------------------------------------- */
+
+.msite-header-block__info {
+  flex: 1;
+  min-width: 0;
+}
+
+.msite-header-block__name {
+  margin: 0 0 0.3rem;
+  font-size: 1.8rem;
+  font-weight: 700;
+  line-height: 1.2;
+  color: #fff;
+}
+
+.msite-header-block__meta {
+  margin: 0 0 0.75rem;
+  font-size: 0.95rem;
+  font-style: italic;
+  color: rgba(255, 255, 255, 0.75);
+}
+
+.msite-header-block__bio {
+  margin-bottom: 0.75rem;
+  font-size: 0.9rem;
+  line-height: 1.5;
+  color: rgba(255, 255, 255, 0.85);
+}
+
+/* --- Contatos ------------------------------------------------------------- */
+
+.msite-header-block__contact {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.3rem 1.5rem;
+  font-size: 0.85rem;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.msite-header-block__contact-label {
+  font-weight: 600;
+}
+
+.msite-header-block__contact a {
+  color: hsl(202, 79%, 70%);
+  text-decoration: none;
+}
+
+.msite-header-block__contact a:hover {
+  text-decoration: underline;
+}
+
 /* Top Bar ------------------------------------------------------------------ */
 /*
  * Barra estreita no topo da página, antes do header.