aplicativo
Atualizado em
30/12/2025 15h29
rearp.html
— 46 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" />
<!--PROTEÇÃO CONTRA IMPRESSÃO - ESTILOS-->
<link rel="stylesheet" href="./assets/css/print-protection.css" />
<!--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>
<!--GERADOR DE DOCUMENTO OTIMIZADO-->
<script src="./assets/js/gerarDocumento-otimizado.js"></script>
<!--PROTEÇÃO CONTRA IMPRESSÃO-->
<script src="./assets/js/print-protection.js"></script>
<!--FUNCOES ESPECIFICAS DO NEGOCIO-->
<script src="./assets/js/negocio.js"></script>
<!--OPCOES DE PAISES-->
<script src="./assets/js/opcoes-paises.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>Regime Especial de Atualização e Regularização Patrimonial (Rearp)</title>
</head>
<templates>
<!--TEMPLATE PARA AS TABELAS DE BENS PESSOA FISICA -->
<template id="template-bens-pf">
<tr>
<td class="p-2">
<!-- Primeira row: Tipo, Código e País -->
<div class="row mb-4">
<!--RADIOS-->
<div class="col-4">
<div class="align-items-baseline col-4 d-flex pt-2x">
<div class="br-radio mr-3">
<input id="movel" type="radio" name="tipo-bem" value="movel" onclick="atualizarOpcoesCodigo(this)">
<label for="movel">Móvel</label>
</div>
<div class="br-radio">
<input id="imovel" type="radio" name="tipo-bem" value="imovel" onclick="atualizarOpcoesCodigo(this)">
<label for="imovel">Imóvel</label>
</div>
</div>
</div>
<!--CODIGO-->
<div class="col-4">
<div class="br-select disabled" data-select="codigo">
<div class="br-input">
<label for="codigo">Código</label>
<input id="codigo" type="text" name="codigo" placeholder="Selecione o tipo primeiro" readonly disabled/>
<button class="br-button" type="button" aria-label="Exibir lista" tabindex="-1" data-trigger disabled>
<i class="fas fa-angle-down" aria-hidden="true"></i>
</button>
</div>
<div class="br-list" tabindex="0">
<!-- Opções serão carregadas dinamicamente -->
</div>
</div>
</div>
<!--PAIS-->
<div class="col-4">
<div class="br-select">
<div class="br-input">
<label for="pais">País</label>
<input id="pais" type="text" name="pais" placeholder="Selecione o país" readonly/>
<button class="br-button" type="button" aria-label="Exibir lista" tabindex="-1" data-trigger>
<i class="fas fa-angle-down" aria-hidden="true"></i>
</button>
</div>
<div class="br-list" tabindex="0">
<!-- Opções serão carregadas dinamicamente -->
</div>
</div>
</div>
</div>
<!-- Segunda row: Valores monetários -->
<div class="row mb-4">
<div class="col-3">
<div class="br-input">
<label for="custo-aquisicao">Custo de aquisição (R$)</label>
<input id="custo-aquisicao" type="text" name="custo-aquisicao" inputmode="numeric" oninput="this.value = this.value.replace(/[^0-9,.]/g, '')" onblur="handleValidarValorMaiorQueZero(this)" onchange="reiniciarFormulario(this)">
</div>
</div>
<div class="col-3">
<div class="br-input">
<label for="valor-atualizado">Valor atualizado (R$)</label>
<input id="valor-atualizado" type="text" name="valor-atualizado" inputmode="numeric" oninput="this.value = this.value.replace(/[^0-9,.]/g, '')" onblur="handleValidarValorMaiorQueZero(this)" onchange="reiniciarFormulario(this)">
</div>
</div>
<div class="col-3">
<div class="br-input">
<label for="base-calculo">Base de cálculo (R$)</label>
<input id="base-calculo" type="text" name="base-calculo" inputmode="numeric" oninput="this.value = this.value.replace(/[^0-9,.]/g, '')">
</div>
</div>
<div class="col-3">
<div class="br-input">
<label for="irpf">IRPF (R$)</label>
<input id="irpf" type="text" name="irpf" inputmode="numeric" oninput="this.value = this.value.replace(/[^0-9,.]/g, '')">
</div>
</div>
</div>
<!-- Terceira row: Descrição -->
<div class="row">
<div class="col-12">
<div class="br-textarea">
<label for="descricao-bem">Descrição do bem</label>
<textarea id="descricao-bem" name="descricao-bem" rows="10" maxlength="1000" onchange="reiniciarFormulario(this)"></textarea>
</div>
</div>
</div>
</td>
<!--AÇÕES-->
<td class="text-center p-2 acoes">
<button class="br-button" onclick="excluirLinha(this)">
<i class="fa fa-trash-alt"></i>
</button>
</td>
</tr>
</template>
<!--TEMPLATE PARA AS TABELAS DE BENS PESSOA JURIDICA-->
<template id="template-bens-pj">
<tr>
<td class="p-2">
<!-- Primeira row: Tipo, Código e País -->
<div class="row mb-4">
<!--RADIOS-->
<div class="col-4">
<div class="align-items-baseline col-4 d-flex pt-2x">
<div class="br-radio mr-3">
<input id="movel-pj" type="radio" name="tipo-bem-pj" value="movel" onclick="atualizarOpcoesCodigo(this)">
<label for="movel-pj">Móvel</label>
</div>
<div class="br-radio">
<input id="imovel-pj" type="radio" name="tipo-bem-pj" value="imovel" onclick="atualizarOpcoesCodigo(this)">
<label for="imovel-pj">Imóvel</label>
</div>
</div>
</div>
<!--CODIGO-->
<div class="col-4">
<div class="br-select disabled" data-select="codigo">
<div class="br-input">
<label for="codigo-pj">Código</label>
<input id="codigo-pj" type="text" name="codigo-pj" placeholder="Selecione o tipo primeiro" readonly disabled/>
<button class="br-button" type="button" aria-label="Exibir lista" tabindex="-1" data-trigger disabled>
<i class="fas fa-angle-down" aria-hidden="true"></i>
</button>
</div>
<div class="br-list" tabindex="0">
<!-- Opções serão carregadas dinamicamente -->
</div>
</div>
</div>
<!--PAIS-->
<div class="col-4">
<div class="br-select">
<div class="br-input">
<label for="pais-pj">País</label>
<input id="pais-pj" type="text" name="pais-pj" placeholder="Selecione o país" readonly/>
<button class="br-button" type="button" aria-label="Exibir lista" tabindex="-1" data-trigger>
<i class="fas fa-angle-down" aria-hidden="true"></i>
</button>
</div>
<div class="br-list" tabindex="0">
<!-- Opções serão carregadas dinamicamente -->
</div>
</div>
</div>
</div>
<!-- Segunda row: Valores monetários (5 campos) -->
<div class="row mb-4">
<div class="col">
<div class="br-input">
<label for="custo-aquisicao-pj">Custo de aquisição (R$)</label>
<input id="custo-aquisicao-pj" type="text" name="custo-aquisicao-pj" inputmode="numeric" oninput="this.value = this.value.replace(/[^0-9,.]/g, '')" onblur="handleValidarValorMaiorQueZero(this)" onchange="reiniciarFormulario(this)">
</div>
</div>
<div class="col">
<div class="br-input">
<label for="valor-atualizado-pj">Valor de mercado (R$)</label>
<input id="valor-atualizado-pj" type="text" name="valor-atualizado-pj" inputmode="numeric" oninput="this.value = this.value.replace(/[^0-9,.]/g, '')" onblur="handleValidarValorMaiorQueZero(this)" onchange="reiniciarFormulario(this)">
</div>
</div>
<div class="col">
<div class="br-input">
<label for="base-calculo-pj">Base de cálculo (R$)</label>
<input id="base-calculo-pj" type="text" name="base-calculo-pj" inputmode="numeric" oninput="this.value = this.value.replace(/[^0-9,.]/g, '')">
</div>
</div>
<div class="col">
<div class="br-input">
<label for="irpj">IRPJ (R$)</label>
<input id="irpj" type="text" name="irpj" inputmode="numeric" oninput="this.value = this.value.replace(/[^0-9,.]/g, '')">
</div>
</div>
<div class="col">
<div class="br-input">
<label for="csll-pj">CSLL (R$)</label>
<input id="csll-pj" type="text" name="csll-pj">
</div>
</div>
</div>
<!-- Terceira row: Descrição -->
<div class="row">
<div class="col-12">
<div class="br-textarea">
<label for="descricao-bem-pj">Descrição do bem</label>
<textarea id="descricao-bem-pj" name="descricao-bem-pj" rows="10" maxlength="1000" onchange="reiniciarFormulario(this)"></textarea>
</div>
</div>
</div>
</td>
<!--AÇÕES-->
<td class="text-center p-2 acoes">
<button class="br-button" onclick="excluirLinha(this)">
<i class="fa fa-trash-alt"></i>
</button>
</td>
</tr>
</template>
</templates>
<body class="d-flex flex-column" style="background-color: #f8f8f8; min-height: 100vh">
<main class="flex-grow-1">
<!--HEADER GERAL DA PÁGINA -->
<section id="id-cabecalho" class="pagina1">
<header class="br-header">
<div class="container-lg">
<!--TOP (ÁREA DO LOGO) -->
<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.2
c-9.3,0-14.2,8.2-14.2,18.1C25.9,78.3,32.6,84.7,40.1,84.7z
M80.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.8
c7.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.4
C12.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.7
L80.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.2
C134.3,88,139,78.5,139,67.8z M80.8,67.8c0-24,18.1-37.8,42-37.8s42,13.9,42,37.8
c0,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.4
C296.1,57.5,290.7,49.2,281,49.2z M240.9,0h25.1v41h0.3c6.4-8,14.8-10.9,24.8-10.9
c20,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-23
L240.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.3
c4.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 (ÁREA DO TÍTULO DO FORMULÁRIO)-->
<div class="header-bottom">
<!--MENU-->
<div class="header-menu">
<!--TITULOS-->
<div class="header-info">
<div class="header-title">
Aplicativo de Apuração dos Tributos
</div>
<div class="header-subtitle">
Regime Especial de Atualização e Regularização Patrimonial, Modalidade Atualização - Rearp Atualização (arts. 3º e 4º da Lei nº 15.265/2025)
</div>
</div>
</div>
</div>
</div>
</header>
</section>
<!--ALERTA-->
<div class="container toPdf pagina1 my-5">
<p class="h4 text-danger">Atenção</p>
<p class="text-up-02">
Este Aplicativo deve ser utilizado exclusivamente para indicar bens móveis e imóveis ao Rearp Atualização e calcular o tributo devido, conforme arts. 3º e 4º da Lei nº 15.265/2025. Caso deseje migrar bens imóveis da Declaração de Opção pela Atualização de Bens Imóveis - Dabim para o Rearp Atualização, utilize o Aplicativo de Identificação dos Bens a Migrar.
</p>
</div>
<!-- IDENTIFICACAO DO CONTRIBUINTE -->
<section id="secao-identificacao-contribuinte" class="container toPdf pagina1 my-5" name="identificacao_contribuinte">
<!-- TÍTULO -->
<div class="row">
<p class="col h1 mb-5">Identificação do contribuinte</p>
</div>
<!-- INSTRUCAO -->
<!-- <div class="row">
<p class="col mb-3 text-up-03">Você é contribuinte pessoa física ou pessoa jurídica?</p>
</div> -->
<!-- OPÇÕES DE RESPOSTA -->
<div class="row flex-column">
<div class="br-radio col">
<input id="pessoa-fisica" type="radio" name="tipo-contribuinte" value="pessoa-fisica"
onclick="reiniciarFormulario(this)" />
<label for="pessoa-fisica" class="text-up-02">Pessoa Física</label>
</div>
<div class="br-radio col">
<input id="pessoa-juridica" type="radio" name="tipo-contribuinte" value="pessoa-juridica"
onclick="reiniciarFormulario(this)" />
<label for="pessoa-juridica" class="text-up-02">Pessoa Jurídica</label>
</div>
</div>
<!-- BOTÃO AVANÇAR -->
<div class="row my-5">
<div class="col-12 text-center">
<div class="p-3">
<button class="br-button primary mr-3" type="button" onclick="confirmarContribuinte(this)">
<span>Avançar</span>
</button>
</div>
</div>
</div>
<!--DIVIDER-->
<div class="br-divider md my-3 row"></div>
</section>
<!--CONTRIBUINTE PESSOA FÍSICA-->
<section id="secao-pessoa-fisica" class="d-none container toPdf pagina1 my-5" name="pessoa_fisica">
<!-- TÍTULO -->
<div class="row">
<p class="col h1 mb-5">Dados do contribuinte</p>
</div>
<!-- INSTRUCAO -->
<!-- <div class="row">
<p class="col mb-3 text-up-03">Preencha seus dados</p>
</div> -->
<!-- FORMULÁRIO DE DADOS DO CONTRIBUINTE -->
<div class="row">
<div class="col-12 col-md-6">
<div class="br-input">
<label for="nome-completo">Nome completo</label>
<input id="nome-completo" type="text" name="nome-completo" onchange="reiniciarFormulario(this)" maxlength="100" />
</div>
</div>
<div class="col-12 col-md-6">
<div class="br-input">
<label for="cpf">CPF</label>
<input id="cpf" type="text" name="cpf" onchange="reiniciarFormulario(this)"/>
<span class="feedback danger d-none" role="alert" id="erro-cpf">
<i class="fas fa-times-circle" aria-hidden="true"></i>
<span>CPF inválido</span>
</span>
</div>
</div>
</div>
<!-- BOTÃO AVANÇAR -->
<div class="row my-5">
<div class="col-12 text-center">
<div class="p-3">
<button class="br-button primary mr-3" type="button" onclick="confirmarPessoaFisica(this)">
<span>Avançar</span>
</button>
</div>
</div>
</div>
</section>
<!--CONTRIBUINTE PESSOA JURIDICA-->
<section id="secao-pessoa-juridica" class="d-none container toPdf pagina1 my-5" name="pessoa_juridica">
<!-- TÍTULO -->
<div class="row">
<p class="col h1 mb-5">Dados do contribuinte</p>
</div>
<!-- INSTRUCAO -->
<!-- <div class="row">
<p class="col mb-3 text-up-03">Preencha seus dados</p>
</div> -->
<!-- FORMULÁRIO DE DADOS DO CONTRIBUINTE -->
<div class="row">
<div class="col-12 col-md-6">
<div class="br-input">
<label for="nome-empresa">Nome empresarial</label>
<input id="nome-empresa" type="text" name="nome-empresa" onchange="reiniciarFormulario(this)" maxlength="100" />
</div>
</div>
<div class="col-12 col-md-6">
<div class="br-input">
<label for="cnpj">CNPJ</label>
<input id="cnpj" type="text" name="cnpj" onchange="reiniciarFormulario(this)" />
<span class="feedback danger d-none" role="alert" id="erro-cnpj">
<i class="fas fa-times-circle" aria-hidden="true"></i>
<span>CNPJ inválido</span>
</span>
</div>
</div>
</div>
<!-- BOTÃO AVANÇAR -->
<div class="row my-5">
<div class="col-12 text-center">
<div class="p-3">
<button class="br-button primary mr-3" type="button" onclick="confirmarPessoaJuridica(this)">
<span>Avançar</span>
</button>
</div>
</div>
</div>
</section>
<!--METODO DE INSERCAO DE BENS PESSOA FISICA-->
<section id='secao-metodo-inclusao' class="d-none container toPdf pagina2 my-5" name="metodo_inclusao">
<!-- TÍTULO -->
<div class="row">
<p class="col h1 mb-5">Forma de inclusão dos bens</p>
</div>
<!-- INSTRUÇÃO -->
<!-- <div class="row">
<p class="col mb-3 text-up-03">Como você deseja inserir os bens para atualização?</p>
</div> -->
<!-- OPÇÕES DE RESPOSTA -->
<div class="row flex-column">
<div class="br-radio col">
<input id="inclusao-manual" type="radio" name="metodo-inclusao" value="inclusao-manual"
onclick="reiniciarFormulario(this)" />
<label for="inclusao-manual" class="text-up-02">Inclusão manual</label>
</div>
<div class="br-radio col">
<input id="importacao-arquivo" type="radio" name="metodo-inclusao" value="importacao-arquivo"
onclick="reiniciarFormulario(this)" />
<label for="importacao-arquivo" class="text-up-02">Importação de arquivo</label>
</div>
</div>
<!--UPLOAD DE ARQUIVO DEC-->
<div id="div-upload-arquivo" class="row my-5 d-none">
<div class="col-12 col-md-6">
<div class="br-upload">
<label class="upload-label" for="upload-arquivo">Selecione o arquivo para importação</label>
<input class="upload-input" id="upload-arquivo" type="file" aria-label="enviar arquivo"
name="upload-arquivo" accept=".dec" onchange="reiniciarFormulario(this)"/>
<div class="upload-list"></div>
<div class="text-base"></div>
</div>
</div>
</div>
<!-- BOTÃO AVANÇAR -->
<div class="row my-5">
<div class="col-12 text-center">
<div class="p-3">
<button class="br-button primary mr-3" type="button" onclick="confirmarMetodoInclusao(this)">
<span>Avançar</span>
</button>
</div>
</div>
</div>
</section>
<!-- INCLUSAO DE BENS PESSOA FISICA-->
<section id="secao-inclusao-de-bens-pf" class="container toPdf pagina3 my-5 d-none" name="inclusao_de_bens-pf">
<!-- TÍTULO -->
<div class="row">
<p class="col h1 mb-5">Identificação dos bens a atualizar</p>
</div>
<!-- INSTRUÇÃO -->
<!-- <div class="row">
<p class="col mb-3 text-up-03">Insira os bens que deseja atualizar</p>
</div> -->
<!--TABELA-->
<div class="row">
<div class="col-12">
<div class="br-table">
<table name="Tabela de inclusão de bens - Pessoa Física">
<caption>Tabela de inclusão de bens pessoa física</caption>
<!--CORPO DA TABELA-->
<tbody id="tabelaInclusaoBensPF"></tbody>
<!-- A tabela será preenchida dinamicamente com JavaScript -->
</table>
</div>
</div>
<!--BOTAO INCLUIR NOVA GRÁFICA TERCEIRIZADA -->
<div class="col-12 my-5 text-center">
<div>
<button onclick="incluirLinha(this,'template-bens-pf')" class="br-button secondary">
Incluir novo bem
</button>
</div>
</div>
</div>
<!-- BOTÃO AVANÇAR -->
<div class="row my-5">
<div class="col-12 text-center">
<div class="p-3">
<button class="br-button primary mr-3" type="button" onclick="confirmarBensPF(this)">
<span>Avançar</span>
</button>
</div>
</div>
</div>
<!--DIVIDER-->
<div class="br-divider md my-3 row"></div>
</section>
<!-- INCLUSAO DE BENS PESSOA JURIDICA-->
<section id="secao-inclusao-de-bens-pj" class="container toPdf pagina3 my-5 d-none" name="inclusao_de_bens-pj">
<!-- TÍTULO -->
<div class="row">
<p class="col h1 mb-5">Identificação dos bens a atualizar</p>
</div>
<!-- INSTRUÇÃO -->
<!-- <div class="row">
<p class="col mb-3 text-up-03">Insira os bens que deseja atualizar</p>
</div> -->
<!--TABELA-->
<div class="row">
<div class="col-12">
<div class="br-table">
<table name="Tabela de inclusão de bens - Pessoa Física">
<caption>Tabela de inclusão de bens pessoa jurídica</caption>
<!--CORPO DA TABELA-->
<tbody id="tabelaInclusaoBensPJ"></tbody>
<!-- A tabela será preenchida dinamicamente com JavaScript -->
</table>
</div>
</div>
<!--BOTAO INCLUIR LINHA -->
<div class="col-12 my-5 text-center">
<div>
<button onclick="incluirLinha(this,'template-bens-pj')" class="br-button secondary">
Incluir novo bem
</button>
</div>
</div>
</div>
<!-- BOTÃO AVANÇAR -->
<div class="row my-5">
<div class="col-12 text-center">
<div class="p-3">
<button class="br-button primary mr-3" type="button" onclick="confirmarBensPJ(this)">
<span>Avançar</span>
</button>
</div>
</div>
</div>
<!--DIVIDER-->
<div class="br-divider md my-3 row"></div>
</section>
<!--APURACAO DOS TRIBUTOS PESSOA FISICA-->
<section id="secao-apuracao-tributos-pf" class="container toPdf pagina4 my-5 d-none" name="apuracao_tributos_pf">
<!-- TÍTULO -->
<div class="row">
<p class="col h1 mb-5">Demonstrativo de apuração dos tributos</p>
</div>
<!-- INSTRUÇÃO -->
<!-- <div class="row">
<p class="col mb-3 text-up-03">Confira a apuração dos tributos com base nos bens informados</p>
</div> -->
<!-- TABELA DE APURAÇÃO DOS TRIBUTOS PESSOA FÍSICA -->
<div class="row">
<div class="col-12">
<div class="br-table">
<table name="Tabela de apuração dos tributos pessoa física">
<caption>Tabela de apuração dos tributos pessoa física</caption>
<!--CABECALHO-->
<thead>
<tr>
<th></th>
<th>Bens</th>
<th>Custo de aquisição (R$)</th>
<th>Valor atualizado (R$)</th>
<th>Base de cálculo (R$)</th>
<th>IRPF (R$)</th>
</tr>
</thead>
<!--CORPO DA TABELA-->
<tbody id="tabelaApuracaoTributosPF"></tbody>
<!-- A tabela será preenchida dinamicamente com JavaScript -->
</table>
</div>
</div>
</div>
<!-- BOTÃO AVANÇAR -->
<div class="row my-5">
<div class="col-12 text-center">
<div class="p-3">
<button class="br-button primary mr-3" type="button" onclick="apuracaoTributosPF(this)">
<span>Avançar</span>
</button>
</div>
</div>
</div>
<!--DIVIDER-->
<div class="br-divider> md my-3 row"></div>
</section>
<!--APURACAO DOS TRIBUTOS PESSOA JURÍDICA-->
<section id="secao-apuracao-tributos-pj" class="container toPdf pagina4 my-5 d-none" name="apuracao_tributos_pj">
<!-- TÍTULO -->
<div class="row">
<p class="col h1 mb-5">Demonstrativo de apuração dos tributos</p>
</div>
<!-- INSTRUÇÃO -->
<!-- <div class="row">
<p class="col mb-3 text-up-03">Confira a apuração dos tributos com base nos bens informados</p>
</div> -->
<!-- TABELA DE APURAÇÃO DOS TRIBUTOS PESSOA JURÍDICA -->
<div class="row">
<div class="col-12">
<div class="br-table">
<table name="Tabela de apuração dos tributos pessoa jurídica">
<caption>Tabela de apuração dos tributos pessoa jurídica</caption>
<!--CABECALHO-->
<thead>
<tr>
<th></th>
<th>Bens</th>
<th>Custo de aquisição (R$)</th>
<th>Valor de mercado (R$)</th>
<th>Base de cálculo (R$)</th>
<th>IRPJ (R$)</th>
<th>CSLL (R$)</th>
</tr>
</thead>
<!--CORPO DA TABELA-->
<tbody id="tabelaApuracaoTributosPJ"></tbody>
<!-- A tabela será preenchida dinamicamente com JavaScript -->
</table>
</div>
</div>
</div>
<!-- BOTÃO AVANÇAR -->
<div class="row my-5">
<div class="col-12 text-center">
<div class="p-3">
<button class="br-button primary mr-3" type="button" onclick="apuracaoTributosPJ(this)">
<span>Avançar</span>
</button>
</div>
</div>
</div>
<!--DIVIDER-->
<div class="br-divider> md my-3 row"></div>
</section>
<!-- FORMA DE RECOLHIMENTO TRIBUTO PESSOA FISICA-->
<section id='secao-forma-recolhimento-pf' class="d-none container toPdf pagina5 my-5" name="forma_recolhimento_pf">
<!-- TÍTULO -->
<div class="row">
<p class="col h1 mb-5">Forma de recolhimento do tributo</p>
</div>
<!-- INSTRUÇÃO -->
<!-- <div class="row">
<p class="col mb-3 text-up-03">Como você deseja recolher o tributo?</p>
</div> -->
<!-- OPÇÕES DE RESPOSTA -->
<div class="row flex-column">
<div class="br-radio col">
<input id="quota-unica-pf" type="radio" name="resposta-forma-recolhimento-pf" value="quota-unica-pf"
onclick="mostrarQuotaUnica()" />
<label for="quota-unica-pf" class="text-up-02">Pagamento integral</label>
</div>
<div class="br-radio col">
<input id="parcelado-pf" type="radio" name="resposta-forma-recolhimento-pf" value="parcelado-pf"
onclick="mostrarSeletorParcelas();" />
<label for="parcelado-pf" class="text-up-02">Pagamento em quotas</label>
</div>
<!--OPCOES DE PARCELAS-->
<div class="br-select col my-3" id="n-parcelas">
</div>
</div>
<!--CÁLCULO DAS QUOTAS-->
<div class="row">
<div id="div-calculo-quotas-pf" class="d-none col my-3" role="alert">
</div>
</div>
<!-- BOTÃO AVANÇAR -->
<div class="row my-5">
<div class="col-12 text-center">
<div class="p-3">
<button class="br-button primary mr-3" type="button" onclick="confirmarFormaRecolhimentoPf(this)">
<span>Avançar</span>
</button>
</div>
</div>
</div>
</section>
<!-- FORMA DE RECOLHIMENTO TRIBUTO PESSOA JURIDICA-->
<section id='secao-forma-recolhimento-pj' class="d-none container toPdf pagina5 my-5" name="forma_recolhimento_pj">
<!-- TÍTULO -->
<div class="row">
<p class="col h1 mb-5">Forma de recolhimento do tributo</p>
</div>
<!-- INSTRUÇÃO -->
<!-- <div class="row">
<p class="col mb-3 text-up-03">Como você deseja recolher o tributo?</p>
</div> -->
<!-- OPÇÕES DE RESPOSTA -->
<div class="row flex-column">
<div class="br-radio col">
<input id="quota-unica-pj" type="radio" name="resposta-forma-recolhimento-pj" value="quota-unica-pj"
onclick="mostrarQuotaUnicaPJ()" />
<label for="quota-unica-pj" class="text-up-02">Pagamento integral</label>
</div>
<div class="br-radio col">
<input id="parcelado-pj" type="radio" name="resposta-forma-recolhimento-pj" value="parcelado-pj"
onclick="mostrarSeletorParcelasPJ();" />
<label for="parcelado-pj" class="text-up-02">Pagamento em quotas</label>
</div>
<!--OPCOES DE PARCELAS-->
<div class="col my-3" id="n-parcelas-pj">
</div>
</div>
<!--CÁLCULO DAS QUOTAS-->
<div class="row">
<div id="div-calculo-quotas-pj" class="d-none col my-3" role="alert">
</div>
</div>
<!-- BOTÃO AVANÇAR -->
<div class="row my-5">
<div class="col-12 text-center">
<div class="p-3">
<button class="br-button primary mr-3" type="button" onclick="confirmarFormaRecolhimentoPj(this)">
<span>Avançar</span>
</button>
</div>
</div>
</div>
</section>
<!--BOTÃO GERAR DOCUMENTO-->
<section id="secao-gerar-documento" class="container mb-5 d-none" name="gerar_documento">
<div class="row justify-content-between">
<div class="col text-center my-3">
<button id="btn-gerar-documento" onclick="confirmarGeracaoDocumento()" class="br-button primary mr-3">
Gerar Demonstrativo de Apuração dos Tributos
</button>
</div>
</div>
</section>
<!-- MODAL -->
<div class="br-scrim-util foco" id="modal-scrim" data-scrim="true">
<div class="div br-modal medium" id="id-modal-generico" aria-modal="true" role="dialog"
aria-labelledby="modal-generico">
<!--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"></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>
<button id="id-nao" class="br-button secondary mr-2 d-none" type="button" data-dismiss="true">
Não
</button>
<button id="id-sim" class="br-button primary d-none" type="button">
Sim
</button>
</div>
</div>
</div>
<!-- MODAL LOADING -->
<div class="br-scrim-util foco d-none" id="modal-loading" data-scrim="true">
<div class="div br-modal small" aria-modal="true" role="dialog">
<div class="br-modal-body text-center py-4">
<div class="br-loading mb-3"></div>
<p class="mb-3" style="font-weight: 600; font-size: 16px;">Gerando documento PDF...</p>
<!-- Barra de progresso -->
<div style="background-color: #e0e0e0; border-radius: 4px; height: 24px; margin-bottom: 16px; overflow: hidden;">
<div class="progress" style="background-color: #0066cc; height: 100%; width: 0%; transition: width 0.3s ease; display: flex; align-items: center; justify-content: center; color: white; font-size: 12px; font-weight: bold;">
</div>
</div>
<p class="mb-0">Etapa: <span id="etapa-progresso">Iniciando...</span></p>
<p class="text-muted">Por favor, não feche a janela.</p>
</div>
</div>
</div>
</main>
<!--FOOTER-->
<section id="id-rodape" class="mt-5xh">
<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/empresas-e-negocios/pt-br/redesim"
aria-label="Empresas & Negócios">
<img alt="redesim" src="assets/img/logo_redesim_branco.svg">
</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">
Versão 1.0.0 - Termo de uso e Política de
Privacidade
<div class="text-down-01 text-medium pb-3">
<a href="https://www.gov.br/ds/home">
Padrão Digital de Governo Design System
Versão 3.6.2
</a>
</div>
</div>
</div>
</section>
</footer>
</section>
</body>
<script>
function instanciarSelects() {
const selectList = []
const notFoundElement = `
<div class="br-item not-found">
<div class="container">
<div class="row">
<div class="col">
<p><strong>Ops!</strong> Não encontramos o que você está procurando!</p>
</div>
</div>
</div>
</div>
`
for (const brSelect of window.document.querySelectorAll('.br-select')) {
const brselect = new core.BRSelect('br-select', brSelect, notFoundElement)
brSelect.addEventListener('onChange', function (e) {})
selectList.push(brselect)
}
return selectList;
}
</script>
</html>