/* AI Solutions · Módulo: FAQ em acordeão (<details>), com o curto em vídeo ao lado da resposta. */
/* =========================================================
   Perguntas
   ========================================================= */
.perguntas { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 2.5rem 5vw; align-items: start; padding: var(--sec-y) var(--margem); }
.perguntas__lado { position: sticky; top: calc(var(--nav-h) + 32px); }
.perguntas__quem { display: flex; align-items: center; gap: 12px; margin: 1.4rem 0 0; font-size: .9rem; color: var(--texto-2); }
.perguntas__quem img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex: none; box-shadow: 0 0 0 1px var(--traco-forte); }
.pergunta { border-top: 1px solid var(--traco); }
.pergunta:last-child { border-bottom: 1px solid var(--traco); }
.pergunta summary {
  display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 19px 0; cursor: pointer; list-style: none;
  font-family: var(--f-display); font-stretch: 112.5%; font-weight: 640; font-size: clamp(1.02rem, 1.25vw, 1.15rem); line-height: 1.3; letter-spacing: -.01em; transition: color .2s;
}
.pergunta summary::-webkit-details-marker { display: none; }
.pergunta summary:hover, .pergunta[open] summary { color: #fff; }
.pergunta__sinal { position: relative; flex: none; width: 16px; height: 16px; }
.pergunta__sinal::before, .pergunta__sinal::after { content: ""; position: absolute; left: 0; top: 50%; width: 16px; height: 1.5px; margin-top: -.75px; background: currentColor; transition: transform .35s var(--ease-out); }
.pergunta__sinal::after { transform: rotate(90deg); }
.pergunta[open] .pergunta__sinal::after { transform: rotate(0deg); }
.pergunta__resposta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 22px; align-items: start; padding: 0 0 22px; }
.pergunta__resposta p { margin: 0; color: var(--texto-2); max-width: 62ch; }
.pergunta[open] .pergunta__resposta { animation: abre .45s var(--ease-out); }
.curto--faq { flex-direction: column; align-items: flex-start; gap: 8px; width: 112px; }
.curto--faq .curto__img { width: 112px; border-radius: 12px; }
.curto--faq .play { width: 36px; height: 36px; margin: -18px 0 0 -18px; }
.curto--faq .play::after { border-width: 6px 0 6px 10px; }
.curto--faq .curto__txt b { font-size: .8rem; }
@media (max-width: 900px) {
  .perguntas { grid-template-columns: 1fr; }
  .perguntas__lado { position: static; }
}
@media (max-width: 720px) {
  .pergunta__resposta { grid-template-columns: 1fr; }
  .curto--faq { flex-direction: row; align-items: center; width: auto; }
  .curto--faq .curto__img { width: 64px; }
}