/* ===============================================
   FAQ CARDS - SOLUÇÃO DEFINITIVA PARA LEGIBILIDADE
   =============================================== */

/* 1. Reset completo para cards FAQ */
.faq-item.bg-gray-900.bg-opacity-50 {
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

/* 2. Hover state para cards FAQ */
.faq-item.bg-gray-900.bg-opacity-50:hover {
    background-color: #f7fafc !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

/* 3. Títulos das perguntas - cor escura */
.faq-item.bg-gray-900.bg-opacity-50 h3 {
    color: #1a202c !important;
    text-shadow: none !important;
    font-weight: 700 !important;
}

/* 4. Texto das respostas - cor escura legível */
.faq-item.bg-gray-900.bg-opacity-50 p,
.faq-item.bg-gray-900.bg-opacity-50 ul,
.faq-item.bg-gray-900.bg-opacity-50 li {
    color: #4a5568 !important;
    text-shadow: none !important;
}

/* 5. Ícones chevron - cor roxa */
.faq-item.bg-gray-900.bg-opacity-50 i.fas.fa-chevron-down {
    color: #667eea !important;
}

/* 6. Divs de conteúdo dentro dos cards */
.faq-item.bg-gray-900.bg-opacity-50 div {
    color: inherit !important;
}

/* 7. Links dentro dos cards */
.faq-item.bg-gray-900.bg-opacity-50 a {
    color: #3182ce !important;
}

/* 8. Override para classes text-purple dentro dos cards */
.faq-item.bg-gray-900.bg-opacity-50 .text-purple-300 {
    color: #4a5568 !important;
}

.faq-item.bg-gray-900.bg-opacity-50 .text-purple-400 {
    color: #667eea !important;
}

/* 9. Override para classes text-xl dentro dos cards */
.faq-item.bg-gray-900.bg-opacity-50 .text-xl {
    color: #1a202c !important;
}

/* 10. Força máxima - override de TODOS os elementos */
.faq-item.bg-gray-900.bg-opacity-50 * {
    color: #4a5568 !important;
    text-shadow: none !important;
}

/* 11. Reaplica cores específicas após override geral */
.faq-item.bg-gray-900.bg-opacity-50 h3,
.faq-item.bg-gray-900.bg-opacity-50 .text-xl.font-bold {
    color: #1a202c !important;
    font-weight: 700 !important;
}

.faq-item.bg-gray-900.bg-opacity-50 .fas.fa-chevron-down {
    color: #667eea !important;
}

/* 12. Máxima especificidade com classes completas */
div.faq-item.bg-gray-900.bg-opacity-50.rounded-xl.p-6.border.border-purple-900.cursor-pointer {
    background: white !important;
    border: 1px solid #e2e8f0 !important;
}

div.faq-item.bg-gray-900.bg-opacity-50.rounded-xl.p-6.border.border-purple-900.cursor-pointer * {
    color: #4a5568 !important;
    text-shadow: none !important;
}

div.faq-item.bg-gray-900.bg-opacity-50.rounded-xl.p-6.border.border-purple-900.cursor-pointer h3 {
    color: #1a202c !important;
    font-weight: 700 !important;
}

div.faq-item.bg-gray-900.bg-opacity-50.rounded-xl.p-6.border.border-purple-900.cursor-pointer .fas.fa-chevron-down {
    color: #667eea !important;
}