<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Calculadora de Hidratação para Dengue</title>
    <link rel="stylesheet" href="styles.css">

    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-PF3GWR1PFP"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-PF3GWR1PFP');
</script>

</head>

<body>
    <div class="container">

        <h1>Calculadora de Hidratação para Dengue</h1>

        <div class="toggle-buttons">
            <button onclick="mostrarCalculo('adulto')">Cálculo para Adulto</button>
            <button onclick="mostrarCalculo('crianca')">Cálculo para Criança</button>
        </div>

       

        <div id="calculo-adulto" class="calculo-section">
           <h1>ADULTO</h1> 
            
          <b>Classificação:</b> 

            <div class="formulario">
                <form>
                    <label>
                        <input type="checkbox" name="ausencia_sinais" class="dengue1-checkbox " onchange="atualizarVisibilidade()" />
                        Ausência de sinais de alarme e de gravidade
                    </label><br />
            
                    <label>
                        <input type="checkbox" name="sangramento" class="dengue1b-checkbox " onchange="atualizarVisibilidade()" />
                        Presença de Sangramento espontâneo de pele (petéquias) ou induzido (prova do laço positiva)
                    </label><br />
            
                    <label>
                        <input type="checkbox" name="gestantes" class="dengue1b-checkbox " onchange="atualizarVisibilidade()" />
                        Gestantes
                    </label><br />

                    <label>
                        <input type="checkbox" name="comorbidades" class="dengue1b-checkbox " onchange="atualizarVisibilidade()" />
                        Comorbidades
                    </label><br />
            
                    <label>
                        <input type="checkbox" name="comorbidades" class="dengue1b-checkbox " onchange="atualizarVisibilidade()" />
                        Maior de 65 anos
                    </label><br />
            
                    <label>
                        <input type="checkbox" name="risco_social" class="dengue1b-checkbox " onchange="atualizarVisibilidade()" />
                        Risco social
                    </label><br />
            
                    <label>
                        <input type="checkbox" name="aumento_hematocrito" class="dengue2-checkbox " onchange="atualizarVisibilidade()" />
                        Aumento progressivo do hematócrito com hematócrito acima de 10% do valor de referência
                    </label><br />
            
                    <label>
                        <input type="checkbox" name="nivel_plaquetario" class="dengue2-checkbox " onchange="atualizarVisibilidade()" />
                        Nível Plaquetário menor que 50.000/L
                    </label><br />
            
                    <label>
                        <input type="checkbox" name="vomitos_persistentes" class="dengue2-checkbox " onchange="atualizarVisibilidade()" />
                        Vômitos persistentes
                    </label><br />
            
                    <label>
                        <input type="checkbox" name="dor_abdominal" class="dengue2-checkbox " onchange="atualizarVisibilidade()" />
                        Dor abdominal intensa (referida ou à palpação) e contínua
                    </label><br />
            
                    <label>
                        <input type="checkbox" name="sinais_gravidade" class="dengue3-checkbox " onchange="atualizarVisibilidade()" />
                        Presença de outros sinais de alarme ou gravidade; vide Manual de Manejo
                    </label>
                </form>
            </div>
            
            <label for="peso-adulto"><b>Peso (kg):</b></label>
            <input type="number" id="peso-adulto" placeholder=""> <br>

            <button onclick="calcularHidratacao('adulto')">Calcular Hidratação</button>
            <button onclick="resetarCheckboxes()">Limpar</button>

            <div id="resultado-adulto">
                <div class="dengue1"><h3>Dengue A</h3>
                <h4>Hidratação Oral</h4>
                <p>Volume total em 24h: <span id="volume24-adulto" class="resultado-variavel"></span> mL</p>
                <p>Volume de SORO DE REIDRATAÇÃO ORAL: <span id="volumeSoro-adulto" class="resultado-variavel"></span> mL nas primeiras 4 a 6 horas do dia</p> 
                <p>Volume dos demais líquidos: <span id="volumeLiquidos-adulto" class="resultado-variavel"></span> mL ( água, suco de frutas, chás, água de coco, entre outros) no restante do dia</p>
                <h4 class="azul">Avaliar aumento do aporte hídrico basal na ocorrência de perdas (vômitos, diarreia)	<br>
                    A alimentação não deve ser interrompida durante a hidratação e sim administrada de acordo com a aceitação do paciente.  	</h4>
                </div>

                <div class="dengue1b"><h3>Dengue B</h3>
                    <h4>Hidratação Oral</h4>
                    <p>Volume total em 24h: <span id="volume24-adultob" class="resultado-variavel"></span> mL</p>
                    <p>Volume de SORO DE REIDRATAÇÃO ORAL: <span id="volumeSoro-adultob" class="resultado-variavel"></span> mL nas primeiras 4 a 6 horas do dia</p>
                    <p>Volume dos demais líquidos: <span id="volumeLiquidos-adultob" class="resultado-variavel"></span> mL ( água, suco de frutas, chás, água de coco, entre outros) no restante do dia</p>
                    <h4 class="verde">Avaliar aumento do aporte hídrico basal na ocorrência de perdas (vômitos, diarreia)	<br>
                        A alimentação não deve ser interrompida durante a hidratação e sim administrada de acordo com a aceitação do paciente.  	</h4>
                
                </div>
                
                <div class="dengue2">
                <h3>Dengue C</h3>
                <h4>Hidratação endovenosa – Fase expansão</h4>
                <p>Volume de SF 0,9% em 2h: <span id="volume2-adulto" class="resultado-variavel"></span> mL</p>
                <p>Taxa de infusão: <span id="txInfusao-adulto" class="resultado-variavel"></span> mL/h</p>
                <p>Gotejamento: <span id="gotas-adulto" class="resultado-variavel"></span> gotas/min</p>
                <p> 
                    <b>Conduta:</b><br>
                    <b>Avaliar o paciente clinicamente a cada hora (Dados vitais, Pressão arterial)</b><br>
                    <b>Realizar hematócrito a cada 2 horas.(Teste rápido)</b><br><br>
                    <b>Observação:</b>
                    <ul><li>Se houver melhora clínica e laboratorial (dados vitais e hematócrito) ao final da fase de expansão (2hs), seguir para a fase de manutenção</li>
                    <li>Se não houver melhora clínica ou laboratorial (dados vitais ou hematócrito), repetir fase de expansão em até 3 vezes</li>
                    <li>Se não houver melhora clínica e laboratorial ao final da fase de expansão (3 ciclos de duas horas), conduzir como grupo D.</li></ul>
                    
                    </p>
               <H4>Após melhora clínica</H4> 
                <h3>Hidratação endovenosa – Fase manutenção	</h3>
                <h3>Primeira Fase</h3>
                <p>Volume de SF 0,9% em 6h: <span id="volume6-adulto" class="resultado-variavel"></span> mL</p>
                <p>Taxa de infusão: <span id="txInfusao2-adulto" class="resultado-variavel"></span> mL/h</p>
                <p>Gotejamento: <span id="gotas2-adulto" class="resultado-variavel"></span> gotas/min</p>
                <h3>Segunda Fase</h3>
                <p>Volume de SF 0,9% em 8h: <span id="volume8-adulto" class="resultado-variavel"></span> mL</p>
                <p>Taxa de infusão: <span id="txInfusao3-adulto" class="resultado-variavel"></span> mL/h</p>
                <p>Gotejamento: <span id="gotas3-adulto" class="resultado-variavel"></span> gotas/min</p>
                <p><p class="alerta">ATENÇÃO</p>
                   <b> Após a entrada no serviço de Urgência, os pacientes do Grupo C devem permanecer em leito de internação até estabilização e atender os critérios de alta, por um período mínimo de 48 horas 
                </b>   
                </p>

                </div>

                <div class="dengue3">
                <h3>Dengue D</h3>
                <h4>Hidratação IV imediata		</h4>
                <p>Volume de SF 0,9%: <span id="volumeSF-adulto" class="resultado-variavel"></span> mL</p>
                
                Infusão em até 20 minutos	<br>
                <br><b>Conduta: </b><br>
                
                <b>Avaliar o paciente clinicamente a cada 15 minutos (Dados vitais, Pressão arterial)</b><br>
                    <b>Repetir reposição volêmica em até 3 vezes.</b> </p>
                    </p>
                        <p class="alerta">ATENÇÃO</p>
                    <b>Esses pacientes devem permanecer em acompanhamento em leito de UTI até estabilização (mínimo de 48 horas) e, após estabilização, devem permanecer em leito de internação.
                    </b>
                    </div>
                

            </div>
        </div>

        <div id="calculo-crianca" class="calculo-section" style="display: none;">
            <h1>CRIANÇA</h1>

            <b>Classificação:</b>
            <div class="formulario">
                <form>
                    <label>
                        <input type="checkbox" name="ausencia_sinais" class="dengue1-checkbox " onchange="atualizarVisibilidade()" />
                        Ausência de sinais de alarme e de gravidade
                    </label><br />
            
                    <label>
                        <input type="checkbox" name="sangramento" class="dengue1b-checkbox " onchange="atualizarVisibilidade()" />
                        Presença de Sangramento espontâneo de pele (petéquias) ou induzido (prova do laço positiva)
                    </label><br />
            
                    <label>
                        <input type="checkbox" name="gestantes" class="dengue1b-checkbox " onchange="atualizarVisibilidade()" />
                        Gestantes
                    </label><br />
            
                    <label>
                        <input type="checkbox" name="comorbidades" class="dengue1b-checkbox " onchange="atualizarVisibilidade()" />
                        Comorbidades
                    </label><br />

                    <label>
                        <input type="checkbox" name="comorbidades" class="dengue1b-checkbox " onchange="atualizarVisibilidade()" />
                        Lactente Menor de 2 anos
                    </label><br />
            
                    <label>
                        <input type="checkbox" name="risco_social" class="dengue1b-checkbox " onchange="atualizarVisibilidade()" />
                        Risco social
                    </label><br />
            
                    <label>
                        <input type="checkbox" name="aumento_hematocrito" class="dengue2-checkbox " onchange="atualizarVisibilidade()" />
                        Aumento progressivo do hematócrito com hematócrito acima de 10% do valor de referência
                    </label><br />
            
                    <label>
                        <input type="checkbox" name="nivel_plaquetario" class="dengue2-checkbox " onchange="atualizarVisibilidade()" />
                        Nível Plaquetário menor que 50.000/L
                    </label><br />
            
                    <label>
                        <input type="checkbox" name="vomitos_persistentes" class="dengue2-checkbox " onchange="atualizarVisibilidade()" />
                        Vômitos persistentes
                    </label><br />
            
                    <label>
                        <input type="checkbox" name="dor_abdominal" class="dengue2-checkbox " onchange="atualizarVisibilidade()" />
                        Dor abdominal intensa (referida ou à palpação) e contínua
                    </label><br />
            
                    <label>
                        <input type="checkbox" name="sinais_gravidade" class="dengue3-checkbox " onchange="atualizarVisibilidade()" />
                        Presença de outros sinais de alarme ou gravidade; vide Manual de Manejo
                    </label><br />
                </form>
            </div>
            
            <label for="peso-crianca"><b>Peso (kg):</b></label>
            <input type="number" id="peso-crianca" placeholder=""><br>

            <button onclick="calcularHidratacao('crianca')">Calcular Hidratação</button>
            <button onclick="resetarCheckboxes()">Limpar</button>
            <div id="resultado-crianca">
                <div class="dengue1">
                <h3>Dengue A</h3>
                <h4>Hidratação Oral</h4>
                <p>Volume total em 24h: <span id="volume24-crianca" class="resultado-variavel"></span> mL</p>
                <p>Volume de SORO DE REIDRATAÇÃO ORAL: <span id="volumeSoro-crianca" class="resultado-variavel"></span> mL nas primeiras 4 a 6 horas do dia</p>
                <p>Volume dos demais líquidos: <span id="volumeLiquidos-crianca" class="resultado-variavel"></span> mL ( água, suco de frutas, chás, água de coco, entre outros) no restante do dia</p>
                <h4 class="azul">Avaliar aumento do aporte hídrico basal na ocorrência de perdas (vômitos, diarreia)	<br>
                    A alimentação não deve ser interrompida durante a hidratação e sim administrada de acordo com a aceitação do paciente.  	</h4>
                </div>

                <div class="dengue1b">
                <h3>Dengue B</h3>
                 <h4>Hidratação Oral</h4>
                 <p>Volume total em 24h: <span id="volume24-criancab" class="resultado-variavel"></span> mL</p>
                <p>Volume de SORO DE REIDRATAÇÃO ORAL: <span id="volumeSoro-criancab" class="resultado-variavel"></span> mL nas primeiras 4 a 6 horas do dia</p>
                <p>Volume dos demais líquidos: <span id="volumeLiquidos-criancab" class="resultado-variavel"></span> mL ( água, suco de frutas, chás, água de coco, entre outros) no restante do dia</p>
                <h4 class="verde">Avaliar aumento do aporte hídrico basal na ocorrência de perdas (vômitos, diarreia)	<br>
                    A alimentação não deve ser interrompida durante a hidratação e sim administrada de acordo com a aceitação do paciente.  	</h4>
                </div>

                <div class="dengue2">
                    <h3>Dengue C</h3>
                    <h4>Hidratação endovenosa – Fase expansão</h4>
                <p >Volume de SF 0,9% em 2h: <span id="volume2-crianca" class="resultado-variavel"></span> mL</p>
                <p>Taxa de infusão: <span id="txInfusao-crianca" class="resultado-variavel"></span> mL/h</p>
                <p>Gotejamento: <span id="gotas-crianca" class="resultado-variavel"></span> gotas/min</p>
                    <p> 
                        <b>Conduta:</b><br>
                        <b>Avaliar o paciente clinicamente a cada hora (Dados vitais, Pressão arterial)</b><br>
                        <b>Realizar hematócrito a cada 2 horas.(Teste rápido)</b><br><br>
                        <b>Observação:</b>
                        <ul><li>Se houver melhora clínica e laboratorial (dados vitais e hematócrito) ao final da fase de expansão (2hs), seguir para a fase de manutenção</li>
                        <li>Se não houver melhora clínica ou laboratorial (dados vitais ou hematócrito), repetir fase de expansão em até 3 vezes</li>
                        <li>Se não houver melhora clínica e laboratorial ao final da fase de expansão (3 ciclos de duas horas), conduzir como grupo D.</li></ul>
                        
                        </p>
                   <H4>Após melhora clínica</H4> 
                    <h3>Hidratação endovenosa – Fase manutenção	</h3>
                    <h3>Primeira Fase</h3>
                    <p>Volume de SF 0,9% 6h: <span id="volume6-crianca" class="resultado-variavel"></span> mL</p>
                    <p>Taxa de infusão (6hs): <span id="txInfusao6-crianca" class="resultado-variavel"></span> mL/h</p>
                    <p>Gotejamento: <span id="gotas6-crianca" class="resultado-variavel"></span> gotas/min</p>
                    <h3>MANUTENÇÃO FASE 2 (8 HORAS)			                </h3>
                    <p>Volume de SF 0,9% 8h: <span id="volume8-crianca" class="resultado-variavel"></span> mL</p>
                    <p>Taxa de infusão (8hs): <span id="txInfusao8-crianca" class="resultado-variavel"></span> mL/h</p>
                    <p>Gotejamento: <span id="gotas8-crianca" class="resultado-variavel"></span> gotas/min</p>
                    <p class="alerta">ATENÇÃO</p>
                        <b>Após a entrada no serviço de Urgência, os pacientes do Grupo C devem permanecer em leito de internação até estabilização e atender os critérios de alta, por um período mínimo de 48 horas 
                        </b>
                    </p>
    
                    </div>

                <div class="dengue3">
                <h3>Dengue D</h3>
                <h4>Hidratação IV imediata		</h4>
                <p>Volume de SF 0,9%: <span id="volumeSF-crianca" class="resultado-variavel"></span> mL</p>
                <h4>INFUSÃO EM 20 MINUTOS!		</h4>
                <p>
                    <ul>
                    <li>Avaliar o paciente clinicamente a cada 15 minutos (Dados vitais, Pressão arterial)</li>
                    <li>Repetir reposição volêmica em até 3 vezes.</li> 
                    </ul>
                    </p>
                        <p class="alerta">ATENÇÃO</p>
                    <b>Esses pacientes devem permanecer em acompanhamento em leito de UTI até estabilização (mínimo de 48 horas) e, após estabilização, devem permanecer em leito de internação.
                    </b>
                    </div>
                
                </div>
        </div>
        <button onclick="imprimirResultados()">Imprimir prescrição</button>
        <div class="marca">        <img src="./assets/Logo_prefeitura.jpg" alt="">
        <img src="./assets/Logo_nis_azul_verde_completa.jpg" alt="">
    </div>
    <div class="contato">&#9993; nis@contagem.mg.gov.br</div>
    

    </div>
    <div id="modal-alerta" class="modal">
        <div class="modal-conteudo">
            <span class="fechar" onclick="fecharModal()">&times;</span>
            <h3 id="titulo-modal"></h3>
            <p id="conteudo-modal"></p>
            <button onclick="fecharModal()">Fechar</button>
        </div>
    </div>
    
    <script src="script.js"></script>
</body>
</html>
