/* Perguntas frequentes com <details>: acessível, abre e fecha sem JS. */
.faq { margin-top: 24px; display: grid; gap: 10px; }
.faq details { background: #fff; border: 1px solid var(--borda); border-radius: 14px; overflow: hidden; }
.faq summary {
  list-style: none; cursor: pointer; padding: 16px 48px 16px 18px; font-weight: 700; font-size: 16px;
  position: relative; min-height: 44px; box-sizing: border-box;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
  content: ""; position: absolute; right: 18px; top: 50%; width: 10px; height: 10px; margin-top: -8px;
  border-right: 2px solid var(--apagado); border-bottom: 2px solid var(--apagado);
  transform: rotate(45deg); transition: transform .2s ease;
}
.faq details[open] summary::after { transform: rotate(225deg); margin-top: -3px; }
.faq details[open] summary { color: var(--marinho); }
.faq .resposta { padding: 0 18px 18px; color: #4a4a4f; font-size: 15px; }
.faq .resposta p + p { margin-top: 10px; }
@media (min-width: 768px) { .faq { max-width: 760px; margin-left: auto; margin-right: auto; } }