revisao-sintonia.html
Publicado em
29/09/2026 16h23
Atualizado em
29/09/2026 16h25
revisao-sintonia.html
— 38 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/sintonia-negocio.js"></script>
<!--JSPDF-->
<script src="./assets/js/jspdf.umd.min.js"></script>
<style>
.fix {
top: 0px !important;
}
/* Destaque em vermelho para campos obrigatórios não preenchidos (ex.: checkboxes de declaração) */
.br-checkbox.danger label {
color: var(--danger, #e52207);
}
.br-checkbox.danger input[type="checkbox"] {
outline: 2px solid var(--danger, #e52207);
outline-offset: 2px;
}
/* Aviso de campo obrigatório ao lado do rótulo */
.campo-obrigatorio-marcador {
color: var(--danger, #e52207);
font-weight: 600;
font-size: 0.85rem;
margin-left: 4px;
}
/* Destaque para período (mês/ano) repetido dentro do mesmo bloco de detalhamento */
.br-input.periodo-duplicado-invalido input {
border-color: var(--danger, #e52207);
border-width: 2px;
}
.periodo-duplicado-aviso {
color: var(--danger, #e52207);
font-size: 0.85rem;
margin-top: 4px;
}
.campo-seletor-estetico {
width: 100%;
min-height: 2.4rem;
padding: 0.45rem 0.75rem;
border: 1px solid #b9c6d3;
border-radius: 0.5rem;
background: linear-gradient(180deg, #ffffff 0%, #f5f9fc 100%);
color: #1f2d3d;
font-size: 0.95rem;
line-height: 1.2;
}
.campo-seletor-estetico:focus {
outline: none;
border-color: #1351b4;
box-shadow: 0 0 0 3px rgba(19, 81, 180, 0.12);
}
.indicador-descricao {
border-left: 4px solid #1351b4;
background: #f4f8fc;
color: #243746;
border-radius: 0.5rem;
line-height: 1.45;
}
.tipos-erro-bloco {
border: 1px solid #d7e0e8;
background: #fff;
border-radius: 0.75rem;
}
.tipo-erro-item {
display: flex;
gap: 0.55rem;
align-items: flex-start;
padding: 0.3rem 0;
width: 100%;
text-align: left;
}
.tipo-erro-item input {
margin-top: 0.15rem;
flex: 0 0 0.95rem;
width: 0.95rem;
height: 0.95rem;
}
.tipo-erro-texto {
display: block;
flex: 1;
line-height: 1.35;
}
.descricao-problema-pequena {
min-height: 6rem;
resize: vertical;
}
.bloco-repetivel {
border-radius: 1rem !important; /* Altere para 16px ou o valor que preferir */
}
[data-action="adicionar-periodo"] {
width: auto !important;
min-width: 120px;
white-space: nowrap;
}
@media print {
body * {
display: none !important;
}
body::before {
content: "Impressão desabilitada. Utilize o botão 'Gerar Documento' para gerar o PDF oficial.";
display: block;
position: fixed;
inset: 0;
text-align: center;
font-size: 24px;
font-weight: bold;
color: #b00020;
padding-top: 40vh;
background: white;
}
}
</style>
<title>REQUERIMENTO DE REVISÃO DE CLASSIFICAÇÃO NO SINTONIA</title>
</head>
<!--TEMPLATE DO SELECT DE PERÍODO DA CLASSIFICAÇÃO -->
<template id="id-template-select-periodos">
<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-periodos" aria-autocomplete="list">
<div class="input-group">
<div class="input-icon">
<i class="fas fa-search" aria-hidden="true"></i>
</div>
<input id="select-periodos" 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-periodos" aria-expanded="false">
<i class="fas fa-angle-down" aria-hidden="true"></i>
</button>
</div>
<div class="br-list" tabindex="-1" id="lista-periodos" role="listbox" aria-label="Lista de Opções">
<!--Os itens serão preenchidos dinamicamente-->
</div>
</span>
</template>
<!--TEMPLATE DO BLOCO REPETÍVEL DE DETALHAMENTO-->
<template id="id-template-bloco-detalhamento-problema">
<div class="br-card mb-4 bloco-repetivel" data-repeat-item>
<div class="p-4">
<!--DOMINIO-->
<div class="row mt-4" id="wrapper-dominio-__INDEX__">
<div class="col-12 obrigatorio">
<div class="br-select obrigatorio" name="dominio_problema" id="dominio-wrapper-__INDEX__">
<div class="br-input">
<label for="dominio-problema-__INDEX__">Domínio</label>
<input id="dominio-problema-__INDEX__" type="text" placeholder="Selecione uma opção">
<button class="br-button" type="button" aria-label="Exibir lista" tabindex="-1" data-trigger="data-trigger">
<i class="fas fa-angle-down" aria-hidden="true"></i>
</button>
</div>
<div class="br-list" tabindex="-1">
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input id="dominio-cadastro-__INDEX__" type="radio" name="dominio_radio-__INDEX__" value="CADASTRO">
<label for="dominio-cadastro-__INDEX__">CADASTRO</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input id="dominio-declaracoes-__INDEX__" type="radio" name="dominio_radio-__INDEX__" value="DECLARAÇÕES E ESCRITURAÇÕES">
<label for="dominio-declaracoes-__INDEX__">DECLARAÇÕES E ESCRITURAÇÕES</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input id="dominio-consistencia-__INDEX__" type="radio" name="dominio_radio-__INDEX__" value="CONSISTÊNCIA">
<label for="dominio-consistencia-__INDEX__">CONSISTÊNCIA</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input id="dominio-pagamento-__INDEX__" type="radio" name="dominio_radio-__INDEX__" value="PAGAMENTO">
<label for="dominio-pagamento-__INDEX__">PAGAMENTO</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input id="dominio-calculos-__INDEX__" type="radio" name="dominio_radio-__INDEX__" value="CÁLCULOS GERAIS/METODOLOGIA">
<label for="dominio-calculos-__INDEX__">CÁLCULOS GERAIS/METODOLOGIA</label>
</div>
</div>
</div>
</div>
<small class="text-muted d-block mt-2">Escolha o domínio relacionado ao problema informado neste bloco.</small>
</div>
</div>
<!--INDICADOR-->
<div class="row mt-4 d-none" id="wrapper-indicador-__INDEX__">
<div class="col-12 obrigatorio">
<div class="br-select obrigatorio" name="indicador_problema" id="indicador-wrapper-__INDEX__">
<div class="br-input">
<label for="indicador-problema-__INDEX__">Indicador relacionado ao problema</label>
<input id="indicador-problema-__INDEX__" type="text" placeholder="Selecione um domínio primeiro" disabled>
<button class="br-button" type="button" aria-label="Exibir lista" tabindex="-1" data-trigger="data-trigger" disabled>
<i class="fas fa-angle-down" aria-hidden="true"></i>
</button>
</div>
<div class="br-list" tabindex="-1">
</div>
</div>
<small class="text-muted d-block mt-2">Escolha o indicador relacionado ao problema informado neste bloco.</small>
<div id="descricao-indicador-problema-__INDEX__" class="indicador-descricao mt-3 p-3 d-none"></div>
</div>
</div>
<!--PERIODO DO ERRO-->
<div class="row mt-4 d-none" id="wrapper-periodos-__INDEX__">
<div class="col-12">
<div>
<label class="mb-0">Períodos do problema</label>
<small class="text-muted d-block">Adicione um ou mais pares de ano e mês relacionados ao mesmo erro.</small>
</div>
<div class="mt-3" data-periodos-problema-container name="periodos_problema">
</div>
<div class="text-right mt-3 naoPDF">
<button type="button" class="br-button secondary" data-action="adicionar-periodo">Adicionar período</button>
</div>
</div>
</div>
<!--TIPO DO ERRO-->
<div class="row mt-4 d-none" id="wrapper-tipo-erro-__INDEX__">
<div class="col-12 obrigatorio mt-3" id="tipos-erro-problema-__INDEX__-wrapper">
<div class="br-select obrigatorio" name="tipo_erro_alegado" id="tipo-erro-wrapper-__INDEX__">
<div class="br-input">
<label for="tipos-erro-problema-__INDEX__">Tipo de erro alegado</label>
<input id="tipos-erro-problema-__INDEX__" type="text" placeholder="Selecione uma opção">
<button class="br-button" type="button" aria-label="Exibir lista" tabindex="-1" data-trigger="data-trigger">
<i class="fas fa-angle-down" aria-hidden="true"></i>
</button>
</div>
<div class="br-list" tabindex="-1">
</div>
</div>
</div>
</div>
<!--DESCRICAO DETALHADA-->
<div class="row mt-4 d-none" id="wrapper-descricao-__INDEX__">
<div class="col-12 br-textarea obrigatorio">
<label for="descricao-problema-__INDEX__">
Descrição do problema
<span class="campo-obrigatorio-marcador">(campo obrigatório para gerar o pedido de revisão)</span>
</label>
<textarea id="descricao-problema-__INDEX__" class="descricao-problema-pequena" name="descricao_problema" rows="2" placeholder="Descreva de forma clara e objetiva o erro material identificado, indicando valores incorretos vs. Corretos e o(s) mês / ano a que se referem"></textarea>
</div>
</div>
<div class="text-right mt-3 naoPDF">
<button type="button" class="br-button primary" data-action="remover-bloco">Remover</button>
</div>
</div>
</div>
</template>
<template id="id-template-periodo-problema">
<div class="mb-3" data-periodo-problema-item>
<div class="row">
<div class="col-md-2 br-input obrigatorio">
<label for="ano-problema-__BLOCO_INDEX__-__PERIODO_INDEX__">Ano</label>
<input id="ano-problema-__BLOCO_INDEX__-__PERIODO_INDEX__" type="number" min="2025" max="9999" name="ano_problema" placeholder="Ano"
onchange="atualizarLimiteMes(this)">
</div>
<div class="col-md-3 obrigatorio">
<div class="br-select obrigatorio" name="mes_problema">
<div class="br-input">
<label for="mes-problema-__BLOCO_INDEX__-__PERIODO_INDEX__">Mês</label>
<input id="mes-problema-__BLOCO_INDEX__-__PERIODO_INDEX__" type="text" placeholder="Selecione">
<button class="br-button" type="button" aria-label="Exibir lista" tabindex="-1" data-trigger="data-trigger">
<i class="fas fa-angle-down" aria-hidden="true"></i>
</button>
</div>
<div class="br-list" tabindex="-1">
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input id="mes-1-__BLOCO_INDEX__-__PERIODO_INDEX__" type="radio" name="mes_radio-__BLOCO_INDEX__-__PERIODO_INDEX__" value="1">
<label for="mes-1-__BLOCO_INDEX__-__PERIODO_INDEX__">Janeiro</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input id="mes-2-__BLOCO_INDEX__-__PERIODO_INDEX__" type="radio" name="mes_radio-__BLOCO_INDEX__-__PERIODO_INDEX__" value="2">
<label for="mes-2-__BLOCO_INDEX__-__PERIODO_INDEX__">Fevereiro</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input id="mes-3-__BLOCO_INDEX__-__PERIODO_INDEX__" type="radio" name="mes_radio-__BLOCO_INDEX__-__PERIODO_INDEX__" value="3">
<label for="mes-3-__BLOCO_INDEX__-__PERIODO_INDEX__">Março</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input id="mes-4-__BLOCO_INDEX__-__PERIODO_INDEX__" type="radio" name="mes_radio-__BLOCO_INDEX__-__PERIODO_INDEX__" value="4">
<label for="mes-4-__BLOCO_INDEX__-__PERIODO_INDEX__">Abril</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input id="mes-5-__BLOCO_INDEX__-__PERIODO_INDEX__" type="radio" name="mes_radio-__BLOCO_INDEX__-__PERIODO_INDEX__" value="5">
<label for="mes-5-__BLOCO_INDEX__-__PERIODO_INDEX__">Maio</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input id="mes-6-__BLOCO_INDEX__-__PERIODO_INDEX__" type="radio" name="mes_radio-__BLOCO_INDEX__-__PERIODO_INDEX__" value="6">
<label for="mes-6-__BLOCO_INDEX__-__PERIODO_INDEX__">Junho</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input id="mes-7-__BLOCO_INDEX__-__PERIODO_INDEX__" type="radio" name="mes_radio-__BLOCO_INDEX__-__PERIODO_INDEX__" value="7">
<label for="mes-7-__BLOCO_INDEX__-__PERIODO_INDEX__">Julho</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input id="mes-8-__BLOCO_INDEX__-__PERIODO_INDEX__" type="radio" name="mes_radio-__BLOCO_INDEX__-__PERIODO_INDEX__" value="8">
<label for="mes-8-__BLOCO_INDEX__-__PERIODO_INDEX__">Agosto</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input id="mes-9-__BLOCO_INDEX__-__PERIODO_INDEX__" type="radio" name="mes_radio-__BLOCO_INDEX__-__PERIODO_INDEX__" value="9">
<label for="mes-9-__BLOCO_INDEX__-__PERIODO_INDEX__">Setembro</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input id="mes-10-__BLOCO_INDEX__-__PERIODO_INDEX__" type="radio" name="mes_radio-__BLOCO_INDEX__-__PERIODO_INDEX__" value="10">
<label for="mes-10-__BLOCO_INDEX__-__PERIODO_INDEX__">Outubro</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input id="mes-11-__BLOCO_INDEX__-__PERIODO_INDEX__" type="radio" name="mes_radio-__BLOCO_INDEX__-__PERIODO_INDEX__" value="11">
<label for="mes-11-__BLOCO_INDEX__-__PERIODO_INDEX__">Novembro</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input id="mes-12-__BLOCO_INDEX__-__PERIODO_INDEX__" type="radio" name="mes_radio-__BLOCO_INDEX__-__PERIODO_INDEX__" value="12">
<label for="mes-12-__BLOCO_INDEX__-__PERIODO_INDEX__">Dezembro</label>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-1 d-flex align-items-end naoPDF">
<button type="button" class="br-button" data-action="remover-periodo" title="Remover período"
style="transform: translateY(-6px); width: 40px; padding: 0; margin-left: -20px;">
<i class="fa fa-trash-alt"></i>
</button>
</div>
</div>
</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">CONFORMIDADE TRIBUTÁRIA - Revisar Classificação no Programa Sintonia</div>
<div class="header-subtitle">Solicitação de revisão da classificação no Programa Sintonia da Receita Federal</div>
</div>
</div>
</div>
</div>
</header>
</section>
<section id="id-identificacao" name='Identificação do Contribuinte' class="container paraPDF_01">
<!--INPUT FILE, NOME E CNPJ-->
<h1 class="mt-5">Informações Importantes</h1>
<p>Leia com atenção as orientações a seguir antes de prosseguir no preenchimento do requerimento:</p>
<ol>
<li>Este formulário é instrumento para apresentar pedido de revisão da classificação, conforme IN RFB 2316/2026, art. 17. Não é o meio adequado para pedido de revisão ou cancelamento de débitos;</li>
<li>Preencha APENAS os indicadores para os quais alega erro. Pedidos genéricos serão indeferidos.</li>
</ol>
<p>Para mais informações, acesse a <a href="https://www.gov.br/pt-br/servicos/revisar-classificacao-programa-sintonia" target="_blank">Página de Serviço</a>.</p>
<p>Passo a passo de como anexar o documento gerado <a href="https://www.gov.br/receitafederal/pt-br/assuntos/aduana-e-comercio-exterior/atendimento/servicos-aduaneiros-via-e-cac/como-anexar-documentos-ao-processo-digital" target="_blank">Acesse aqui</a>.</p>
<h1 class="mt-9x">Identificação do Contribuinte</h1>
<div id="inputIdentificacaoContribuinte" class="mt-4">
<div class="row">
<div class="col-md-6 br-input obrigatorio mb-3">
<label for="nomeContribuinte">Razão Social</label>
<input type="text" class="form-control limpar" id="nomeContribuinte" oninput="inputMaiusculas(this)" placeholder="Digite a razão social">
</div>
<div class="col-md-6 br-input obrigatorio mb-3">
<label for="cnpjContribuinte">CNPJ</label>
<input type="text" class="form-control limpar" id="cnpjContribuinte" oninput="aplicarMascaraCpfCnpj(this,'CNPJ')" placeholder="00.000.000/0000-00">
</div>
</div>
<div class="row justify-content-center mt-3 naoPDF">
<div class="col-sm-auto text-center">
<button id="btnIdentificacaoContribuinte" onclick="validaIdentificacaoContribuinte()" class="br-button secondary">Confirmar</button>
</div>
</div>
</div>
<!--IDENTIFICAÇÃO DO CONTRIBUINTE-->
<div class="text-up-02 imprimir d-none" id="labelIdentificacaoContribuinte">
<div class="text-left">Razão Social: <span id="processaNomeContribuinte" class="text-medium is-not-component" name="nome_contribuinte"></span></div>
<div class="text-left">CNPJ: <span id="processaCnpjContribuinte" class="text-medium is-not-component" name="cnpj_contribuinte"></span></div>
<div class="text-center naoPDF"><button id="btnAlterarIdentificacaoContribuinte" onclick="exibeLabelIdentificacao(false)" class="br-button secondary">Alterar</button></div>
</div>
</section>
<!-- SECAO SOLICITAÇÃO -->
<section id="id-solicitacao" class="container mt-9x paraPDF_02 d-none">
<h2 class="mt-5" style="font-weight: 350;">Solicitação</h2>
<p>Solicito a revisão da classificação a seguir especificada obtida no Programa Sintonia, nos termos do art. 17 da IN RFB nº 2.316/2026, relativa ao(s) domínio(s), ao(s) indicador(es) e pelo(s) motivo(s) informados no presente requerimento.</p>
</section>
<!--SECAO DETALHAMENTO DO PROBLEMA -->
<section id="id-detalhamento-problema" name="detalhamento_problema" class="container mb-5 paraPDF_02 secao d-none">
<div class="d-flex align-items-center justify-content-between flex-wrap gap-3">
<h2 class="mt-9x mb-0" style="font-weight: 350;">Detalhamento do problema</h2>
</div>
<p class="mt-3 mb-4">Preencha um ou mais registros informando o ano, o mês e os demais dados do erro material. Você pode adicionar quantos blocos forem necessários ou remover os que não quiser manter.</p>
<div id="lista-detalhamento-problema" data-repeat-container>
<!-- BLOCO GERADO POR JS -->
</div>
<div class="naoPDF">
<button type="button" class="br-button secondary" onclick="adicionarBlocoProblema()">Adicionar outro</button>
</div>
</section>
<!--SECAO INDICADORES -->
<!--SECAO DECLARAÇÃO-->
<section id="id-declaracao" class="container mb-5 paraPDF_02 secao d-none" name="declaracao">
<h2 class="mt-9x mb-3" style="font-weight: 350;">Declaração</h2>
<p class="mb-3">Declaro, para os devidos fins e sob as penas da lei, que:</p>
<div class="br-checkbox mb-2">
<input id="declaracao-item-a" type="checkbox" name="declaracao_item_a">
<label for="declaracao-item-a">a) As informações prestadas neste formulário são verdadeiras e correspondem à realidade dos fatos;</label>
</div>
<div class="br-checkbox mb-2">
<input id="declaracao-item-b" type="checkbox" name="declaracao_item_b">
<label for="declaracao-item-b">b) Estou ciente de que o pedido de revisão se restringe à alegação de erro material na classificação (art. 19º da IN RFB nº 2.316/2026);</label>
</div>
<div class="br-checkbox mb-2">
<input id="declaracao-item-c" type="checkbox" name="declaracao_item_c">
<label for="declaracao-item-c">c) Estou ciente de que a discordância com a metodologia de cálculo não configura erro material;</label>
</div>
<div class="br-checkbox mb-2">
<input id="declaracao-item-d" type="checkbox" name="declaracao_item_d">
<label for="declaracao-item-d">d) Autorizo a RFB a retificar minha classificação, caso comprovado o erro material alegado.</label>
</div>
</section>
<!--GERAR DOCUMENTO-->
<section id="id-btn-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 onclick="gerarDocumento()" class="br-button primary">Gerar Documento</button>
</div>
</div>
<div class="row justify-content-between">
<div id="id-aguardar" class="col text-center br-loading d-none" role="progressbar" aria-label="Gerando documento PDF">Aguarde</div>
</div>
</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>
<script>
function atualizarResumoDocumentos(blocoDocumentos) {
if (!blocoDocumentos) return;
const resumo = blocoDocumentos.querySelector('.anexos-resumo');
const listaResumo = blocoDocumentos.querySelector('.anexos-resumo-lista');
const inputArquivos = blocoDocumentos.querySelector('input[type="file"][name="documentos_comprobatorios"]');
if (!resumo || !listaResumo) return;
listaResumo.innerHTML = '';
const itensResumo = [];
if (inputArquivos && inputArquivos.files && inputArquivos.files.length > 0) {
const nomesArquivos = Array.from(inputArquivos.files).map(arquivo => arquivo.name);
itensResumo.push({ titulo: 'Arquivos anexados', valor: nomesArquivos.join(', ') });
}
const tiposSelecionados = [];
blocoDocumentos.querySelectorAll('input[type="checkbox"]:checked').forEach(checkbox => {
if (checkbox.name === 'tipo_documento_outro') {
const campoOutro = blocoDocumentos.querySelector('input[name="tipo_documento_outro_descricao"]');
const valorOutro = campoOutro && campoOutro.value.trim() ? campoOutro.value.trim() : 'Outro';
tiposSelecionados.push(valorOutro);
return;
}
tiposSelecionados.push(checkbox.value || checkbox.nextElementSibling?.textContent?.trim() || 'Tipo informado');
});
if (tiposSelecionados.length > 0) {
itensResumo.push({ titulo: 'Tipos informados', valor: tiposSelecionados.join(', ') });
}
if (itensResumo.length === 0) {
resumo.classList.add('d-none');
return;
}
itensResumo.forEach(item => {
const linha = document.createElement('div');
linha.className = 'mb-1';
const titulo = document.createElement('strong');
titulo.textContent = `${item.titulo}: `;
linha.appendChild(titulo);
const valor = document.createElement('span');
valor.textContent = item.valor;
linha.appendChild(valor);
listaResumo.appendChild(linha);
});
resumo.classList.remove('d-none');
}
document.addEventListener('change', function(evento) {
const elemento = evento.target;
if (!(elemento instanceof HTMLInputElement)) return;
const blocoDocumentos = elemento.closest('.documentos-comprobatorios');
if (!blocoDocumentos) return;
const listaOpcoes = blocoDocumentos.querySelectorAll('input[type="checkbox"]');
const campoOutro = blocoDocumentos.querySelector('input[name="tipo_documento_outro_descricao"]');
const checkboxOutro = blocoDocumentos.querySelector('input[name="tipo_documento_outro"]');
const containerOutro = blocoDocumentos.querySelector('.tipo-documento-outro-container');
if (elemento.type === 'checkbox') {
listaOpcoes.forEach(opcao => {
if (opcao !== elemento) {
opcao.checked = false;
}
});
if (campoOutro) {
const outroAtivo = checkboxOutro ? checkboxOutro.checked : false;
campoOutro.disabled = !outroAtivo;
if (containerOutro) {
containerOutro.classList.toggle('d-none', !outroAtivo);
}
if (!outroAtivo) {
campoOutro.value = '';
}
}
}
atualizarResumoDocumentos(blocoDocumentos);
});
document.addEventListener('input', function(evento) {
const elemento = evento.target;
if (!(elemento instanceof HTMLInputElement)) return;
if (elemento.name !== 'tipo_documento_outro_descricao' && elemento.type !== 'file') return;
const blocoDocumentos = elemento.closest('.documentos-comprobatorios');
if (!blocoDocumentos) return;
atualizarResumoDocumentos(blocoDocumentos);
});
</script>
</body>
</html>