/* FAQ uses the logo and warm neutral palette of the login page. */
#faoDiferenciais.fao-faq-section {
  position: relative;
  overflow: hidden;
  padding: 64px 0 32px;
  border-top: 0;
  background: #f7f5f1;
  color: #213e4c;
  font-family: "Segoe UI", Arial, sans-serif;
}
.fao-faq-section > .container { position: relative; z-index: 1; width: min(920px, calc(100% - 48px)); }
.fao-faq-heading { margin-bottom: 56px; text-align: center; }
.fao-faq-heading::before { content: none; }
.fao-faq-heading h2 { margin: 0 0 18px; color: #213e4c; font-size: clamp(32px, 4.2vw, 58px); font-weight: 400; line-height: 1.15; letter-spacing: -.045em; }
.fao-faq-heading h2 strong { color: #456574; font-weight: 400; }
.fao-faq-heading p { margin: 0; color: #727b83; font-size: 15px; line-height: 1.6; }
.fao-faq-list { display: grid; gap: 10px; }
.fao-faq-item { min-width: 0; background: #fdfcfb; border: 1px solid #d1d0ce; border-radius: 14px; overflow: hidden; }
.fao-faq-item:hover, .fao-faq-item[open] { border-color: #456574; }
.fao-faq-item summary { display: flex; align-items: center; gap: 22px; min-height: 74px; padding: 18px 28px; list-style: none; color: #213e4c; font-size: 15px; font-weight: 600; line-height: 1.5; cursor: pointer; }
.fao-faq-item summary::-webkit-details-marker { display: none; }
.fao-faq-item summary::marker { content: ""; }
.fao-faq-item summary:focus-visible { outline: 2px solid #587888; outline-offset: -5px; border-radius: 14px; }
.fao-faq-item summary img { flex: 0 0 32px; width: 32px; height: 36px; object-fit: contain; }
.fao-faq-chevron { flex: 0 0 7px; width: 7px; height: 7px; margin-left: auto; margin-right: 10px; border-right: 1.5px solid #456574; border-bottom: 1.5px solid #456574; transform: rotate(45deg); }
.fao-faq-item[open] .fao-faq-chevron { transform: rotate(225deg); }
.fao-faq-answer { padding: 0 58px 22px 82px; }
.fao-faq-answer p { margin: 0; color: #727b83; font-size: 15px; line-height: 1.7; }
.fao-faq-answer a { color: #213e4c; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 600px) {
  #faoDiferenciais.fao-faq-section { padding: 44px 0 24px; }
  .fao-faq-section > .container { width: calc(100% - 32px); }
  .fao-faq-heading { margin-bottom: 32px; }
  .fao-faq-item summary { gap: 14px; padding: 16px; font-size: 14px; }
  .fao-faq-item summary img { flex-basis: 28px; width: 28px; height: 32px; }
  .fao-faq-chevron { margin-right: 3px; }
  .fao-faq-answer { padding: 0 20px 20px 58px; }
}