/* Estilo para os cards do menu */
.menu-card {
    transition: all 0.2s ease-in-out;
    border: 1px solid #e9ecef; /* Borda sutil */
    color: #212529; /* Cor de texto padrão */
}

    /* Efeito de hover: eleva o card e adiciona uma sombra mais forte */
    .menu-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
        border-color: var(--bs-primary); /* Usa a cor primária do Bootstrap na borda */
    }

/* Círculo para destacar o ícone */
.icon-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto; /* Centraliza o círculo */
}

/* Estilo para os cards desabilitados */
.menu-card.disabled {
    background-color: #f8f9fa; /* Fundo levemente acinzentado */
    cursor: not-allowed; /* Muda o cursor para indicar que não é clicável */
    opacity: 0.7;
}

    .menu-card.disabled:hover {
        transform: none; /* Remove o efeito de elevação */
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; /* Mantém a sombra padrão */
        border-color: #e9ecef;
    }