♻️ (pagetop): Logotipo embebido y Badge en Intent

- `PageTopSvg::markup_with()` fusiona `Props` y controla la etiqueta
  accesible directamente en el `<svg>`.
- `Image` ya no duplica accesibilidad para el logotipo y corrige el
  `alt` vacío en el resto de fuentes (Responsive/Thumbnail/Plain).
- Sustituye `BadgeKind` y el `ColorName`/`IntoColor` de `core/theme`
  por un `Intent` compartido.

assets/css/basic.css

@@ -44,6 +44,23 @@ body {
 	-webkit-tap-highlight-color: transparent;
 }
 
+/*
+ * Brand component
+ */
+
+.brand {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    color: var(--val-color--text);
+    font-size: 1.75rem;
+    font-weight: 600;
+    text-decoration: none;
+}
+.brand .image {
+    display: flex;
+}
+
 /*
  * Badge component
  */
@@ -280,6 +297,26 @@ input:disabled + label {
     border: 0;
 }
 
+/*
+ * Image component
+ */
+
+.image {
+    vertical-align: middle;
+}
+.image-fluid {
+    max-width: 100%;
+    height: auto;
+}
+.image-thumbnail {
+    max-width: 100%;
+    height: auto;
+    padding: 0.25rem;
+    background-color: var(--val-color--bg);
+    border: 1px solid var(--val-color--border);
+    border-radius: 0.375rem;
+}
+
 /*
  * Messages component
  */