/**
 * MAUP manifest.
 * @maup-path: template-parts/sections/home/faq/style.css
 * @maup-version: 1.4.0
 * @maup-mode: replace
 * @maup-role: Section module
 */
/* Module: faq: estilos específicos deste módulo. */
  .section--faq { padding-top: 60px; }
  .faq-heading { margin-bottom: 44px; }
  .faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
  .faq-grid > div { display: grid; gap: 16px; }
  .faq-item { border-radius: 22px; background: #151517; overflow: clip; }
  .faq-item summary { position: relative; min-height: 82px; display: flex; align-items: center; padding: 24px 62px 24px 28px; list-style: none; font-weight: 600; cursor: pointer; }
  .faq-item summary::-webkit-details-marker { display: none; }
  .faq-item summary::after { content: "+"; position: absolute; right: 26px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: #111113; color: #85858b; transition: transform .3s var(--ease); }
  .faq-item[open] summary::after { transform: translateY(-50%) rotate(45deg); }
  .faq-answer { display:grid; grid-template-rows:0fr; transition:grid-template-rows .4s var(--ease); }
  .faq-item[open] .faq-answer { grid-template-rows:1fr; }
  .faq-answer-inner{overflow:hidden;min-height:0}
  .faq-answer-copy p { margin:0; padding:0 28px 28px; color:#8d8d93; line-height:1.65; }
  .faq-answer-copy p + p{padding-top:0}
  @media (max-width: 860px) {
  .faq-grid { grid-template-columns: 1fr; }
  }
  .faq-grid:has(.faq-item:hover) .faq-item,.faq-grid:has(.faq-item:focus-within) .faq-item{background:rgba(24,24,27,.30);opacity:.52}
  .faq-grid .faq-item:hover,.faq-grid .faq-item:focus-within{background:#18181b;opacity:1}
  .faq-item{transition:background .3s ease,opacity .3s ease,transform .62s var(--ease)}
  .button--faq-start{margin-top:18px;padding:12px 16px;border:0;border-radius:13px;background:#f0f0ed;color:#111113;font-weight:600;cursor:pointer}
  .faq-grid:has(.faq-item:hover) .faq-item:not(:hover),
  .faq-grid:has(.faq-item:focus-within) .faq-item:not(:focus-within){background:rgba(24,24,27,.22)!important;opacity:.42!important}
  .faq-grid:has(.faq-item:hover) .faq-item:hover,
  .faq-grid:has(.faq-item:focus-within) .faq-item:focus-within{background:#18181b!important;opacity:1!important}
  .faq-answer:has(.button--faq-start) .faq-answer-copy p:last-child{padding-bottom:12px!important}
  .faq-answer .button--faq-start{justify-self:start;margin:0 28px 28px!important}
