/* ==========================================================================
   Perguntas frequentes
   ========================================================================== */

.faq { padding-block: var(--space-6) var(--section-y); }
.faq__empty { padding: var(--space-5); background: var(--white); border-radius: var(--radius-lg); }

.faq__search { display: grid; gap: var(--space-2); margin-bottom: var(--space-5); }
.faq__search[hidden] { display: none; }
.faq__search label { font-weight: 600; font-size: var(--text-sm); }
.faq__search input { width: 100%; min-height: 48px; padding: 0.6rem 1rem; border: 1px solid var(--gray-400); border-radius: var(--radius-pill); background: var(--white); font: inherit; }
.faq__search input:focus { outline: none; border-color: var(--green-700); box-shadow: 0 0 0 3px rgb(0 99 67 / 0.18); }
.faq__status { min-height: 1.2em; margin: 0; font-size: var(--text-sm); color: var(--color-muted); }

.faq__chips { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-6); }
.faq__chips[hidden] { display: none; }
.faq__chips a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--space-4); border-radius: var(--radius-pill); background: var(--white); border: 1px solid var(--color-border); color: var(--green-700); font-weight: 600; font-size: var(--text-sm); text-decoration: none; }
.faq__chips a:hover { border-color: var(--green-700); }

.faq__group { margin-bottom: var(--space-6); }
.faq__group[hidden] { display: none; }
.faq__group h2 { margin: 0 0 var(--space-3); font-family: var(--font-body); font-weight: 700; font-size: var(--text-lg); color: var(--green-700); letter-spacing: normal; }

.faq__item { margin-bottom: var(--space-2); background: var(--white); border: 1px solid var(--color-border); border-radius: var(--radius); }
.faq__item[hidden] { display: none; }
.faq__item[open] { border-color: var(--green-700); }
.faq__item summary { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); min-height: 56px; padding: var(--space-3) var(--space-4); font-weight: 600; cursor: pointer; list-style: none; }
.faq__item summary::-webkit-details-marker { display: none; }
.faq__item summary::after { content: "+"; flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--green-100); color: var(--green-700); font-weight: 700; font-size: 1.25rem; line-height: 1; }
.faq__item[open] summary::after { content: "–"; }
.faq__item summary:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 2px; border-radius: var(--radius); }
.faq__answer { padding: 0 var(--space-4) var(--space-4); line-height: 1.7; }
.faq__answer p { margin: 0 0 var(--space-3); }

.faq__none { padding: var(--space-5); background: var(--white); border-radius: var(--radius-lg); text-align: center; }
.faq__none[hidden] { display: none; }
.faq__none .btn { margin: var(--space-1); }