/**
Estilos de los botones en la parte superior de la página
donde se incluye botón de cerrar sesión, notificaciones y demás opciones del usuario.
*/
.header-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto;
    padding: 4px 6px;
    border-radius: 4px;
    gap: 3px;
    transition: background-color 0.18s ease;
}

.header-item:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

.header-item i,
.header-item img {
    transition: transform 0.18s ease;
}

.header-item:hover i.hm-icon,
.header-item:hover img {
    transform: scale(1.1);
}

.header-item label,
.header-item span {
    font-size: 11px !important;
    font-weight: 500;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    opacity: 0.85;
}