/* Estilos iniciales sin color */
.icon_like_alt, .like, .icon_dislike_alt, .dislike {
    color: #555;
}

/* Estilos activos con colores */
#likeBtn.active .like, #likeBtn.active .icon_like_alt {
    color: #275EFE;
}

#dislikeBtn.active .dislike, #dislikeBtn.active .icon_dislike_alt {
    color: red;
}

.alt-blanco {
    color: rgb(255, 255, 255);
}

@media (max-width: 991px) {
    .div-icon-img {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media (min-width: 992px) {
    .div-icon-img {
        padding-left: 30px;
        padding-right: 0px;
    }
}

.unread-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #6f2284; /* color del punto */
    border-radius: 50%;
    margin-left: 5px; /* ajusta el espacio entre el texto y el punto */
}