0fd0ee8231
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>