<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- Marcação Schema para FAQs -->
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
        {
            "@type": "Question",
            "name": "Que documentos são necessários para o KYC no Brasil?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Principalmente o CPF (Cadastro de Pessoas Físicas), acompanhado de validação biométrica e documentos oficiais como passaporte ou cartão de cidadão."
            }
        },
        {
            "@type": "Question",
            "name": "Que autoridade regula o iGaming no Brasil em 2025?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "A Secretaria de Prêmios e Apostas (SPA), dependente do Ministério da Fazenda, é a entidade reguladora principal."
            }
        },
        {
            "@type": "Question",
            "name": "Com que frequência devem ser realizadas as verificações biométricas?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "A regulamentação exige verificações periódicas — pelo menos a cada 7 dias e também após períodos de inatividade de cerca de 30 minutos."
            }
        },
        {
            "@type": "Question",
            "name": "Que sanções existem por incumprimento?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Coimas até R$ 2.000 milhões (mais de 360 milhões de dólares), perda da licença e até inabilitação."
            }
        },
        {
            "@type": "Question",
            "name": "Como a Didit ajuda a cumprir a regulamentação brasileira?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "A Didit oferece KYC gratuito e ilimitado, biometria compatível com o CPF, geolocalização, verificação documental e workflows modulares em conformidade com as Portarias da SPA."
            }
        }
    ]
}
</script>

<style>
    * { margin: 0; padding: 0; box-sizing: border-box; }

    .faq-section {
        max-width: 800px;
        margin: 0 auto;
        padding: 40px 20px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
        background-color: #ffffff;
    }

    .faq-title {
        text-align: center;
        color: #2d3748;
        font-size: 2.5rem;
        font-weight: 700;
        margin-bottom: 16px;
        line-height: 1.2;
    }

    .faq-subtitle {
        text-align: center;
        color: #718096;
        font-size: 1.1rem;
        margin-bottom: 48px;
        font-weight: 400;
    }

    .faq-container { display: flex; flex-direction: column; gap: 16px; }

    .faq-item {
        background-color: #F4F4F6;
        border-radius: 16px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        transition: all 0.3s ease;
        overflow: hidden;
    }

    .faq-item:hover {
        box-shadow: 0 4px 16px rgba(0,0,0,0.12);
        transform: translateY(-2px);
    }

    /* Ocultar caixas de verificação */
    .faq-checkbox { display: none; }

    .faq-question {
        width: 100%;
        background: none;
        border: none;
        padding: 24px;
        text-align: left;
        cursor: pointer;
        font-size: 1.1rem;
        font-weight: 600;
        color: #2d3748;
        display: flex;
        justify-content: space-between;
        align-items: center;
        transition: color 0.3s ease;
        line-height: 1.4;
        position: relative;
    }

    .faq-question:hover { color: #4299e1; }

    .faq-icon {
        font-size: 1.2rem;
        color: #4299e1;
        transition: transform 0.3s ease;
        flex-shrink: 0;
        margin-left: 16px;
    }

    .faq-icon::before { content: '+'; }

    /* Quando a caixa de verificação está marcada */
    .faq-checkbox:checked + .faq-question .faq-icon { transform: rotate(45deg); }

    .faq-answer {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease, padding 0.4s ease;
        background-color: #ffffff;
    }

    .faq-checkbox:checked ~ .faq-answer {
        max-height: 300px;
        padding: 24px;
    }

    .faq-answer-text {
        color: #4a5568;
        font-size: 1rem;
        line-height: 1.6;
        font-weight: 400;
    }

    /* Design responsivo */
    @media (max-width: 768px) {
        .faq-section { padding: 24px 16px; }
        .faq-title { font-size: 2rem; margin-bottom: 12px; }
        .faq-subtitle { font-size: 1rem; margin-bottom: 32px; }
        .faq-question { padding: 20px; font-size: 1rem; }
        .faq-checkbox:checked ~ .faq-answer { padding: 20px; }
        .faq-icon { margin-left: 12px; }
    }

    @media (max-width: 480px) {
        .faq-section { padding: 20px 12px; }
        .faq-title { font-size: 1.75rem; }
        .faq-question { padding: 18px; font-size: 0.95rem; }
        .faq-checkbox:checked ~ .faq-answer { padding: 18px; }
    }

    /* Animação de entrada */
    @keyframes fadeInUp {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }

    .faq-item { animation: fadeInUp 0.6s ease forwards; }
    .faq-item:nth-child(1) { animation-delay: 0.1s; }
    .faq-item:nth-child(2) { animation-delay: 0.2s; }
    .faq-item:nth-child(3) { animation-delay: 0.3s; }
    .faq-item:nth-child(4) { animation-delay: 0.4s; }
    .faq-item:nth-child(5) { animation-delay: 0.5s; }
</style>


<section class="faq-section">
    <h2 class="faq-title">Perguntas Frequentes</h2>
    <p class="faq-subtitle">KYC no iGaming no Brasil — Tudo o que precisa de saber</p>

    <div class="faq-container">
        <div class="faq-item">
            <input type="checkbox" id="faq1" class="faq-checkbox">
            <label for="faq1" class="faq-question">
                <span>Que documentos são necessários para o KYC no Brasil?</span>
                <span class="faq-icon"></span>
            </label>
            <div class="faq-answer">
                <div class="faq-answer-text">
                    Principalmente o <strong>CPF (Cadastro de Pessoas Físicas)</strong>, acompanhado de validação biométrica e documentos oficiais como passaporte ou cartão de cidadão.
                </div>
            </div>
        </div>

        <div class="faq-item">
            <input type="checkbox" id="faq2" class="faq-checkbox">
            <label for="faq2" class="faq-question">
                <span>Que autoridade regula o iGaming no Brasil em 2025?</span>
                <span class="faq-icon"></span>
            </label>
            <div class="faq-answer">
                <div class="faq-answer-text">
                    A <strong>Secretaria de Prêmios e Apostas (SPA)</strong>, dependente do Ministério da Fazenda, é a entidade reguladora principal.
                </div>
            </div>
        </div>

        <div class="faq-item">
            <input type="checkbox" id="faq3" class="faq-checkbox">
            <label for="faq3" class="faq-question">
                <span>Com que frequência devem ser realizadas as verificações biométricas?</span>
                <span class="faq-icon"></span>
            </label>
            <div class="faq-answer">
                <div class="faq-answer-text">
                    A regulamentação exige verificações periódicas — pelo menos <strong>a cada 7 dias</strong> e também após períodos de inatividade de cerca de <strong>30 minutos</strong>.
                </div>
            </div>
        </div>

        <div class="faq-item">
            <input type="checkbox" id="faq4" class="faq-checkbox">
            <label for="faq4" class="faq-question">
                <span>Que sanções existem por incumprimento?</span>
                <span class="faq-icon"></span>
            </label>
            <div class="faq-answer">
                <div class="faq-answer-text">
                    Coimas até <strong>R$ 2.000 milhões</strong> (mais de 360 milhões de dólares), perda da licença e até inabilitação.
                </div>
            </div>
        </div>

        <div class="faq-item">
            <input type="checkbox" id="faq5" class="faq-checkbox">
            <label for="faq5" class="faq-question">
                <span>Como a Didit ajuda a cumprir a regulamentação brasileira?</span>
                <span class="faq-icon"></span>
            </label>
            <div class="faq-answer">
                <div class="faq-answer-text">
                    A Didit oferece <strong>KYC gratuito e ilimitado</strong>, biometria compatível com CPF, geolocalização, verificação documental e workflows modulares em conformidade com as Portarias da SPA.
                </div>
            </div>
        </div>
    </div>
</section>