/* ======================================================= */
/* ===== CORREÇÕES PARA O ACORDEÃO NO MOBILE ===== */
/* ======================================================= */

/* Garante que o cabeçalho do card se alinhe corretamente */
.qa-header {
    display: flex;
    align-items: center;
    gap: 15px; /* Espaço entre o texto e o botão */
}

/* * CORREÇÃO 1: Texto do sonho recolhido.
 * Faz o texto ocupar o espaço disponível e o corta elegantemente
 * mostrando no máximo 3 linhas.
*/
.qa-question-preview {
    flex-grow: 1; /* Permite que o texto use o espaço disponível */
    margin: 0;
    line-height: 1.5; /* Melhora a legibilidade */
    
    /* A mágica para limitar o texto a 3 linhas: */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Impede que o botão "Ler mais" seja espremido pelo texto */
.qa-toggle {
    flex-shrink: 0;
}

/* * CORREÇÃO 2: Conteúdo expandido que estava sendo cortado.
 * Aumentamos drasticamente a altura máxima para garantir que
 * qualquer tamanho de interpretação caiba sem ser cortada.
*/
.qa-item.active .qa-body {
    max-height: 5000px; /* Aumentado de um valor baixo para um muito alto */
    transition: max-height 0.7s ease-in-out; /* Animação suave */
}