/* ---------- FAQ: acordeão nativo (<details>), sem JS ---------- */
.faq-busca-aviso {
    background: var(--site-azul-suave); border: 1px solid var(--site-azul-linha);
    border-radius: var(--site-radius); padding: 16px 20px; margin-bottom: 36px;
    font-size: 14px; color: var(--site-azul); display: flex; align-items: flex-start; gap: 12px;
}
.faq-busca-aviso i { color: var(--site-azul-claro); font-size: 17px; margin-top: 2px; flex: none; }

.faq-grupo { margin-bottom: 40px; }
.faq-grupo > h2 {
    font-size: 20px; font-weight: 800; color: var(--site-azul-escuro);
    margin: 0 0 16px; display: flex; align-items: center; gap: 11px;
}
.faq-grupo > h2 .icone-grupo {
    width: 38px; height: 38px; border-radius: 10px; background: var(--site-azul-suave);
    color: var(--site-azul-claro); display: inline-flex; align-items: center; justify-content: center;
    font-size: 17px; flex: none;
}

details.faq-item {
    background: var(--site-surface); border: 1px solid var(--site-azul-linha);
    border-radius: 10px; margin-bottom: 10px; overflow: hidden;
}
details.faq-item[open] { box-shadow: var(--site-sombra); }
details.faq-item > summary {
    padding: 16px 20px; cursor: pointer; font-weight: 600; font-size: 15px;
    color: var(--site-azul-escuro); list-style: none;
    display: flex; align-items: center; justify-content: space-between; gap: 14px;
}
details.faq-item > summary::-webkit-details-marker { display: none; }
details.faq-item > summary::after {
    content: '\f078'; font-family: 'Font Awesome 6 Free'; font-weight: 900;
    font-size: 12px; color: var(--site-azul-claro); transition: transform .15s; flex: none;
}
details.faq-item[open] > summary::after { transform: rotate(180deg); }
details.faq-item > summary:hover { background: var(--site-azul-suave); }
.faq-resposta { padding: 0 20px 18px; font-size: 14.5px; line-height: 1.7; color: var(--site-texto-muted); }
.faq-resposta p { margin: 0 0 10px; }
.faq-resposta p:last-child { margin-bottom: 0; }
.faq-resposta strong { color: var(--site-texto); }
.faq-resposta .onde-fica {
    margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--site-azul-linha);
    font-size: 13.5px; color: var(--site-azul); display: flex; align-items: center; gap: 8px;
}
.faq-resposta .onde-fica i { color: var(--site-azul-claro); font-size: 13px; }
.faq-resposta ul { margin: 8px 0 0; padding-left: 0; list-style: none; }
.faq-resposta ul li { display: flex; gap: 10px; margin-bottom: 7px; }
.faq-resposta ul li i { color: var(--site-azul-claro); font-size: 12px; margin-top: 5px; flex: none; }

.faq-suporte {
    background: var(--site-surface); border: 1px solid var(--site-azul-linha);
    border-radius: var(--site-radius); box-shadow: var(--site-sombra); padding: 32px;
}
.faq-suporte h3 { font-size: 18px; font-weight: 800; color: var(--site-azul-escuro); margin: 0 0 12px; }
.faq-suporte p { font-size: 14.5px; color: var(--site-texto-muted); line-height: 1.7; margin: 0 0 16px; }
.faq-suporte ol { margin: 0; padding-left: 20px; font-size: 14.5px; color: var(--site-texto-muted); line-height: 1.9; }