/**
 * Top Notification Bar Styles
 *
 * RESPONSABILIDAD: Estilos de la barra de notificación superior
 * - Contenedor principal
 * - Palabras destacadas (strong)
 * - Iconos
 * - Enlaces
 *
 * CORRECCIÓN Issue #121: Este archivo contenía CSS avanzado (position fixed, botón cerrar)
 * que NO coincidía con el HTML simple del template en header.php
 *
 * Ahora contiene el CSS correcto del template según:
 * _planeacion/_desarrollo-tema-roi/theme-documentation/05-componente-top-bar/CSS-ESPECIFICO.md
 *
 * @package ROI_Theme
 * @since 1.0.8
 * @source roi-theme-template/css/style.css líneas 57-80
 */

/* ========================================
   Top Notification Bar
   ======================================== */

.top-notification-bar {
    background-color: var(--color-navy-dark);
    color: #ffffff;
    padding: 0.5rem 0;
    font-size: 0.9rem;
    text-align: center;
}

.top-notification-bar strong {
    color: var(--color-orange-primary);
}

.top-notification-bar i {
    color: var(--color-orange-primary);
}

.top-notification-bar a {
    color: #ffffff;
    transition: color 0.3s ease;
}

.top-notification-bar a:hover {
    color: var(--color-orange-primary);
}