aplicativo.html
Atualizado em
04/03/2026 15h56
aplicativo.html
— 34 KB
Conteúdo do arquivo
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--FAVICON-->
<link rel="shortcut icon" href="./assets/img/favicon.ico">
<!-- Fonte Rawline-->
<link rel="stylesheet"
href="https://cdngovbr-ds.estaleiro.serpro.gov.br/design-system/fonts/rawline/css/rawline.css" />
<!-- Fonte Raleway-->
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900&display=swap" />
<!-- Fontawesome-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!--CSS GOVBR-->
<link rel="stylesheet" href="./govbr/core.min.css" />
<!--JS GOVBR-->
<script src="./govbr/core.min.js"></script>
<!--UTILS-->
<script src="./assets/js/utils.js"></script>
<!--FUNCOES ESPECIFICAS DO NEGOCIO-->
<script src="./assets/js/bets-negocio.js"></script>
<!--HTML2CANVAS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"
integrity="sha512-BNaRQnYJYiPSqHHDb58B0yaPfCu+Wgds8Gp/gU33kqBtgNS4tSPHuGibyoeqMV/TJlSKda6FXzoEyYGjTe+vXA=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!--JSPDF-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"
integrity="sha512-qZvrmS2ekKPF2mSznTQsxqPgnpkI4DNTlrdUmTzrDgektczlKNRRhy5X5AAOnx5S09ydFYWWNSfcEqDTTHgtNA=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<style>
.fix {
top: 0px !important;
}
</style>
<title>APLICATIVO DE APURAÇÃO DO TRIBUTO</title>
</head>
<!--TEMPLATE DO SELECT DE OPERADORAS -->
<template id="id-template-select-operadoras">
<span class="br-select mr-5 my-0 col-6" id="br-select">
<div class="br-input my-0" role="combobox" aria-expanded="false" aria-controls="lista-operadoras" aria-autocomplete="list">
<div class="input-group">
<div class="input-icon">
<i class="fas fa-search" aria-hidden="true"></i>
</div>
<input id="select-operadoras" type="text" placeholder="Selecione o agente operador a incluir" oninput="removerPontuacao(this)" title="Digite parte do nome, marca comercial ou CNPJ">
</div>
<button class="br-button" type="button" aria-label="Exibir lista" tabindex="-1"
data-trigger="data-trigger" aria-controls="lista-operadoras" aria-expanded="false">
<i class="fas fa-angle-down" aria-hidden="true"></i>
</button>
</div>
<div class="br-list" tabindex="-1" id="lista-operadoras" role="listbox" aria-label="Lista de Opções">
<!--Os itens serão preenchidos dinamicamente-->
</div>
</span>
<span class="my-1">
<button id="btnIncluirAgenteOperador" class="br-button secondary" onclick="incluirAgente()">Não localizei o Agente Operador ou Marca Comercial</button>
</span>
<span class="my-1 d-none">
<button id="btnIncluirOperadoraQuota" class="br-button secondary" onclick="incluirOperadoraQuota()">Incluir agente operador</button>
</span>
</template>
<!--TEMPLATE DE UMA OPERADORA -->
<template id="id-template-operadora-quota">
<div class="bloco-operadora mt-5">
<table class="obrigatorio col-12">
<thead>
</thead>
<tbody id="tabela-quotas-body" class="tabela-body col-12">
<tr>
<th id='id-operadora-quota' class="text-left text-bold p-2 col-7 is-not-component" colspan="7" name="id-operadora-quota">
</th>
<th class="text-left text-up-01 p-2 col-4" colspan="4">CNPJ:
<span class="cnpj-operadora is-not-component" name="cnpj-operadora">
</span>
</th>
<th id="id-operadora-excluir" class="text-right p-2 col-1" colspan="1">
<button class="br-button" onclick="excluirOperadoraQuota(this)">
<i class="fa fa-trash-alt"></i><!--class="fa-regular fa-x"-->
</button>
</th>
</tr>
<tr>
<th class="text-center text-up-01 p-2 col-12" colspan="12">Selecione as marcas comerciais que constam no ComprovaBet ou consolide os resultados por Agente Operador</th>
</tr>
<tr>
<th class="text-left text-up-01 px-5 py-2 col-12 linha-checkbox-marca" colspan="12">
</th>
</tr>
<tr class="linha-marca-cabecalho">
<!-- <th id="id-operou" class="text-left text-up-01 p-2 col-2" colspan="2"></th> -->
<th class="text-center p-2 col-4 text-up-01" colspan="4" style="width: 28%;"></th>
<th class="text-center p-2 col-4 text-up-01" colspan="4" style="width: 25%;">Eventos reais de temática esportiva</th>
<th class="text-center p-2 col-4 text-up-01" colspan="4" style="width: 25%;">Eventos virtuais de jogos on-line</th>
</tr>
</tbody>
</table>
<div class="mb-1"></div>
</div>
</template>
<!-- TEMPLATE DA LINHA DE TOTAIS DA OPERADORA -->
<template id="id-template-totais-operadora">
<div class="mt-1 totais-operadora">
<table class="col-12">
<tr class="linha-totais-operadora">
<th class="text-center text-up-01 text-bold p-2 col-4" colspan="4">Resultado Total</th>
<th class="text-center text-up-01 text-bold p-2 col-4 totais-reais" colspan="4">0,00</th>
<th class="text-center text-up-01 text-bold p-2 col-4 totais-virtuais" colspan="4">0,00</th>
</tr>
</table>
</div>
</template>
<!-- TEMPLATE DE CHECKBOX DE MARCA -->
<template id="id-template-checkbox">
<div class="d-inline-block mr-5">
<div class="br-checkbox">
<input id="h-checkbox-marca" name="h-checkbox-marca" type="checkbox" onchange="checkMarcaChange(this)"/>
<label for="h-checkbox-marca"></label>
</div>
</div>
</template>
<!-- TEMPLATE DE UMA MARCA -->
<template id="id-template-marca">
<div class="bloco-marca mt-1 d-none">
<table class="col-12">
<!-- LINHA -->
<tr class="linha-quotas d-none">
<!-- RESULTADO -->
<th class="text-center text-up-01 p-2 col-4 linha-marca" colspan="4"></th>
<td class="text-center p-2 col-4" colspan="4">
<div class="br-input obrigatorio">
<input class="text-center resultado-reais" name="resultado-reais" type="text" title="Caso não tenha operado, informe 0,00. Para informar perdas, inicie o valor com o sinal -" placeholder="Informe o resultado líquido" oninput="handleValidarValor(this)" onchange="totalizaOperadora(this)">
</div>
</td>
<td class="text-center p-2 col-4" colspan="4">
<div class="br-input obrigatorio">
<input class="text-center resultado-virtuais" name="resultado-virtuais" type="text" title="Caso não tenha operado, informe 0,00. Para informar perdas, inicie o valor com o sinal -" placeholder="Informe o resultado líquido" oninput="handleValidarValor(this)" onchange="totalizaOperadora(this)">
</div>
</td>
</tr>
</table>
</div>
</template>
<!-- TEMPLATE DE UMA LINHA DA TABELA FANTASY -->
<template id="id-template-operadora-fantasy">
<!-- LINHA FANTASY-->
<tr class="linha-fantasy">
<!-- CNPJ -->
<td class="p-1">
<div class="br-input obrigatorio">
<input type="text" class="form-control limpar" oninput="aplicarMascaraCpfCnpj(this, 'CNPJ')" onchange="validarCNPJFantasy(this)" placeholder="CNPJ" name="cnpj">
</div>
</td>
<!-- NOME -->
<td class="p-1">
<div class="br-input obrigatorio">
<input type="text" class="form-control limpar" oninput="inputMaiusculas(this)" placeholder="Nome do Agente Operador" name='agente'>
</div>
</td>
<!-- MARCA -->
<td class="p-1">
<div class="br-input">
<input type="text" class="form-control limpar campo-marca-fantasy" oninput="inputMaiusculas(this)" onblur="validarMarcaFantasy(this)" placeholder="Marca Comercial" name='marca'>
</div>
</td>
<!-- RESULTADO -->
<td class="p-1">
<div class="br-input obrigatorio">
<input class="form-control limpar resultado" name="resultado" type="text" oninput="handleValidarValor(this)" onchange="reiniciaEmApuracoes()" onblur="validarLinhaFantasy(this)">
</div>
</td>
<!-- ÍCONE LIXEIRA -->
<td class="p-1 text-right">
<button class="br-button excluir-fantasy" onclick="excluirOperadoraFantasy(this)">
<i class="fa fa-trash-alt"></i><!--class="fa-regular fa-x"-->
</button>
</td>
</tr>
</template>
<!-- TEMPLATE DE UMA LINHA DA TABELA DE CÁLCULO DO IMPOSTO - RESULTADO LIQUIDO -->
<template id="id-template-linha-calculo-imposto">
<tr>
<td class="text-left p-2 is-not-component imposto-natureza" name="imposto-natureza"></td>
<td class="text-right p-2 is-not-component imposto-ganhos" name="imposto-ganhos"></td>
<td class="text-right p-2"><span class="is-not-component imposto-perdas" name="imposto-perdas"></span></td>
<td class="text-right p-2 is-not-component imposto-valor-considerado" name="imposto-valor-considerado"></td>
</tr>
</template>
<!-- TEMPLATE DE UMA LINHA DA TABELA DE CÁLCULO DO IMPOSTO - PREMIO LIQUIDO -->
<template id="id-template-linha-premio-liquido">
<tr>
<td class="text-left p-2 is-not-component imposto-natureza" name="imposto-natureza"></td>
<td class="text-right p-2 is-not-component imposto-valor-considerado" name="imposto-valor-considerado"></td>
</tr>
</template>
<!-- TEMPLATE DO PREMIO LIQUIDO -->
<template id="id-template-premio-liquido">
<tr>
<th class="text-left p-2 col-10"><strong>Prêmio líquido</strong></th>
<th class="text-right p-2 col-2"><strong><span class="is-not-component imposto-premio-liquido" name="imposto-premio-liquido"></span></strong></th>
</tr>
</template>
<!-- TEMPLATE DA LINHA DE APURAÇÃO DO IRPF -->
<template id="id-template-apuracao-irpf">
<tr>
<th class="text-left p-2 col-10"><strong>Prêmio líquido</strong></th>
<th class="text-right p-2 col-2"><strong><span class="is-not-component imposto-premio-liquido" name="imposto-premio-liquido"></span></strong></th>
</tr>
<tr>
<td class="text-left p-2 col-10">Valor isento</td>
<td class="text-right p-2 col-2">(<span class="is-not-component imposto-valor-isento" name="imposto-valor-isento"></span>)</td>
</tr>
<tr>
<th class="text-left p-2 col-10"><strong>Base de cálculo</strong></td>
<th class="text-right p-2 col-2"><strong><span class="is-not-component imposto-base-calculo" name="imposto-base-calculo"></span></strong></td>
</tr>
<tr>
<th class="text-left p-2 col-10">Alíquota</td>
<th class="text-right p-2 col-2"><span class="is-not-component imposto-aliquota" name="imposto-aliquota">15%</span></td>
</tr>
<tr>
<td class="text-left p-2 text-up-01 col-10"><strong>Imposto devido</strong></td>
<td class="text-right p-2 text-up-01 col-2"><strong><span id="imposto-devido" class="is-not-component imposto-devido" name="imposto-devido"></span></strong></td>
</tr>
</template>
<body class="d-flex flex-column" style="background-color: #f8f8f8; min-height: 100vh;">
<!--PRINCIPAL-->
<main class="flex-grow-1">
<!--HEADER-->
<section id="id-cabecalho" class="paraPDF_01">
<header class="br-header">
<div class="container-lg">
<!--TOP-->
<div class="header-top">
<div class="header-logo">
<svg version="1.1" id="Camada_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 374.7 134.9" style="enable-background:new 0 0 374.7 134.9;" xml:space="preserve">
<style type="text/css">
.st0 {
fill: #2864AE;
}
.st1 {
fill: #46AD44;
}
.st2 {
fill: #FABD10;
}
</style>
<path class="st0" d="M40.1,84.7c8.9,0,16-7.5,16-18.7c0-8.1-4.8-17.2-16-17.2c-9.3,0-14.2,8.2-14.2,18.1C25.9,78.3,32.6,84.7,40.1,84.7zM80.4,95.5c0,29.8-14.5,39.4-43.8,39.4c-12,0-21.9-2.5-27.7-4.6l1.3-19.8c7.7,3.8,14.1,6,24.5,6c14.5,0,22.3-6.8,22.3-21.1v-3.9h-0.3c-6,8.5-14.4,12.4-24.4,12.4C12.4,104,0,88.9,0,67.4c0-21.6,10.2-37.8,32.8-37.8c10.7,0,19.4,5.9,24.7,14.8h0.3V31.3h22.7L80.4,95.5L80.4,95.5z" />
<polygon class="st1" points="181.6,103.9 209.5,103.9 235.8,31.7 211.4,31.7 196.6,83.1 196.3,83.1 181.6,31.7 155.3,31.7 " />
<path class="st2" d="M139,67.8c0-10.8-4.7-20.4-16.2-20.4c-11.5,0-16.2,9.6-16.2,20.4c0,10.7,4.7,20.2,16.2,20.2C134.3,88,139,78.5,139,67.8z M80.8,67.8c0-24,18.1-37.8,42-37.8s42,13.9,42,37.8c0,23.8-18.1,37.7-42,37.7C99,105.5,80.8,91.6,80.8,67.8z" />
<path class="st0" d="M238.6,93.7c0,6.5-5.3,11.8-11.8,11.8c-6.5,0-11.8-5.3-11.8-11.8c0-6.5,5.3-11.8,11.8-11.8 C233.3,81.8,238.6,87.1,238.6,93.7z" />
<path class="st0" d="M281,49.2c-9.1,0-15.2,8-15.2,18.8c0,10.5,6.9,18.4,15.2,18.4c9.4,0,15.1-7.9,15.1-19.4C296.1,57.5,290.7,49.2,281,49.2z M240.9,0h25.1v41h0.3c6.4-8,14.8-10.9,24.8-10.9c20,0,30.9,19,30.9,36.4c0,21.3-11.5,39.1-33,39.1c-11.5,0-21.6-6.5-24.8-14.6h-0.3v12.9h-23L240.9,0L240.9,0z" />
<path class="st2" d="M373.4,51.7c-2.8-0.8-5.5-0.8-8.5-0.8c-11.6,0-18.1,8.4-18.1,22.6v30.5h-24.9V31.7h22.7V45h0.3c4.3-9.1,10.5-15,21.3-15c2.9,0,6,0.4,8.5,0.8L373.4,51.7z" />
</svg>
</div>
</div>
<!--BOTTOM-->
<div class="header-bottom">
<!--MENU-->
<div class="header-menu">
<!--TITULOS-->
<div class="header-info">
<div class="header-title text-bold">APLICATIVO DE APURAÇÃO DO TRIBUTO</div>
<div class="header-title">IRPF devido sobre prêmio líquido obtido em apostas na loteria de quota fixa e em <i>fantasy sport</i></div>
<div class="header-subtitle">Instrução Normativa RFB nº 1.500/2014, Art. 21-A</div>
</div>
</div>
</div>
</div>
</header>
</section>
<section id="id-identificacao" name='Identificação do Contribuinte' class="container paraPDF_01">
<!--INPUT FILE, NOME E CPF-->
<!-- <div class="container mx-0"> -->
<h3 class="mt-5 text-red-50"><strong>Atenção</strong></h3>
<p>Este aplicativo foi desenvolvido com a finalidade de apurar o Imposto sobre a Renda da Pessoa Física (IRPF) incidente sobre o prêmio líquido obtido por pessoas físicas em apostas de loteria de quota fixa e em jogos de <i>fantasy sport</i> ao longo do ano-calendário de 2025.</p>
<p>Sua utilização é restrita a essa finalidade, não sendo destinado ao cálculo do Imposto de Renda incidente sobre outros tipos de rendimentos ou períodos de apuração.</p>
<p>Para mais informações, acesse a <a href="https://www.gov.br/pt-br/servicos/apurar-imposto-sobre-premios-de-apostas-na-loteria-de-quota-fixa-e-em-fantasy-sport" target="_blank">Página de Serviço</a>.</p>
<h1 class="mt-9x text-bold">Identificação do Contribuinte</h1>
<div id="inputIdentificacaoContribuinte">
<div class="br-input" style="width: 50%;">
<input type="text" class="form-control limpar" id="nomeContribuinte" oninput="inputMaiusculas(this)" placeholder="Nome completo">
</div>
<div class="br-input" style="width: 25%;">
<input type="text" class="form-control limpar" id="cpfContribuinte" oninput="aplicarMascaraCpfCnpj(this,'CPF')" placeholder="CPF">
</div>
<div class="text-center"><button id="btnIdentificacaoContribuinte" onclick="validaIdentificacaoContribuinte()" class="br-button secondary">Confirmar</button></div>
</div>
<!--IDENTIFICAÇÃO DO CONTRIBUINTE-->
<div class="text-up-02 imprimir d-none" id="labelIdentificacaoContribuinte">
<div class="text-left">Nome: <span id="processaNomeContribuinte" class="text-medium is-not-component" name="nome_contribuinte"></span></div>
<div class="text-left">CPF: <span id="processaCpfContribuinte" class="text-medium is-not-component" name="cpf_contribuinte"></span></div>
<div class="text-center naoPDF"><button id="btnAlterarIdentificacaoContribuinte" onclick="exibeLabelIdentificacao(false)" class="br-button secondary">Alterar</button></div>
</div>
<!-- </div> -->
</section>
<!-- SECAO INFORMAÇÕES SOBRE OS RESULTADOS OBTIDOS -->
<section id="id-informacao-resultados" class="container mt-9x paraPDF_02 d-none">
<h1 class="mt-5 text-bold">Informação sobre os resultados obtidos</h1>
<p>Informe o resultado das apostas em loteria de quota fixa e em jogos de <i>fantasy sport</i>, discriminado por natureza de aposta, com base nas informações constantes nos Comprovantes de Resultados em Apostas em Loterias de Quota Fixa – ComprovaBet.</p>
<p>As informações poderão ser prestadas de forma individualizada, por marca comercial (plataforma), ou de forma consolidada, por agente operador.</p>
<p>O resultado consolidado por agente operador (Resultado Total) corresponde à soma dos ganhos e à subtração das perdas apuradas no ano-calendário 2025, discriminado por natureza de aposta, considerando todas as apostas realizadas nas diferentes marcas comerciais (plataformas) vinculadas ao mesmo agente operador.</p>
<p>Orientações detalhadas estão disponíveis no <a href="https://www.gov.br/receitafederal/pt-br/centrais-de-conteudo/publicacoes/manuais/manual-irpf-aposta-de-quota-fixa-e-fantasy-sport" target="_blank">Manual do Aplicativo</a>.</p>
</section>
<!--SECAO APURAÇÕES QUOTA -->
<section id="id-apuracoes-quota" class="container mb-5 paraPDF_02 secao d-none">
<!-- <div class="container col-12"> -->
<h3 class="mt-9x">Loteria de apostas de quota fixa</h3>
<div id="divOperadorasQuota" class="tabela-body mx-0"><!-- PREENCHIMENTO POR JS --></div>
<!--ESCOLHA DE OPERADORA E BOTÃO INCLUIR-->
<div id="id-select-agente-operador" class="my-5 text-left d-flex naoPDF">
<!-- GERADO POR JS -->
</div>
<!-- INCLUSÃO DE AGENTE OPERADOR -->
<div id="id-incluir-agente-operador" class="d-none">
<h3 class="mt-5">Inclusão manual de Agente Operador</h3>
<p>A inclusão manual do Agente Operador possui caráter temporário, de modo que as informações inseridas serão utilizadas no cálculo do Imposto sobre a Renda apenas durante a sessão ativa do aplicativo. Ao encerrar o aplicativo, os dados informados serão automaticamente descartados. </p>
<p>Informe o número de inscrição no CNPJ e o nome empresarial do Agente Operador responsável pelas apostas.</p>
<p>O preenchimento das Marcas Comerciais (plataformas) é opcional e deverá ser realizado somente quando o ComprovaBet estiver emitido de forma individualizada por marca.</p>
<!-- CNPJ -->
<div class="br-input">
<input id="id-incluir-cnpj" type="text" class="form-control limpar" oninput="aplicarMascaraCpfCnpj(this, 'CNPJ')" onchange="validarCNPJInclusao(this)" placeholder="CNPJ">
</div>
<!-- NOME -->
<div class="br-input">
<input id="id-incluir-agente" type="text" class="form-control limpar" oninput="inputMaiusculas(this)" placeholder="Nome do Agente Operador">
</div>
<!-- MARCAS -->
<div class="br-input">
<input type="text" class="form-control limpar marca" oninput="inputMaiusculas(this)" placeholder="Marca Comercial 1 (opcional)" >
</div>
<div class="br-input">
<input type="text" class="form-control limpar marca" oninput="inputMaiusculas(this)" placeholder="Marca Comercial 2 (opcional)" >
</div>
<div class="br-input">
<input type="text" class="form-control limpar marca" oninput="inputMaiusculas(this)" placeholder="Marca Comercial 3 (opcional)" >
</div>
<div class="br-input">
<input type="text" class="form-control limpar marca" oninput="inputMaiusculas(this)" placeholder="Marca Comercial 4 (opcional)" >
</div>
<div class="br-input">
<input type="text" class="form-control limpar marca" oninput="inputMaiusculas(this)" placeholder="Marca Comercial 5 (opcional)" >
</div>
<div class="br-input">
<input type="text" class="form-control limpar marca" oninput="inputMaiusculas(this)" placeholder="Marca Comercial 6 (opcional)" >
</div>
<div class="text-center mt-5">
<span class="my-1 mx-2">
<button id="btnIncluirAgente" class="br-button secondary" onclick="incluirAgenteOperador()">Incluir Agente Operador</button>
</span>
<span class="my-1 mx-2">
<button id="btnCancelarIncluirAgente" class="br-button secondary" onclick="cancelarIncluirAgente()">Cancelar</button>
</span>
</div>
</div>
<!-- </div> -->
</section>
<!--SECAO APURAÇÕES POR FANTASY -->
<section id="id-apuracoes-fantasy" class="container mb-5 paraPDF_03 secao d-none">
<!-- <div class="container col-12"> -->
<h3 class="mt-9x"><i>Fantasy Sport</i></h3>
<table id="tabelaFantasy" class="d-none">
<thead>
<tr>
<th class="text-center text-up-01 col-2">CNPJ</th>
<th class="text-center text-up-01 col-3">Agente Operador</th>
<th class="text-center text-up-01 col-2">Marca Comercial</th>
<th class="text-center text-up-01 col-2">Resultado</th>
<th class="text-center text-up-01 col-1"></th>
</tr>
</thead>
<tbody id="tabelaFantasyBody" class="tabela-body obrigatorio multiPagina_14_14"><!-- PREENCHIMENTO POR JS --></tbody>
</table>
<!--ESCOLHA DE OPERADORA E BOTÃO INCLUIR-->
<div class="my-5 text-left d-flex naoPDF">
<span class="my-1">
<button id="btnIncluirOperadora" class="br-button secondary" onclick="incluirOperadoraFantasy()">Incluir Agente Operador</button>
</span>
</div>
<div class="my-5 text-center naoPDF">
<span class="mx-5 my-1">
<button id="btnCalcularTributos" onclick="calculaTributos()" class="br-button primary">Cálculo do Imposto</button>
</span>
</div>
<!-- </div> -->
</section>
<!-- SECAO RESULTADO LÍQUIDO -->
<section id="id-resultado-liquido" name="Seção Resultado Líquido" class="container mb-5 paraPDF_04 secao d-none">
<!-- <div class="container col-12"> -->
<h1 class="mt-6x text-bold">Apuração do Resultado Líquido</h1>
<p>O Resultado Líquido corresponde à soma dos ganhos e à subtração das perdas, apurados por natureza de aposta, considerando todos os Agentes Operadores.</p>
<!--DEMONSTRATIVO CÁLCULO IMPOSTO-->
<table class="obrigatorio COL-12">
<thead>
<tr>
<th class="text-left p-2 col-6"><strong>Natureza das Apostas</strong></th>
<th class="text-right p-2 col-2"><strong>Ganhos</strong></th>
<th class="text-right p-2 col-2"><strong>Perdas</strong></th>
<th class="text-right p-2 col-2"><strong>Resultado Líquido</strong></th>
</tr>
</thead>
<tbody id="tabelaResultadoLiquidoBody" class="tabela-body"><!-- PREENCHIMENTO POR JS --></tbody>
</table>
<!-- </div> -->
</section>
<!-- SECAO PREMIO LÍQUIDO -->
<section id="id-premio-liquido" name="Seção Prêmio Líquido" class="container mb-5 paraPDF_04 secao d-none">
<!-- <div class="container col-12"> -->
<h1 class="mt-6x text-bold">Apuração do Prêmio Líquido</h1>
<p>Prêmio Líquido é a soma dos Resultados Líquidos positivos apurados por natureza de aposta, conforme item anterior.</p>
<!--DEMONSTRATIVO CÁLCULO IMPOSTO-->
<table class="obrigatorio COL-12">
<thead>
<tr>
<th class="text-left p-2 col-10"><strong>Natureza das Apostas</strong></th>
<th class="text-right p-2 col-2"><strong>Resultado Líquido</strong></th>
</tr>
</thead>
<tbody id="tabelaPremioLiquidoBody" class="tabela-body"><!-- PREENCHIMENTO POR JS --></tbody>
</table>
<!-- </div> -->
</section>
<!-- SECAO IRPF -->
<section id="id-apuracao-irpf" name="Seção Apuração do IRPF" class="container mb-5 paraPDF_04 secao d-none">
<!-- <div class="container col-12"> -->
<h1 class="mt-6x text-bold">Apuração do IRPF</h1>
<!--DEMONSTRATIVO CÁLCULO IMPOSTO-->
<table class="obrigatorio col-12">
<tbody id="tabelaIrpf" class="tabela-body"><!-- PREENCHIMENTO POR JS --></tbody>
</table>
<!-- </div> -->
</section>
<!-- SECAO GERAR DOCUMENTO -->
<section id="id-gerar-documento" class="container d-none">
<!--GERAR DOCUMENTO-->
<div class="row justify-content-between mt-5 naoPDF">
<div class="col text-center my-3">
<button onclick="gerarDocumento()" class="br-button primary">Gerar Arquivo PDF</button>
</div>
</div>
<div class="row justify-content-between naoPDF">
<div id="id-aguardar" class="col text-center br-loading d-none" role="progressbar" aria-label="Gerando documento PDF">Aguarde</div>
</div>
</section>
<!-- SECAO EMISSÃO DO DARF -->
<section id="id-informacoes-adicionais" class="container mb-5 paraPDF_05 secao d-none">
<h1 class="mt-6x text-bold">Emissão do DARF</h1>
<!--VALORES PARA TRANSCRIÇÃO-->
<table class="col-12">
<tr>
<th class="text-center text-up-01 p-2" colspan="12">Informações para preenchimento do Documento de Arrecadação de Receitas Federais (DARF)</th>
</tr>
<tr>
<td class="text-left text-up-01 p-2 col-6">Aplicativo para emissão do DARF (Sicalc)</td>
<td class="text-right text-up-01 p-2 text-bold col-6"><a href="https://sicalc.receita.economia.gov.br/sicalc/principal" target="_blank">https://sicalc.receita.economia.gov.br/sicalc/principal</a></td>
</tr>
<tr>
<td class="text-left text-up-01 p-2 col-6">Manual para preenchimento do DARF</td>
<td class="text-right text-up-01 p-2 text-bold col-6"><a href="https://www.gov.br/receitafederal/pt-br/centrais-de-conteudo/publicacoes/manuais/manual-irpf-aposta-de-quota-fixa-e-fantasy-sport" target="_blank">https://www.gov.br/receitafederal/pt-br/centrais-de-conteudo/publicacoes/manuais/manual-irpf-aposta-de-quota-fixa-e-fantasy-sport</a></td>
</tr>
<tr>
<td class="text-left text-up-01 p-2 col-6">Código de Receita</td>
<td class="text-right text-up-01 p-2 text-bold col-6">6313-01</td>
</tr>
<tr>
<td class="text-left text-up-01 p-2 col-6">Período de Apuração</td>
<td class="text-right text-up-01 p-2 text-bold col-6">2025</td>
</tr>
<tr>
<td class="text-left text-up-01 p-2 col-6">Valor do Principal</td>
<td id="info-principal" class="text-right text-up-01 p-2 text-bold col-6"></td>
</tr>
</table>
</section>
</main>
<!-- MODAL AVISO-->
<div class="br-scrim-util foco" id="modal-aviso" data-scrim="true">
<div class="div br-modal medium" id="id-modal-generico" aria-modal="true" role="dialog"
aria-labelledby="id-modal-generico-titulo">
<!--HEADER-->
<div class="br-modal-header">
<div class="modal-title" id="id-modal-generico-titulo">Atenção</div>
<button class="br-button close circle" type="button" data-dismiss="true" aria-label="Fechar">
<i class="fas fa-times" aria-hidden="true"></i>
</button>
</div>
<!--BODY-->
<div class="br-modal-body">
<p id="id-elemento-mensagem-aviso"></p>
</div>
<!--FOOTER-->
<div class="br-modal-footer justify-content-end">
<button id="id-entendi" class="br-button primary" type="button" data-dismiss="true">Entendi</button>
</div>
</div>
</div>
<!-- MODAL CONFIRMAÇÃO-->
<div class="br-scrim-util foco" id="modal-confirma" data-scrim="true">
<div class="div br-modal medium" id="id-modal-confirma" aria-modal="true" role="dialog"
aria-labelledby="id-modal-confirma-titulo">
<!--HEADER-->
<div class="br-modal-header">
<div class="modal-title" id="id-modal-confirma-titulo">Confirmação</div>
<button class="br-button close circle" type="button" data-dismiss="true" aria-label="Fechar">
<i class="fas fa-times" aria-hidden="true"></i>
</button>
</div>
<!--BODY-->
<div class="br-modal-body">
<p id="id-elemento-mensagem-confirmacao"></p>
</div>
<!--FOOTER-->
<div class="br-modal-footer justify-content-end">
<button id="idSim" class="br-button primary mr-5" type="button">Sim</button>
<button id="idNao" class="br-button primary" type="button" data-dismiss="true">Não</button>
</div>
</div>
</div>
<!--FOOTER-->
<section id="id-rodape" class="mt-5xh">
<br-footer>
<footer role="contentinfo" aria-label="Footer" class="br-footer">
<div class="container">
<div class="logo text-sm-left">
<img alt="govbr" src="assets/img/logo_govbr_branco.png">
</div>
<section aria-label="Redes Sociais" class="d-sm-block secondary-info">
<div class="row align-items-end justify-content-between py-5">
<div role="list" class="col assigns text-right">
<span class="sr-only">Parceiros</span>
<a role="listitem" target="_blank" class="ml-4 partner"
href="https://www.gov.br/receitafederal/pt-br" aria-label="Receita Federal">
<img alt="receitafederal" src="assets/img/logo_rfb_branco.png">
</a>
<a role="listitem" target="_blank" class="ml-4 partner"
href="https://www.gov.br/acessoainformacao/pt-br" aria-label="Acesso à Informação">
<img alt="acessoainformacao" src="assets/img/logo_acesso_informacao.png">
</a>
</div>
</div>
</section>
</div>
<section aria-label="Informações Legais" class="container-fluid">
<span class="br-divider my-3"></span>
<div class="info">
<div class="text-down-01 text-medium pb-3">Versão 1.0.0 - Termo de uso e Política de Privacidade
</div>
</div>
</section>
</footer>
</br-footer>
</section>
</body>
</html>