/* 10-faq · prefixo de keyframes: fq- */
.faq{padding:105px 0;isolation:isolate}
.faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,96px);align-items:start}
.faq-head{position:sticky;top:96px}
.faq .eyebrow{margin-bottom:18px}
.faq h2{font-size:clamp(32px,3.2vw,44px);line-height:1.14;letter-spacing:-.052em}
.faq h2 em{color:var(--v1)}
.faq-lead{color:var(--mut);font-size:15px;line-height:1.65;max-width:360px;margin-top:20px}
/* ornamento 3D (balão com ?) flutuando à direita do título, só no desktop */
.faq-orn{position:absolute;right:-8px;top:-34px;width:160px;height:160px;opacity:.9;pointer-events:none;z-index:-1;animation:fq-float 5s ease-in-out infinite;filter:drop-shadow(0 18px 24px rgba(0,0,0,.45))}
@keyframes fq-float{50%{transform:translateY(-6px) rotate(-2deg)}}
.faq-list{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;font:600 15px/1.5 var(--fb);color:#f3e6df;cursor:pointer;transition:color .25s var(--e-out)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:#fff}
.faq summary:focus-visible{outline-offset:-2px;border-radius:8px}
.faq-x{position:relative;flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--line2);background:rgba(255,106,43,.08);transition:background var(--d-ui) var(--e-out),border-color var(--d-ui),transform .35s var(--e-out)}
.faq-x::before,.faq-x::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--v1);translate:-50% -50%;transition:background var(--d-ui)}
.faq-x::after{rotate:90deg}
.faq summary:hover .faq-x{background:rgba(255,106,43,.18)}
.faq details[open] .faq-x{transform:rotate(45deg);background:var(--v2);border-color:transparent}
.faq details[open] .faq-x::before,.faq details[open] .faq-x::after{background:#fff}
.faq-a{overflow:hidden}
.faq-a p{color:var(--mut);font-size:14px;line-height:1.75;max-width:620px;padding:0 44px 20px 0}
.faq-a a{color:var(--v1);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.faq-a a:hover{color:#fff}

/* ---------- responsivo (fim do arquivo, por ordem de cascata) ---------- */
@media (max-width:1050px){
  .faq-grid{grid-template-columns:1fr;gap:28px}
  .faq{padding:80px 0}
  .faq-head{position:relative;top:auto}
  .faq h2{max-width:520px}
  .faq-lead{max-width:520px;margin-top:14px}
  .faq-orn{display:none}
}
@media (max-width:760px){
  .faq{padding:64px 0}
  .faq-grid{gap:22px}
  .faq h2{font-size:32px}
  .faq-lead{font-size:14px}
  .faq summary{font-size:14px;padding:18px 0;gap:14px}
  .faq-a p{font-size:14px;padding:0 0 18px}
}

/* ---------- movimento reduzido: quadro estático ---------- */
@media (prefers-reduced-motion:reduce){
  .faq-orn{animation:none}
  .faq-x,.faq summary{transition:none}
}