/*
 * pages/faq.css
 * =============
 * Estilos específicos de /perguntas-frequentes: introdução, acessibilidade
 * do accordion (botão real) e grid de 2 colunas no desktop.
 */

.faq-page-intro {
    max-width: 760px;
    margin: 0 auto 44px;
    text-align: center;
    color: var(--text-light, #666);
    font-size: 1.05rem;
    line-height: 1.7;
}

.faq-accordions {
    max-width: 800px;
    margin: 0 auto;
}

/* Reset de <button>: o elemento é um botão real para navegação por teclado */
.faq-question {
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    font-family: inherit;
    cursor: pointer;
}

.faq-question:focus-visible {
    outline: 2px solid var(--primary-color, #0077b6);
    outline-offset: -2px;
}

@media (prefers-reduced-motion: reduce) {
    .faq-answer {
        transition: none !important;
    }
}

@media (min-width: 1024px) {
    .faq-accordions {
        max-width: 1040px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 24px;
        align-items: start;
    }
}