# Perguntas frequentes (FAQ) (`faq`)

<!-- GERADO por scripts/gerar-catalogo.mjs a partir do componente.json. Para mudar, edite o componente.json e rode o script. -->

Título da seção ao lado (ou acima) das perguntas em sanfona, com dados estruturados FAQPage opcionais gerados das próprias perguntas.

- **Categoria:** Venda e conversão
- **Equivalente no Elementor:** Sanfona com Schema de FAQ (Accordion com FAQ Schema)
- **Arquivos:** `faq.html`, `faq.css`, `faq.js`
- **Precisa de JavaScript:** sim (inicia por `data-ds-faq-schema`, `data-ds-faq-gerado`)
- **Depende de:** `sanfona`

## Quando usar
- Antes ou depois da oferta, para tirar as objeções
- Páginas de serviço e institucionais

## Quando não usar
- Para esconder condições importantes da oferta (preço, prazo, garantia ficam visíveis)

## Variações
- **Título ao lado (computador):** classe ds-faq
- **Título acima, centralizado:** classe ds-faq--centro
- **Com dados estruturados:** atributo data-ds-faq-schema (padrão)
- **Sem dados estruturados:** remover data-ds-faq-schema

## Conteúdo esperado
- 5 a 10 perguntas reais do público do projeto
- Respostas curtas
- Canal para outras dúvidas

## Acessibilidade
- Herda da sanfona (details e summary nativos)
- Título h2 da seção
- Os dados estruturados não mudam o que aparece na tela

## Como carregar

```html
<link rel="stylesheet" href="tokens.css"><!-- do projeto, gerado por gerar-tokens-css.mjs -->
<link rel="stylesheet" href="base/base.css">
<link rel="stylesheet" href="componentes/sanfona/sanfona.css">
<link rel="stylesheet" href="componentes/faq/faq.css">
<script src="componentes/sanfona/sanfona.js" defer></script>
<script src="componentes/faq/faq.js" defer></script>
```

Tokens do contrato usados: `--ds-cartao-padding`, `--ds-espaco-12`, `--ds-espaco-3`, `--ds-espaco-8`, `--ds-largura-texto`.

## Notas

O JSON-LD é gerado no navegador (o Google lê). Para o máximo de SEO, pode-se colar o JSON-LD fixo no <head>: copie o que o script gerar (ver no inspetor) e tire o data-ds-faq-schema. Uma marcação FAQPage por página.
