.user-info {
    margin-left: 6px;
    
}
/* perfil-usuario.css */

/* Contenedor del perfil de usuario y notificaciones */
.user-profile-container {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(60%); /* Centra verticalmente */
    display: flex;
    align-items: center;
    font-size: 0.75em;
    color: #ffffff;
    cursor: pointer;
}

.user-profile-container:hover {
    color: #dbfbf7;
}

.user-photo {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-left: 5px;
}
#logout-icon {
    color: #fff; /* Color del icono */
    font-size: 20px; /* Tamaño del icono */
    cursor: pointer; /* Mostrar el cursor como pointer */
    transition: color 0.3s ease; /* Transición para el hover */
}

#logout-icon:hover {
    color: #f44336; /* Color rojo al pasar el mouse */
}