Refactor: Top Bar v2.1 - Valores CSS + UI Compacta

Remodulación del Top Bar siguiendo algoritmo v2.1 actualizado.

## 1. Valores de Estilos desde CSS

**Antes (v2.0):**
```php
'custom_styles' => array(
    'background_color' => '',  // Vacío
    'text_color' => '',        // Vacío
    'highlight_color' => '',   // Vacío
    'link_hover_color' => '',  // Vacío
)
```

**Ahora (v2.1):**
```php
'custom_styles' => array(
    'background_color' => '#0E2337',  // Extraído de componente-top-bar.css
    'text_color' => '#ffffff',
    'highlight_color' => '#FF8600',   // var(--color-orange-primary)
    'link_hover_color' => '#FF8600',
    'font_size' => 'normal'           // 0.9rem del CSS
)
```

**Mapping CSS → Defaults:**
- `.top-notification-bar { background-color: var(--color-navy-dark) }` → `#0E2337`
- `.top-notification-bar { color: #ffffff }` → `#ffffff`
- `.top-notification-bar strong { color: var(--color-orange-primary) }` → `#FF8600`
- `.top-notification-bar a:hover { color: var(--color-orange-primary) }` → `#FF8600`

## 2. UI Compacta

**Antes:** Checkboxes dispersos (cada uno fila completa)
**Ahora:**
- Checkboxes móvil/desktop → Fila de 2 columnas (col-md-6)
- Campos enlace (texto + URL + target) → Fila compacta (col-md-5 + 5 + 2)
- Colores ya estaban bien (row con col-md-3)

**Resultado:** Menos scroll, mejor aprovechamiento del espacio.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

admin-panel/includes/class-settings-manager.php

@@ -87,11 +87,12 @@ class APUS_Settings_Manager {
 					'link_target' => '_self',
 					'show_link' => true,
 					'custom_styles' => array(
-						'background_color' => '',
-						'text_color' => '',
-						'highlight_color' => '',
-						'link_hover_color' => '',
-						'font_size' => 'normal'
+						// Valores extraídos de componente-top-bar.css
+						'background_color' => '#0E2337',  // var(--color-navy-dark)
+						'text_color' => '#ffffff',
+						'highlight_color' => '#FF8600',   // var(--color-orange-primary)
+						'link_hover_color' => '#FF8600',  // var(--color-orange-primary)
+						'font_size' => 'normal'           // 0.9rem del CSS
 					)
 				)
 				// Navbar - Pendiente