/*
 * Projeto: MSOUZA ADVOCACIA
 * Author: Marcílio Souza
 * Secao: Perguntas frequentes, depois de Direitos e protecao.
 */

/* Introducao e respostas em duas colunas, nas cores do escritorio. */
.faq-section { background:#f7f9f8; border-bottom:1px solid #dbe4df; }
.faq-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:64px; align-items:center; }
.faq-intro { min-width:0; border-left:3px solid var(--gold); padding-left:24px; }
.faq-label { display:flex; align-items:center; gap:9px; margin:0 0 20px; color:var(--green); font:700 12px/1.5 Arial,sans-serif; text-transform:uppercase; }
.faq-label svg { width:20px; height:20px; color:#8b703e; flex-shrink:0; }
.faq-intro h2 { margin:0 0 24px; color:var(--green); font-size:38px; line-height:1.2; overflow-wrap:anywhere; }
.faq-intro h2 span { display:block; color:#8b703e; }
.faq-emblem { display:grid; place-items:center; width:72px; height:72px; margin-bottom:20px; border-radius:6px; background:#e1c28a; color:var(--green); }
.faq-emblem svg { width:36px; height:36px; }
.faq-description { margin:0 0 22px; color:#54665d; font:15px/1.8 Arial,sans-serif; }
.faq-contact { display:inline-flex; align-items:center; gap:12px; color:var(--green); font:700 14px/1.5 Arial,sans-serif; text-decoration:none; }
.faq-contact svg { width:18px; height:18px; }
.faq-contact:hover { color:#8b703e; }

/* Acordeao nativo: foco visivel e indicadores estaveis ao abrir e fechar. */
.faq-list { display:grid; gap:14px; min-width:0; }
.faq-item { border:1px solid #dbe4df; border-left:4px solid transparent; border-radius:6px; background:#fff; box-shadow:0 8px 22px rgba(16,61,53,.05); }
.faq-item[open] { border-color:#d5bf94; border-left-color:var(--gold); }
.faq-item summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:68px; padding:16px 20px; cursor:pointer; list-style:none; color:var(--green); font:700 15px/1.5 Arial,sans-serif; overflow-wrap:anywhere; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::marker { content:''; }
.faq-toggle { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; border-radius:50%; background:var(--green); color:#fff; }
.faq-toggle svg { width:18px; height:18px; }
.faq-toggle .faq-minus { display:none; }
.faq-item[open] .faq-toggle { background:#e1c28a; color:var(--green); }
.faq-item[open] .faq-plus { display:none; }
.faq-item[open] .faq-minus { display:block; }
.faq-item p { margin:0; padding:0 20px 22px; color:#54665d; font:15px/1.8 Arial,sans-serif; overflow-wrap:anywhere; }
.faq-item summary:focus-visible,.faq-contact:focus-visible { outline:3px solid #8b703e; outline-offset:4px; border-radius:4px; }

/* Celular e tablet: uma coluna, sem corte das perguntas ou respostas. */
@media(max-width:1000px) { .faq-layout { gap:32px; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); } .faq-intro h2 { font-size:32px; } }
@media(max-width:760px) { .faq-layout { grid-template-columns:1fr; gap:30px; } .faq-intro { padding-left:18px; } .faq-emblem { width:56px; height:56px; } .faq-emblem svg { width:28px; height:28px; } }
@media(max-width:400px) { .faq-item summary { gap:10px; padding:14px 12px; font-size:14px; } .faq-item p { padding:0 12px 18px; } }