/* --- CONTENEDOR GENERAL --- */
#bandita-notificaciones {
    width: 1150px; 
    max-width: 100%; 
    height: 32px;
    display: flex; 
    overflow: hidden; 
    margin: 0 auto;
    font-size: 13px;
    border-radius: 0px; 
    cursor: default;
    background-color: #243746; /* Color de respaldo */
}

/* ITEMS INDIVIDUALES */
.noti-item {
    flex: 1; 
    display: flex; 
    align-items: center; 
    justify-content: center;
    border: none;
}

/* ENLACES (TEXTO BLANCO SIEMPRE) */
.noti-link {
    width: 100%; 
    height: 100%;
    display: flex; 
    align-items: center; 
    justify-content: center;
    color: #ffffff !important; /* Forzamos blanco */
    text-decoration: none !important; 
    font-weight: 500;
    padding: 0 15px;
    cursor: pointer;
    transition: none; /* Eliminamos cualquier transición */
}

/* Aseguramos que al pasar el mouse NO cambie nada */
.noti-link:hover, 
.noti-link:active, 
.noti-link:focus {
    color: #ffffff !important;
    text-decoration: none !important;
    background: none !important;
}

/* --- COLORES SÓLIDOS DE MARCA --- */

.noti-item.radio { 
    background-color: #eb0045 !important; /* Rojo viveRADIO */
}

.noti-item.tv { 
    background-color: #243746 !important; /* Azul viveTV */
}

/* --- ELIMINAR CUALQUIER EFECTO DE HOVER EN EL CONTENEDOR --- */
.noti-item:hover {
    background-color: inherit; /* Mantiene su color original */
    filter: none !important;
    box-shadow: none !important;
}

/* --- TEXTO Y FORMATO --- */
.noti-item span { 
    font-weight: 800; 
    margin-right: 6px; 
}

#prog-radio-actual, #prog-tv-actual {
    margin-left: 8px; /* Crea el espacio entre los dos puntos y el nombre */
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
}

/* --- ADAPTACIÓN MÓVIL --- */
@media (max-width: 768px) {
    #bandita-notificaciones { flex-direction: column; height: auto; }
    .noti-item { justify-content: flex-start; }
    .noti-link { padding: 10px 15px; justify-content: flex-start; }
    .noti-item.radio { border-bottom: 1px solid rgba(255,255,255,0.1); }
}