/* ============================================================
   FAQ Multi-mídia (diferencial fixado em 20/07/2026)
   Cada pergunta ganha 3 botões: Artigo / Imagem / Vídeo.
   Ativo = Azul Petróleo (var(--accent)). Inativo = cinza-claro, inerte.
   ============================================================ */

.sc-faq-lista{ margin-top:8px; }

.sc-faq-item{
  border-bottom:1px solid var(--border);
  padding:20px 0;
}
.sc-faq-item:first-child{ padding-top:0; }
.sc-faq-item:last-child{ border-bottom:none; padding-bottom:0; }

.sc-faq-pergunta{
  font-family:var(--font-head);
  font-weight:500;
  font-size:17px;
  color:var(--text);
  margin:0 0 14px;
}

.sc-faq-botoes{ display:flex; gap:8px; flex-wrap:wrap; }

.sc-faq-botao{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:none;
  border-radius:8px;
  padding:8px 16px;
  font-family:var(--font-body);
  font-size:13.5px;
  font-weight:500;
  cursor:pointer;
  transition:opacity .15s ease, background-color .15s ease;
}
.sc-faq-botao svg{ flex-shrink:0; }

.sc-faq-botao.is-ativo{
  background:var(--accent);
  color:#fff;
}
.sc-faq-botao.is-ativo:hover{ opacity:.85; }
.sc-faq-botao.is-ativo.is-selecionado{ opacity:.85; box-shadow:inset 0 0 0 2px rgba(255,255,255,.4); }

.sc-faq-botao.is-inativo{
  background:var(--bg-alt);
  color:var(--cinza-medio);
  cursor:not-allowed;
}

.sc-faq-painel{
  display:none;
  margin-top:14px;
  padding:16px 18px;
  background:var(--bg-alt);
  border-radius:8px;
  font-size:14.5px;
  line-height:1.7;
  color:var(--text-secondary);
}
.sc-faq-painel.is-aberto{ display:block; }
.sc-faq-painel p{ margin:0; }
.sc-faq-painel img{
  max-width:100%;
  height:auto;
  border-radius:6px;
  display:block;
}
.sc-faq-video-embed{ position:relative; }
.sc-faq-video-embed iframe{
  width:100%;
  aspect-ratio:16/9;
  border-radius:6px;
  border:none;
}

.solucao-faq-nota{
  margin-top:28px;
  margin-bottom:12px;
  color:var(--text-secondary);
  font-size:14.5px;
}