CPTEC - Centro de Previsão de Tempo e Estudos Climáticos

<!DOCTYPE html> <html lang="en"> <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-YPR4VKZ7YE"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-YPR4VKZ7YE'); </script> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>CPTEC - Centro de Previsão de Tempo e Estudos Climáticos</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">  <link rel="stylesheet" href="https://cdngovbr-ds.estaleiro.serpro.gov.br/design-system/fonts/rawline/css/rawline.css" />  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900&display=swap" />  <link rel="stylesheet" href="https://www.cptec.inpe.br/fontawesome-free-6.6.0-web/css/all.min.css">  <link rel="stylesheet" href="https://www.cptec.inpe.br/css/core.css"> <link rel="stylesheet" href="https://www.cptec.inpe.br/css/master.css"> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intro.js/7.2.0/introjs.min.css"> <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <link rel="icon" href="../img/faviconV2.png" type="image/x-icon"> </head> <body class="antialiased"> <header class="br-header"> <div class="container-lg"> <div class="header-top"> <div class="header-logo"> <a href="https://www.gov.br/pt-br"> <img src="https://www.cptec.inpe.br/img/govbr-logo.png" alt="Logo GovBR" /> </a> <span class="br-divider vertical mx-half mx-sm-1"></span> <div class="header-sign">Ministério da Ciência, Tecnologia e Inovação</div> </div> <div class="header-actions"> <div class="header-links dropdown"> <button class="br-button circle small" type="button" data-toggle="dropdown" aria-label="Abrir Acesso Rápido"><i class="fas fa-ellipsis-v" aria-hidden="true"></i> </button> <div class="br-list"> <div class="header"> <div class="title">Acesso Rápido</div> </div><a class="br-item" href="https://www.gov.br/pt-br/orgaos-do-governo">Órgãos do Governo</a><a class="br-item" href="https://www.gov.br/acessoainformacao/pt-br">Acesso à Informação</a><a class="br-item" href="http://www4.planalto.gov.br/legislacao">Legislação</a><a class="br-item" href="https://www.gov.br/governodigital/pt-br/acessibilidade-digital">Acessibilidade</a> </div> </div> <div class="invisivel-pequeno desaparece-medio desaparece-grande"> <div class="header-sign-in"> <button class="br-sign-in small" type="button" data-trigger="login"><i class="fas fa-user" aria-hidden="true"></i> </button> </div> <div class="header-avatar"></div> </div> </div> </div> <div class="header-bottom"> <div class="header-menu"> <div class="header-info"> <a href="/"> <div class="header-title">Centro de Previsão de Tempo e Estudos Climáticos</div> <div class="header-subtitle">CPTEC</div> </a> </div> </div> </div> </div> </header> <nav class="navbar navbar-expand-lg bg-branco" aria-label="Tenth navbar example"> <div class="container-fluid"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample01" aria-controls="navbarsExample01" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse justify-content-between" id="navbarsExample01"> <ul class="navbar-nav container-lg"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="http://previsaonumerica.cptec.inpe.br/" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Previsão Numérica </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="http://previsaonumerica.cptec.inpe.br/">Previsão Numérica de Tempo</a> <a class="dropdown-item" href="https://subsazonal.cptec.inpe.br/">Previsão Numérica Subsazonal</a> <a class="dropdown-item" href="https://sazonal.cptec.inpe.br/">Previsão Numérica Sazonal </a> </div> </li> <li class="nav-item"> <a class="nav-link" href="http://previsaonumerica.cptec.inpe.br/" target="_blank" style=" padding-left: 0px;"></a> </li> <li class="nav-item"> <a class="nav-link" href="http://clima.cptec.inpe.br/" target="_blank">Clima</a> </li> <li class="nav-item"> <a class="nav-link" href="https://nowcasting.cptec.inpe.br/" target="_blank">Nowcasting</a> </li> <li class="nav-item"> <a class="nav-link" href="http://satelite.cptec.inpe.br/home/novoSite/index.jsp" target="_blank">Satélite</a> </li> <li class="nav-item"> <a class="nav-link" href="http://ondas.cptec.inpe.br/" target="_blank">Ondas</a> </li> <li class="nav-item"> <a class="nav-link" href="https://bacias.cptec.inpe.br/" target="_blank">Bacias</a> </li> <li class="nav-item"> <a class="nav-link" href="http://meioambiente.cptec.inpe.br/" target="_blank">Qualidade do Ar</a> </li> <li class="nav-item"> <a class="nav-link" href="https://www.gov.br/inpe/pt-br/area-conhecimento/posgraduacao/" target="_blank">Pós Graduação</a> </li> <li id="restartIntro" class="nav-item"> <a class="nav-link"> Tutorial</a> </li> </ul> </div> </div> </nav> <div vw class="enabled"> <div vw-access-button class="active"></div> <div vw-plugin-wrapper> <div class="vw-plugin-top-wrapper"></div> </div> </div> <script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script> <script> new window.VLibras.Widget('https://vlibras.gov.br/app'); </script> <link rel="stylesheet" href="https://www.cptec.inpe.br/css/index.css"> <script type="module" src="https://www.cptec.inpe.br/js/prev-probabilistica.js"></script> <script type="module" src="https://www.cptec.inpe.br/js/alertas-temperatura.js"></script> <script src="https://www.cptec.inpe.br/js/relogio.js"></script> <script type="module" src="https://www.cptec.inpe.br/js/backend/defaultforecast.js"></script> <script type="module" src="https://www.cptec.inpe.br/js/backend/geoforecast.js"></script> <script type="module" src="https://www.cptec.inpe.br/js/backend/placeholder.js"></script> <script type="module" src="https://www.cptec.inpe.br/js/backend/forecastinput.js"></script> <script type="module" src="https://www.cptec.inpe.br/js/backend/weatherutils.js"></script> <script type="module" src="https://www.cptec.inpe.br/js/backend/autocomplete.js"></script> <script type="text/javascript"> const LOCAL_API_URL = "https:\/\/www.cptec.inpe.br\/api"; const URL_METEOGRAMA_IMG = "https:\/\/s1.cptec.inpe.br\/grafico\/Modelos\/WRF\/GHT\/meteogramas\/PPN"; </script> <script type="module" src="https://www.cptec.inpe.br/js/backend/config-api-details.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/intro.js/7.2.0/intro.min.js"></script> <script src="https://www.cptec.inpe.br/js/intro-home.js" defer></script> <main> <div class="container"> <div class="row"> <div class="col-md-7 mt-1 mb-1 mt-md-4 br-input busca box1"> <input id="searchbox" style="border: 1px solid #88888885;" type="text" class="autocomplete-input" placeholder="Busque aqui o nome da cidade..." /> <button class="br-button circle small" id="btn-action" type="button" aria-label="Pesquisar"><i class="fas fa-search" id="btn-action" aria-hidden="true"></i> </button> <div id="loading-bar"> <div id="loading-progress"></div> </div> <ul class="autocomplete-list" style="border-bottom-color:#f8f8f8" id="autocomplete-results"></ul> </div> <div class="col-md-5 mt-1 mb-1 mt-md-4 box2"> <div class="row"> <button type="button" class="btn btn-primary position-relative botao-aviso" data-bs-toggle="modal" data-bs-target="#botao-aviso"> <i class="fas fa-info-circle" aria-hidden="true"></i> Notas conjuntas e Boletins <span id="notification" class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger notification-badge"> 08 </span> </button> <div class="modal fade" id="botao-aviso" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title fs-6" id="exampleModalLabel"> Notas conjuntas e Boletins </h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body boletins"> <div class="div0"> <h4> BOLETIM MENSAL No. 08:</h4> <p> Este boletim é o resultado de ação conjunta entre o Instituto Nacional de Pesquisas Espaciais (INPE), o Instituto Nacional de Meteorologia (INMET), a Agência Nacional de Águas e Saneamento Básico (ANA) e o Centro Nacional de Gerenciamento de Riscos e Desastres - CENAD com o objetivo de apresentar o monitoramento e previsões sobre o fenômeno El Niño em 2023, bem como informar sobre possíveis impactos. </p> <div> <a href="https://dataserver.cptec.inpe.br/dataserver_diptc/web/Painel-Elnino/2023-2024/painel_el_nino_boletim_mensal_no_08.pdf" target="_blank"> <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Saiba Mais</button></a> </div> </div> <div class="div1"> <h4> BOLETIM MENSAL No. 07:</h4> <p> PAINEL EL NIÑO 2023-2024 <br> Baixe a nota completa a seguir: </p> <div> <a href="https://dataserver.cptec.inpe.br/dataserver_diptc/web/Painel-Elnino/2023-2024/painel_el_nino_boletim_mensal_no_07.pdf" target="_blank"> <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Saiba Mais</button></a> </div> </div> <div class="div0"> <h4> BOLETIM MENSAL No. 06:</h4> <p> PAINEL EL NIÑO 2023-2024 <br> Baixe a nota completa a seguir: </p> <div> <a href="https://dataserver.cptec.inpe.br/dataserver_diptc/web/Painel-Elnino/2023-2024/painel_el_nino_boletim_mensal_no_06.pdf" target="_blank"> <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Saiba Mais</button></a> </div> </div> <div class="div1"> <h4> BOLETIM MENSAL No. 05:</h4> <p> PAINEL EL NIÑO 2023-2024 <br> Baixe a nota completa a seguir: </p> <div> <a href="https://dataserver.cptec.inpe.br/dataserver_diptc/web/Painel-Elnino/2023-2024/painel_el_nino_boletim_mensal_no_05.pdf" target="_blank"> <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Saiba Mais</button></a> </div> </div> <div class="div0"> <h4> BOLETIM MENSAL No. 04:</h4> <p> PAINEL EL NIÑO 2023-2024 <br> Baixe a nota completa a seguir: </p> <div> <a href="https://dataserver.cptec.inpe.br/dataserver_diptc/web/Painel-Elnino/2023-2024/painel_el_nino_boletim_mensal_no_04.pdf" target="_blank"> <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Saiba Mais</button></a> </div> </div> <div class="div1"> <h4> BOLETIM MENSAL No. 03:</h4> <p> PAINEL EL NIÑO 2023-2024 <br> Baixe a nota completa a seguir: </p> <div> <a href="https://dataserver.cptec.inpe.br/dataserver_diptc/web/Painel-Elnino/2023-2024/painel_el_nino_boletim_mensal_no_03.pdf" target="_blank"> <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Saiba Mais</button></a> </div> </div> <div class="div0"> <h4> BOLETIM MENSAL No. 02:</h4> <p> PAINEL EL NIÑO 2023-2024 <br> Baixe a nota completa a seguir: </p> <div> <a href="https://dataserver.cptec.inpe.br/dataserver_diptc/web/Painel-Elnino/2023-2024/painel_el_nino_boletim_mensal_no_02.pdf" target="_blank"> <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Saiba Mais</button></a> </div> </div> <div class="div1"> <h4> BOLETIM MENSAL No. 01:</h4> <p> PAINEL EL NIÑO 2023-2024 <br> Baixe a nota completa a seguir: </p> <div> <a href="https://dataserver.cptec.inpe.br/dataserver_diptc/web/Painel-Elnino/2023-2024/painel_el_nino_boletim_mensal_no_01.pdf" target="_blank"> <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Saiba Mais</button></a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="d-flex flex-wrap flex-column justify-content-lg-between container"> <div class="row"> <div class="col-md-7 mb-1 mt-md-4"> <div class="cptec-card previsao-numerica"> <h4 class="d-none d-md-block ml-2 pl-2">Previsão Numérica de Tempo</h4> <h4 class="desaparece-grande desaparece-medio text-center">Previsão Numérica de Tempo</h4> <table class="sem-hover cidadeuf"> <thead> <tr> <td class="text-center fs-5 vertical-center"> <script> document.addEventListener("DOMContentLoaded", function() { function atualizarRelogio() { let relogioElement = document.getElementById('relogio'); const agora = new Date(); const hora = agora.getHours(); const minuto = agora.getMinutes(); // Formata os valores com dois dígitos let horaFormatada = hora < 10 ? '0' + hora : hora; let minutoFormatado = minuto < 10 ? '0' + minuto : minuto; // Atualiza o elemento HTML relogioElement.textContent = horaFormatada + ':' + minutoFormatado; } // Atualiza o relógio a cada segundo setInterval(atualizarRelogio, 1000); // Chama a função inicialmente para evitar atrasos na atualização atualizarRelogio(); }); </script> <div class="horario pr-3 pl-3" id="relogio"></div> </td> <td class="text-center mt-md-0"> <i class="fa-solid fa-location-dot mr-1 fs-4"></i> <span class="fs-5" id="cidade_uf"> -- </span> </td> <td class="text-center"> <span class="fs-5"> <span>06/04/2025</span> </span> </td> </tr> </thead> </table> <table class="sem-hover"> <thead> <tr> <td class="text-center"> <span class="previsao-numerica-num-grande" id="temperaturaPrev"> -- </span> <p>Temperatura prevista</p> </td> <td class="text-center"> <span class="previsao-numerica-num-grande" id="sensacaoTerm"> -- </span> <p>Sensação térmica</p> </td> <td class="text-center"> <span class="previsao-numerica-num-grande chuva" id="probabilidadeChuva"> -- </span> <i class="fa-solid previsao-numerica-icone chuva fa-cloud-showers-heavy"></i> <p>Probabilidade de chuva</p> </td> </tr> </thead> </table> <div class="d-none d-sm-block hoje"> <div class="text-center"> <b class="fs-5 desaparece-grande desaparece-medio"> <span class="hoje-titulo">Hoje</span></b> </div> <b class="fs-5 desaparece-pequeno hoje-texto"> <span class="hoje-titulo hjt text-right">Hoje</span></b> <table class="mb-3 tabela-prev sem-hover"> <thead> <tr class="centro-tabela"> <td class="text-center"> <span class="previsao-numerica-num temperatura-minima tmpMin"> -- </span> <br> Temp. Mínima (C°) </td> <td class="text-center"> <span class="previsao-numerica-num temperatura-maxima tmpMax"> -- </span> <br> Temp. Máxima (C°) </td> <td class="text-center"> <span class="previsao-numerica-num vnt"> -- </span> <br>Vento Máximo </td> <td class="text-center"> <span class="previsao-numerica-num umi"> -- </span> <br> Umidade Mínima </td> <td class="text-center"> <span class="previsao-numerica-num precAc"> -- </span> <br> Precipitação Acumulada </td> <td class="text-center iuv"> <span class="previsao-numerica-num indUV"> -- </span> <br> Índice UV Máximo </td> </tr> </thead> </table> <p class="text-center pb-0 mb-0"> <small> <span id="texto-alerta" class="alerta-00">⠀ </span> <a href="https://dataserver.cptec.inpe.br/dataserver_diptc/web/pdfs/informativos/criterios-previsao-numerica.pdf" target="_blank" class="ml-2"><i class="fa-solid fa-circle-info "></i></a> </small> </p> </div> <div class="d-sm-none text-center hoje"> <b class="fs-5 -lg-block"> <span class="hoje-titulo">Hoje</span></b> <table class="sem-hover"> <thead> <tr class="container-proximosDias centro-tabela pt-3"> <td><span class="previsao-numerica-num temperatura-minima tmpMin"> -- </span><br> Temp. Mínima (C°) </td> <td><span class="previsao-numerica-num temperatura-maxima tmpMax "> -- </span><br> Temp. Máxima (C°) </td> <td><span class="previsao-numerica-num vnt"> -- </span><br>Vento máximo </td> </tr> <tr class="container-proximosDias centro-tabela"> <td><span class="previsao-numerica-num umi"> -- </span><br> Umidade (%) </td> <td><span class="previsao-numerica-num precAc"> -- </span> <br> Precipitação Acumulada </td> <td><span class="previsao-numerica-num indUV"> -- </span> <br> Índice UV </td> </tr> </thead> </table> <br> <p class="text-center pb-0 mb-0"> <small> <span id="texto-alerta1" class="alerta-00">⠀</span></small></p> </div> </div> </div> <div class="col-md-5 mt-1 mb-1 mt-md-4"> <div class="text-center sat-d">  <div class="iframe-container"> <iframe src="https://www.cptec.inpe.br/dsat/?product=ch13_cpt_DSA&product_opacity=1&zoom=3&x=3799.7823&y=3340.8000&animate=false&t=250.00&options=false&static=true"></iframe>  <div class="non-clickable"></div>  <div class="clickable-area" onclick="window.open('https://www.cptec.inpe.br/dsat/', '_blank');"></div> </div> </div> </div> </div> </div> <div class="container"> <div class="cptec-card mt-4 pl-5 pr-5 pb-5"> <div class="d-flex flex-column flex-md-row justify-content-between"> <h4 class="ml-2 pl-2">Próximos Dias: <span class="nxtdays"> -- </span></h4> <small class="d-flex pt-2 mb-md-3 mb-sm-3 p-0 justify-content-center"><button class="btn btn-primary" data-toggle="modal" data-target="#exampleModal"> Meteograma em imagem </button></small> </div>  <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <img id="imagem-meteograma" src="https://s1.cptec.inpe.br/grafico/Modelos/WRF/GHT/meteogramas/PPN/3060.png" alt=""> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button> </div> </div> </div> </div> <div class="container-proximosDias"> <button type="button" class="botao-proximos-dias" onclick="proximosDiasAtivo(this)"> <div class="d-flex justify-content-center align-items-center"> <b><span id="dia_semana_0"> -- </span></b> <span class="ml-4 mr-2" id="indiceUV_0"> -- </span> <i data-toggle="tooltip" title="Índice UV" class="indice-uv-cor fa-solid fa-sun fa-lg"></i> </div> <span class="ml-3" id="temperaturaMinima_0"> -- </span> <i data-toggle="tooltip" title="Temperatura mínima do dia" class="temperatura-minima fa-solid fa-temperature-quarter fa-lg"></i> <span class="ml-3" id="temperaturaMaxima_0"> -- </span> <i data-toggle="tooltip" data-placement="right" title="Temperatura máxima do dia" class="temperatura-maxima fa-solid fa-temperature-three-quarters fa-lg"></i> <br> <span class="ml-3" id="umidade_0"> -- </span> <i data-toggle="tooltip" title="Umidade" class="umidade fa-solid fa-droplet fa-lg"></i> <span class="ml-3" id="probabilidadeChuva_0"> -- </span> <i data-toggle="tooltip" title="Probabilidade de chuva" class="chuva fa-solid fa-cloud-showers-heavy fa-lg"></i> </button> <button type="button" class="botao-proximos-dias" onclick="proximosDiasAtivo(this)"> <div class="d-flex justify-content-center align-items-center"> <b><span id="dia_semana_1"> -- </span></b> <span class="ml-4 mr-2" id="indiceUV_1"> -- </span> <i data-toggle="tooltip" title="Índice UV" class="indice-uv-cor fa-solid fa-sun fa-lg"></i> </div> <span class="ml-3" id="temperaturaMinima_1"> -- </span> <i data-toggle="tooltip" title="Temperatura mínima do dia" class="temperatura-minima fa-solid fa-temperature-quarter fa-lg"></i> <span class="ml-3" id="temperaturaMaxima_1"> -- </span> <i data-toggle="tooltip" data-placement="right" title="Temperatura máxima do dia" class="temperatura-maxima fa-solid fa-temperature-three-quarters fa-lg"></i> <br> <span class="ml-3" id="umidade_1"> -- </span> <i data-toggle="tooltip" title="Umidade" class="umidade fa-solid fa-droplet fa-lg"></i> <span class="ml-3" id="probabilidadeChuva_1"> -- </span> <i data-toggle="tooltip" title="Probabilidade de chuva" class="chuva fa-solid fa-cloud-showers-heavy fa-lg"></i> </button> <button type="button" class="botao-proximos-dias" onclick="proximosDiasAtivo(this)"> <div class="d-flex justify-content-center align-items-center"> <b><span id="dia_semana_2"> -- </span></b> <span class="ml-4 mr-2" id="indiceUV_2"> -- </span> <i data-toggle="tooltip" title="Índice UV" class="indice-uv-cor fa-solid fa-sun fa-lg"></i> </div> <span class="ml-3" id="temperaturaMinima_2"> -- </span> <i data-toggle="tooltip" title="Temperatura mínima do dia" class="temperatura-minima fa-solid fa-temperature-quarter fa-lg"></i> <span class="ml-3" id="temperaturaMaxima_2"> -- </span> <i data-toggle="tooltip" data-placement="right" title="Temperatura máxima do dia" class="temperatura-maxima fa-solid fa-temperature-three-quarters fa-lg"></i> <br> <span class="ml-3" id="umidade_2"> -- </span> <i data-toggle="tooltip" title="Umidade" class="umidade fa-solid fa-droplet fa-lg"></i> <span class="ml-3" id="probabilidadeChuva_2"> -- </span> <i data-toggle="tooltip" title="Probabilidade de chuva" class="chuva fa-solid fa-cloud-showers-heavy fa-lg"></i> </button> <button type="button" class="botao-proximos-dias" onclick="proximosDiasAtivo(this)"> <div class="d-flex justify-content-center align-items-center"> <b><span id="dia_semana_3"> -- </span></b> <span class="ml-4 mr-2" id="indiceUV_3"> -- </span> <i data-toggle="tooltip" title="Índice UV" class="indice-uv-cor fa-solid fa-sun fa-lg"></i> </div> <span class="ml-3" id="temperaturaMinima_3"> -- </span> <i data-toggle="tooltip" title="Temperatura mínima do dia" class="temperatura-minima fa-solid fa-temperature-quarter fa-lg"></i> <span class="ml-3" id="temperaturaMaxima_3"> -- </span> <i data-toggle="tooltip" data-placement="right" title="Temperatura máxima do dia" class="temperatura-maxima fa-solid fa-temperature-three-quarters fa-lg"></i> <br> <span class="ml-3" id="umidade_3"> -- </span> <i data-toggle="tooltip" title="Umidade" class="umidade fa-solid fa-droplet fa-lg"></i> <span class="ml-3" id="probabilidadeChuva_3"> -- </span> <i data-toggle="tooltip" title="Probabilidade de chuva" class="chuva fa-solid fa-cloud-showers-heavy fa-lg"></i> </button> <button type="button" class="botao-proximos-dias" onclick="proximosDiasAtivo(this)"> <div class="d-flex justify-content-center align-items-center"> <b><span id="dia_semana_4"> -- </span></b> <span class="ml-4 mr-2" id="indiceUV_4"> -- </span> <i data-toggle="tooltip" title="Índice UV" class="indice-uv-cor fa-solid fa-sun fa-lg"></i> </div> <span class="ml-3" id="temperaturaMinima_4"> -- </span> <i data-toggle="tooltip" title="Temperatura mínima do dia" class="temperatura-minima fa-solid fa-temperature-quarter fa-lg"></i> <span class="ml-3" id="temperaturaMaxima_4"> -- </span> <i data-toggle="tooltip" data-placement="right" title="Temperatura máxima do dia" class="temperatura-maxima fa-solid fa-temperature-three-quarters fa-lg"></i> <br> <span class="ml-3" id="umidade_4"> -- </span> <i data-toggle="tooltip" title="Umidade" class="umidade fa-solid fa-droplet fa-lg"></i> <span class="ml-3" id="probabilidadeChuva_4"> -- </span> <i data-toggle="tooltip" title="Probabilidade de chuva" class="chuva fa-solid fa-cloud-showers-heavy fa-lg"></i> </button> <button type="button" class="botao-proximos-dias" onclick="proximosDiasAtivo(this)"> <div class="d-flex justify-content-center align-items-center"> <b><span id="dia_semana_5"> -- </span></b> <span class="ml-4 mr-2" id="indiceUV_5"> -- </span> <i data-toggle="tooltip" title="Índice UV" class="indice-uv-cor fa-solid fa-sun fa-lg"></i> </div> <span class="ml-3" id="temperaturaMinima_5"> -- </span> <i data-toggle="tooltip" title="Temperatura mínima do dia" class="temperatura-minima fa-solid fa-temperature-quarter fa-lg"></i> <span class="ml-3" id="temperaturaMaxima_5"> -- </span> <i data-toggle="tooltip" data-placement="right" title="Temperatura máxima do dia" class="temperatura-maxima fa-solid fa-temperature-three-quarters fa-lg"></i> <br> <span class="ml-3" id="umidade_5"> -- </span> <i data-toggle="tooltip" title="Umidade" class="umidade fa-solid fa-droplet fa-lg"></i> <span class="ml-3" id="probabilidadeChuva_5"> -- </span> <i data-toggle="tooltip" title="Probabilidade de chuva" class="chuva fa-solid fa-cloud-showers-heavy fa-lg"></i> </button> </div> <div class="tab-content pd-prox-data mt-2 mb-2 mt-md-4"> <div style="display:none;"> <ul> <li><a href="#" target="_blank" id="json_WRF_ams_07km">WRF/ams_07km</a></li> <li><a href="#" target="_blank" id="json_BRAMS_ams_08km">BRAMS/ams_08km</a></li> <li><a href="#" target="_blank" id="json_BAM">BAM</a></li> <li><a href="#" target="_blank" id="json_Eta">Eta</a></li> <li><a href="#" target="_blank" id="json_BRAMS_ams_20km">BRAMS/ams_08km</a></li> <li><a href="#" target="_blank" id="json_Multimodel">Multimodel</a></li> </ul> <ul> <li>Lat: <span id="WRF_ams_07km_lat"></span></li> <li>Lon: <span id="WRF_ams_07km_lon"></span></li> <li>Area: <span id="WRF_ams_07km_area"></span></li> </ul> <ul> <li>Lat: <span id="BRAMS_ams_08km_lat"></span></li> <li>Lon: <span id="BRAMS_ams_08km_lon"></span></li> <li>Area: <span id="BRAMS_ams_08km_area"></span></li> </ul> <ul> <li>Lat: <span id="BAM_lat"></span></li> <li>Lon: <span id="BAM_lon"></span></li> <li>Area: <span id="BAM_area"></span></li> </ul> <ul> <li>Lat: <span id="Eta_lat"></span></li> <li>Lon: <span id="Eta_lon"></span></li> <li>Area: <span id="Eta_area"></span></li> </ul> <ul> <li>Lat: <span id="BRAMS_ams_20km_lat"></span></li> <li>Lon: <span id="BRAMS_ams_20km_lon"></span></li> <li>Area: <span id="BRAMS_ams_20km_area"></span></li> </ul> <ul> <li>Lat: <span id="Multimodel_lat"></span></li> <li>Lon: <span id="Multimodel_lon"></span></li> <li>Area: <span id="Multimodel_area"></span></li> </ul> </div> <div class="tab-pane fade show active" id="temp-tab-pane"> <div id="chart1" class="highcharts-container"></div> </div> <div class="tab-pane fade" id="radar-tab-pane" role="tabpanel" tabindex="0"> <div id="chart2" class="highcharts-container"></div> </div> <div class="tab-pane fade" id="vento-meteograma-tab-pane" role="tabpanel" tabindex="0"> <div id="chart3" class="highcharts-container"></div> </div> <div class="tab-pane fade" id="umidade-meteograma-tab-pane" role="tabpanel" tabindex="0"> <div id="chart4" class="highcharts-container"></div> </div> <div class="tab-pane fade" id="nuvem-meteograma-tab-pane" role="tabpanel" tabindex="0"> <div id="chart5" class="highcharts-container"></div> </div> <div class="tab-pane fade" id="pressaomar-meteograma-tab-pane" role="tabpanel" tabindex="0"> <div id="chart6" class="highcharts-container"></div> </div> <div class="tab-pane fade" id="qualidadear-meteograma-tab-pane" role="tabpanel" tabindex="0"> <div id="chart7" class="highcharts-container"></div> </div> <div class="tab-pane fade" id="qualidadear1-meteograma-tab-pane" role="tabpanel" tabindex="0"> <div id="chart8" class="highcharts-container"></div> </div> </div> <nav> <div class="nav justify-content-center mt-2 mb-2 mt-md-4" id="nav-tab" role="tablist"> <button class="botao-padrao active mr-2 mt-3 mt-md-1" data-bs-toggle="tab" data-bs-target="#temp-tab-pane" type="button" role="tab" aria-selected="true"> Temperatura (°C)</button> <button class="botao-padrao prectb mr-2 mt-3 mt-md-1" data-bs-toggle="tab" data-bs-target="#radar-tab-pane" type="button" role="tab" aria-selected="false"> Precipitação (mm/h)</button> <button class="botao-padrao mr-2 mt-3 mt-md-1" data-bs-toggle="tab" data-bs-target="#vento-meteograma-tab-pane" type="button" role="tab" aria-selected="false">Vento (m/s)</button> <button class="botao-padrao mr-2 mt-3 mt-md-1" data-bs-toggle="tab" data-bs-target="#umidade-meteograma-tab-pane" type="button" role="tab" aria-selected="false">Umidade (%)</button> <button class="botao-padrao mr-2 mt-3 mt-md-1" data-bs-toggle="tab" data-bs-target="#nuvem-meteograma-tab-pane" type="button" role="tab" aria-selected="false">Nuvens (%)</button> <button class="botao-padrao mr-2 mt-3 mt-md-1" data-bs-toggle="tab" data-bs-target="#pressaomar-meteograma-tab-pane" type="button" role="tab" aria-selected="false"> Pressão (hPa) </button> <button class="botao-padrao mr-2 mt-3 mt-md-1" data-bs-toggle="tab" data-bs-target="#qualidadear-meteograma-tab-pane" type="button" role="tab" aria-selected="false"> Monóxido de Carbono</button> <button class="botao-padrao mr-2 mt-3 mt-md-1" data-bs-toggle="tab" data-bs-target="#qualidadear1-meteograma-tab-pane" type="button" role="tab" aria-selected="false"> Material Micro-particulado</button> </div> </nav> </div> </div> <div class="container"> <div class="row"> <div class="col-md-7 mt-1 mt-md-4"> <div class="cptec-card"> <h4 class="ml-2 pl-2">Previsão probabilística </h4> <nav class="mapa-nav"> <div class="info"> <a href="https://dataserver.cptec.inpe.br/dataserver_diptc/web/pdfs/informativos/criterios-previsao-probabilistica.pdf" target="_blank"> <small><i class="fa-solid fa-circle-info info1"></i></small> </a> </div> <div class="nav nav-tabs justify-content-center" id="nav-tab" role="tablist"> <button class="nav-link active" id="intensa-tab" data-bs-toggle="tab" data-bs-target="#intensa-tab-pane" type="button" role="tab" aria-controls="intensa-tab-pane" aria-selected="false"> Chuva Intensa </button> <button class="nav-link" id="severo-tab" data-bs-toggle="tab" data-bs-target="#severo-tab-pane" type="button" role="tab" aria-controls="severo-tab-pane" aria-selected="true"> Tempo Severo</button> </div> </nav> <div class="tab-content" id="myTabContent"> <div class="tab-pane fade show active" id="intensa-tab-pane" role="tabpanel" aria-labelledby="intensa-tab" tabindex="0"> <div class="mapa-container container justify-content-center pb-2"> <div class="tab-content"> <div class="tab-pane fade m-0 show active" id="24-tab-pane">  <img src="https://s1.cptec.inpe.br/nowcasting/NC/PREV/mapa_prev_prob_24h_chuvaintensa.png"> </div> <div class="tab-pane fade m-0" id="48-tab-pane">  <img src="https://s1.cptec.inpe.br/nowcasting/NC/PREV/mapa_prev_prob_48h_chuvaintensa.png"> </div>  </div> <div class="text-right pt-0 mt-0 mb-2 chamadas"> <a href="https://nowcasting.cptec.inpe.br/" target="_blank"><small> Saiba mais sobre o nowcasting </small></a> </div> <nav> <div class="nav mapa-horario prev-prob-24 justify-content-center pt-1" id="nav-tab" role="tablist"> <button class="botao-padrao active mr-2" data-bs-toggle="tab" data-bs-target="#24-tab-pane" type="button" role="tab" aria-selected="true"> 24h</button> <button class="botao-padrao mr-2" data-bs-toggle="tab" data-bs-target="#48-tab-pane" type="button" role="tab" aria-selected="false"> 48h </button>  </div> </nav> </div> </div> <div class="tab-pane fade" id="severo-tab-pane" role="tabpanel" aria-labelledby="severo-tab" tabindex="0"> <div class="mapa-container container justify-content-center pb-2"> <div class="tab-content"> <div class="tab-pane fade m-0 show active" id="24s-tab-pane">  <img src="https://s1.cptec.inpe.br/nowcasting/NC/PREV/mapa_prev_prob_24h_temposevero.png"> </div> <div class="tab-pane fade m-0" id="48s-tab-pane">  <img src="https://s1.cptec.inpe.br/nowcasting/NC/PREV/mapa_prev_prob_48h_temposevero.png"> </div>  </div> <div class="chamadas text-right pt-0 mt-0 mb-2"> <a href="https://nowcasting.cptec.inpe.br/" target="_blank"><small> Saiba mais sobre o nowcasting </small></a> </div> <nav> <div class="nav mapa-horario justify-content-center pt-1" id="nav-tab" role="tablist"> <button class="botao-padrao active mr-2" data-bs-toggle="tab" data-bs-target="#24s-tab-pane" type="button" role="tab" aria-selected="true"> 24h</button> <button class="botao-padrao mr-2" data-bs-toggle="tab" data-bs-target="#48s-tab-pane" type="button" role="tab" aria-selected="false"> 48h </button>  </div> </nav> </div> </div> </div> </div> </div> <div class="col-md-5 mt-1 mb-1 mt-md-4"> <div class="cptec-card"> <h4 class="ml-2 pl-2 prevExtr">Previsão numérica de tempo e extremos</h4> <nav class="mapa-nav"> <div class="info"> <a href="https://dataserver.cptec.inpe.br/dataserver_diptc/web/pdfs/informativos/produtos-previsao-numerica-extremos.pdf" target="_blank" class=""> <small><i class="fa-solid fa-circle-info"></i></small> </a> </div> <div class="nav nav-tabs justify-content-center" id="nav-tab" role="tablist"> <button class="nav-link active" id="precipitacao-tab" data-bs-toggle="tab" data-bs-target="#precipitacao-tab-pane" type="button" role="tab" aria-controls="precipitacao-tab-pane" aria-selected="false"> Prob. Chuva </button> <button class="nav-link" id="temp-min-tab" data-bs-toggle="tab" data-bs-target="#temp-min-tab-pane" type="button" role="tab" aria-controls="temp-min-tab-pane" aria-selected="true"> Temp. Min</button> <button class="nav-link" id="temp-max-tab" data-bs-toggle="tab" data-bs-target="#temp-max-tab-pane" type="button" role="tab" aria-controls="temp-max-tab-pane" aria-selected="true"> Temp. Max</button> <button class="nav-link" id="umidade-tab" data-bs-toggle="tab" data-bs-target="#umidade-tab-pane" type="button" role="tab" aria-controls="umidade-tab-pane" aria-selected="true"> Umidade</button> </div> </nav> <div class="tab-content" id="myTabContent"> <div class="tab-pane fade show active" id="precipitacao-tab-pane" role="tabpanel" aria-labelledby="precipitacao-tab" tabindex="0"> <div class="justify-content-center"> <div class="tab-content"> <div class="tab-pane fade m-0 p-0 show active prev-prob-img" id="24prec-tab-pane"> <img src="https://s1.cptec.inpe.br/grafico/Modelos/Multimodel/prob_diaria/figuras/prec/pro_bra_p05_024.png" alt="O produto de precipitação acumulada, está sendo gerado..." class="d-block w-100 altura-mod"> </div> <div class="tab-pane fade m-0 p-0 prev-prob-img" id="48prec-tab-pane"> <img src="https://s1.cptec.inpe.br/grafico/Modelos/Multimodel/prob_diaria/figuras/prec/pro_bra_p05_048.png" alt="O produto de precipitação acumulada, está sendo gerado..." class="d-block w-100 altura-mod"> </div> <div class="tab-pane fade m-0 p-0 prev-prob-img" id="72prec-tab-pane"> <img src="https://s1.cptec.inpe.br/grafico/Modelos/Multimodel/prob_diaria/figuras/prec/pro_bra_p05_072.png" alt="O produto de precipitação acumulada, está sendo gerado...." class="d-block w-100 altura-mod"> </div> <div class="tab-pane fade m-0 p-0 prev-prob-img" id="Extremosprec-tab-pane"> <img src="https://s3.cptec.inpe.br/grafico/Modelos/Multimodel/prob_diaria/figuras/prec/pro_acum_bra_p50.png" alt="O mapa de probabilidade de precipitação acumulada, está sendo gerado..." class="d-block w-100 altura-mod"> </div> </div> <div class="text-right pt-0 mt-0 mb-2 chamadas"> <a href="https://previsaonumerica.cptec.inpe.br/" target="_blank"><small>Saiba mais sobre a previsão numérica</small></a> </div> <nav> <div class="nav mapa-horario justify-content-center pt-1" id="nav-tab" role="tablist"> <button class="botao-padrao active mr-2" data-bs-toggle="tab" data-bs-target="#24prec-tab-pane" type="button" role="tab" aria-selected="true"> 24h</button> <button class="botao-padrao mr-2" data-bs-toggle="tab" data-bs-target="#48prec-tab-pane" type="button" role="tab" aria-selected="false"> 48h </button> <button class="botao-padrao mr-2" data-bs-toggle="tab" data-bs-target="#72prec-tab-pane" type="button" role="tab" aria-selected="false"> 72h </button> <button class="botao-padrao mr-2" data-bs-toggle="tab" data-bs-target="#Extremosprec-tab-pane" type="button" role="tab" aria-selected="false"> Extremos </button> </div> </nav> </div> </div> <div class="tab-pane fade" id="temp-min-tab-pane" role="tabpanel" aria-labelledby="precipitacao-tab" tabindex="0"> <div class="justify-content-center"> <div class="tab-content"> <div class="tab-pane fade m-0 p-0 show active prev-prob-img" id="24temp-min-tab-pane"> <img src="https://s1.cptec.inpe.br/grafico/Modelos/Multimodel/prob_diaria/figuras/temperatura/tmin_bra_024.png" alt="O produto de temperatura minima, está sendo gerado..." class="d-block w-100 altura-mod"> </div> <div class="tab-pane fade m-0 p-0 prev-prob-img" id="48temp-min-tab-pane"> <img src="https://s1.cptec.inpe.br/grafico/Modelos/Multimodel/prob_diaria/figuras/temperatura/tmin_bra_048.png" alt="O produto de temperatura minima, está sendo gerado..." class="d-block w-100 altura-mod"> </div> <div class="tab-pane fade m-0 p-0 prev-prob-img" id="72temp-min-tab-pane"> <img src="https://s1.cptec.inpe.br/grafico/Modelos/Multimodel/prob_diaria/figuras/temperatura/tmin_bra_072.png" alt="O produto de temperatura minima, está sendo gerado..." class="d-block w-100 altura-mod"> </div> <div class="tab-pane fade m-0 p-0 prev-prob-img" id="Extremostemp-min-tab-pane"> <img src="https://s1.cptec.inpe.br/grafico/Modelos/Multimodel/prob_diaria/figuras/onda_frio/prob_frio_excessivo_bra_024.png" alt="O produto de temperatura minima, está sendo gerado..." class="d-block w-100 altura-mod"> </div> </div> <div class="text-right pt-0 mt-0 mb-2 chamadas"> <a href="https://previsaonumerica.cptec.inpe.br/" target="_blank"><small>Veja mais sobre a previsão numérica</small></a> </div> <nav> <div class="nav mapa-horario justify-content-center pt-1" id="nav-tab" role="tablist"> <button class="botao-padrao active mr-2" data-bs-toggle="tab" data-bs-target="#24temp-min-tab-pane" type="button" role="tab" aria-selected="true"> 24h</button> <button class="botao-padrao mr-2" data-bs-toggle="tab" data-bs-target="#48temp-min-tab-pane" type="button" role="tab" aria-selected="false"> 48h </button> <button class="botao-padrao mr-2" data-bs-toggle="tab" data-bs-target="#72temp-min-tab-pane" type="button" role="tab" aria-selected="false"> 72h </button> <button class="botao-padrao mr-2" data-bs-toggle="tab" data-bs-target="#Extremostemp-min-tab-pane" type="button" role="tab" aria-selected="false"> Extremos </button> </div> </nav> </div> </div> <div class="tab-pane fade" id="temp-max-tab-pane" role="tabpanel" aria-labelledby="precipitacao-tab" tabindex="0"> <div class="justify-content-center"> <div class="tab-content"> <div class="tab-pane fade m-0 p-0 show active prev-prob-img" id="24temp-max-tab-pane"> <img src="https://s1.cptec.inpe.br/grafico/Modelos/Multimodel/prob_diaria/figuras/temperatura/tmax_bra_024.png" alt="O produto de temperatura máxima, está sendo gerado..." class="d-block w-100 altura-mod"> </div> <div class="tab-pane fade m-0 p-0 prev-prob-img" id="48temp-max-tab-pane"> <img src="https://s1.cptec.inpe.br/grafico/Modelos/Multimodel/prob_diaria/figuras/temperatura/tmax_bra_048.png" alt="O produto de temperatura máxima, está sendo gerado..." class="d-block w-100 altura-mod"> </div> <div class="tab-pane fade m-0 p-0 prev-prob-img" id="72temp-max-tab-pane"> <img src="https://s1.cptec.inpe.br/grafico/Modelos/Multimodel/prob_diaria/figuras/temperatura/tmax_bra_072.png" alt="O produto de temperatura máxima, está sendo gerado..." class="d-block w-100 altura-mod"> </div> <div class="tab-pane fade m-0 p-0 prev-prob-img" id="Extremostemp-max-tab-pane"> <img src="https://s1.cptec.inpe.br/grafico/Modelos/Multimodel/prob_diaria/onda_calor/prob_onda_calor_bra.png" alt="O produto de temperatura máxima, está sendo gerado..." class="d-block w-100 altura-mod"> </div> </div> <div class="text-right pt-0 mt-0 mb-2 chamadas"> <a href="https://previsaonumerica.cptec.inpe.br/" target="_blank"><small>Veja mais sobre a previsão numérica</small></a> </div> <nav> <div class="nav mapa-horario justify-content-center pt-1" id="nav-tab" role="tablist"> <button class="botao-padrao active mr-2" data-bs-toggle="tab" data-bs-target="#24temp-max-tab-pane" type="button" role="tab" aria-selected="true"> 24h</button> <button class="botao-padrao mr-2" data-bs-toggle="tab" data-bs-target="#48temp-max-tab-pane" type="button" role="tab" aria-selected="false"> 48h </button> <button class="botao-padrao mr-2" data-bs-toggle="tab" data-bs-target="#72temp-max-tab-pane" type="button" role="tab" aria-selected="false"> 72h </button> <button class="botao-padrao mr-2" data-bs-toggle="tab" data-bs-target="#Extremostemp-max-tab-pane" type="button" role="tab" aria-selected="false"> Extremos </button> </div> </nav> </div> </div> <div class="tab-pane fade" id="umidade-tab-pane" role="tabpanel" aria-labelledby="precipitacao-tab" tabindex="0"> <div class="justify-content-center"> <div class="tab-content"> <div class="tab-pane fade m-0 p-0 show active prev-prob-img" id="24umidade-tab-pane"> <img src="https://s1.cptec.inpe.br/grafico/Modelos/Multimodel/prob_diaria/figuras/ur/ur_min_bra_024.png" alt="O produto de umidade, está sendo gerado..." class="d-block w-100 altura-mod"> </div> <div class="tab-pane fade m-0 p-0 prev-prob-img" id="48umidade-tab-pane"> <img src="https://s1.cptec.inpe.br/grafico/Modelos/Multimodel/prob_diaria/figuras/ur/ur_min_bra_048.png" alt="O produto de umidade, está sendo gerado..." class="d-block w-100 altura-mod"> </div> <div class="tab-pane fade m-0 p-0 prev-prob-img" id="72umidade-tab-pane"> <img src="https://s1.cptec.inpe.br/grafico/Modelos/Multimodel/prob_diaria/figuras/ur/ur_min_bra_072.png" alt="O produto de umidade, está sendo gerado..." class="d-block w-100 altura-mod"> </div> <div class="tab-pane fade m-0 p-0 prev-prob-img" id="Extremosumidade-tab-pane"> <img src="https://s1.cptec.inpe.br/grafico/Modelos/Multimodel/prob_diaria/figuras/ur/pro_urp_bra_p15_5d.png" alt="O produto de umidade, está sendo gerado..." class="d-block w-100 altura-mod"> </div> </div> <div class="text-right pt-0 mt-0 mb-2 chamadas"> <a href="https://previsaonumerica.cptec.inpe.br/" target="_blank"><small>Veja mais sobre a previsão numérica</small></a> </div> <nav> <div class="nav mapa-horario justify-content-center pt-1" id="nav-tab" role="tablist"> <button class="botao-padrao active mr-2" data-bs-toggle="tab" data-bs-target="#24umidade-tab-pane" type="button" role="tab" aria-selected="true"> 24h</button> <button class="botao-padrao mr-2" data-bs-toggle="tab" data-bs-target="#48umidade-tab-pane" type="button" role="tab" aria-selected="false"> 48h </button> <button class="botao-padrao mr-2" data-bs-toggle="tab" data-bs-target="#72umidade-tab-pane" type="button" role="tab" aria-selected="false"> 72h </button> <button class="botao-padrao mr-2" data-bs-toggle="tab" data-bs-target="#Extremosumidade-tab-pane" type="button" role="tab" aria-selected="false"> Extremos </button> </div> </nav> </div> </div> </div> </div> </div> </div> </div> <div id="aviso-prev" class="text-center mt-3"></div> <div class="container mt-1 mt-md-4"> <div class="meteograma cptec-card"> <div class="meteograma-modelos"> <div class="row"> <div class="col-md-6"> <h4>Próximas Semanas</h4> <nav class="mapa-nav"> <div class="curva-nav nav nav-tabs justify-content-center" id="nav-tab" role="tablist"> <button class="nav-link active" id="psem-tab" data-bs-toggle="tab" data-bs-target="#psem-tab-pane" type="button" role="tab" aria-controls="psem-pane" aria-selected="false"> Anomalia de Precipitação </button> <button class="nav-link" id="psem1-tab" data-bs-toggle="tab" data-bs-target="#psem1-tab-pane" type="button" role="tab" aria-controls="psem1-tab-pane" aria-selected="true"> Anomalia de Temperatura </button> </div> </nav> <div class="tab-content borda-semanas" id="myTabContent"> <div class="tab-pane fade show active" id="psem-tab-pane" role="tabpanel" aria-labelledby="psem-tab" tabindex="0"> <div class="justify-content-center"> <div class="tab-content"> <div class="psemtab"></div> <div class="tab-pane fade show active" id="sem1-tab-pane"> <img src="https://s0.cptec.inpe.br/subsaz/web_cptec/bam12_subsazonal_prec_anomaly_week01.png" alt="Modelo de previsão para semana 1" class="d-block w-100 psem"> </div> <div class="tab-pane fade" id="sem2-tab-pane"> <img src="https://s0.cptec.inpe.br/subsaz/web_cptec/bam12_subsazonal_prec_anomaly_week02.png" alt="Modelo de previsão para semana 2" class="d-block w-100 psem"> </div> <div class="tab-pane fade" id="sem3-tab-pane"> <img src="https://s0.cptec.inpe.br/subsaz/web_cptec/bam12_subsazonal_prec_anomaly_week03.png" alt="Modelo de previsão para semana 3" class="d-block w-100 psem"> </div> <div class="tab-pane fade" id="sem4-tab-pane"> <img src="https://s0.cptec.inpe.br/subsaz/web_cptec/bam12_subsazonal_prec_anomaly_week04.png" alt="Modelo de previsão para semana 4" class="d-block w-100 psem"> </div> </div> <div class="text-right pt-0 mt-0 mb-2 chamadas"> <a href="https://subsazonal.cptec.inpe.br/" target="_blank"><small>Saiba mais sobre a previsão para as próximas semanas</small></a> </div> <nav> <div class="nav justify-content-center mt-2 mb-2 mt-md-4" id="nav-tab" role="tablist"> <button class="botao-padrao active mr-2 mt-3 mt-md-1" data-bs-toggle="tab" data-bs-target="#sem1-tab-pane" type="button" role="tab" aria-selected="true ">1ª semana</button> <button class="botao-padrao mr-2 mt-3 mt-md-1" data-bs-toggle="tab" data-bs-target="#sem2-tab-pane" type="button" role="tab" aria-selected="false">2ª semana</button> <button class="botao-padrao mr-2 mt-3 mt-md-1" data-bs-toggle="tab" data-bs-target="#sem3-tab-pane" type="button" role="tab" aria-selected="false">3ª semana</button> <button class="botao-padrao mr-2 mt-3 mt-md-1" data-bs-toggle="tab" data-bs-target="#sem4-tab-pane" type="button" role="tab" aria-selected="false">4ª semana</button> </div> </nav> </div> </div> <div class="tab-pane fade" id="psem1-tab-pane" role="tabpanel" aria-labelledby="psem1-tab" tabindex="0"> <div class="justify-content-center"> <div class="tab-content"> <div class="psemtab"></div> <div class="tab-pane fade show active" id="sem5-tab-pane"> <img src="https://s0.cptec.inpe.br/subsaz/web_cptec/bam12_subsazonal_t2mt_anomaly_week01.png" alt="Modelo de previsão para semana 1" class="d-block w-100 psem"> </div> <div class="tab-pane fade" id="sem6-tab-pane"> <img src="https://s0.cptec.inpe.br/subsaz/web_cptec/bam12_subsazonal_t2mt_anomaly_week02.png" alt="Modelo de previsão para semana 2" class="d-block w-100 psem"> </div> <div class="tab-pane fade" id="sem7-tab-pane"> <img src="https://s0.cptec.inpe.br/subsaz/web_cptec/bam12_subsazonal_t2mt_anomaly_week03.png" alt="Modelo de previsão para semana 3" class="d-block w-100 psem"> </div> <div class="tab-pane fade" id="sem8-tab-pane"> <img src="https://s0.cptec.inpe.br/subsaz/web_cptec/bam12_subsazonal_t2mt_anomaly_week04.png" alt="Modelo de previsão para semana 4" class="d-block w-100 psem"> </div> </div> <div class="text-right pt-0 mt-0 mb-2 chamadas"> <a href="https://subsazonal.cptec.inpe.br/" target="_blank"><small>Saiba mais sobre a previsão para as próximas semanas</small></a> </div> <nav> <div class="nav justify-content-center mt-2 mb-2 mt-md-4" id="nav-tab" role="tablist"> <button class="botao-padrao active mr-2 mt-3 mt-md-1" data-bs-toggle="tab" data-bs-target="#sem5-tab-pane" type="button" role="tab" aria-selected="true ">1ª semana</button> <button class="botao-padrao mr-2 mt-3 mt-md-1" data-bs-toggle="tab" data-bs-target="#sem6-tab-pane" type="button" role="tab" aria-selected="false">2ª semana</button> <button class="botao-padrao mr-2 mt-3 mt-md-1" data-bs-toggle="tab" data-bs-target="#sem7-tab-pane" type="button" role="tab" aria-selected="false">3ª semana</button> <button class="botao-padrao mr-2 mt-3 mt-md-1" data-bs-toggle="tab" data-bs-target="#sem8-tab-pane" type="button" role="tab" aria-selected="false">4ª semana</button> </div> </nav> </div> </div> </div> </div> <div class="col-md-6"> <h4>Próximos Meses</h4> <nav class="mapa-nav"> <div class="curva-nav nav nav-tabs justify-content-center" id="nav-tab" role="tablist"> <button class="nav-link active" id="psem-tab" data-bs-toggle="tab" data-bs-target="#pmes-tab-pane" type="button" role="tab" aria-controls="psem-pane" aria-selected="false"> Anomalia de Precipitação </button> <button class="nav-link" id="psem1-tab" data-bs-toggle="tab" data-bs-target="#pmes1-tab-pane" type="button" role="tab" aria-controls="psem1-tab-pane" aria-selected="true"> Anomalia de Temperatura </button> </div> </nav> <div class="tab-content borda-semanas" id="myTabContent"> <div class="tab-pane fade show active" id="pmes-tab-pane" role="tabpanel" aria-labelledby="pmes-tab" tabindex="0"> <div class="justify-content-center"> <div class="tab-content"> <span class="d-none" id="data"></span> <div class="prox-meses"></div> <div class="tab-pane fade show active" id="pmesitem1-tab-pane"> <img src="https://s0.cptec.inpe.br/clima/modelos/web_cptec/bam12_clima_prec_anomaly_seas01.png" alt="Modelo de previsão para o mês 1" class="d-block w-100 psem"> </div> <div class="tab-pane fade" id="pmesitem2-tab-pane"> <img src="https://s0.cptec.inpe.br/clima/modelos/web_cptec/bam12_clima_prec_anomaly_seas02.png" alt="Modelo de previsão para o mês 2" class="d-block w-100 psem"> </div> </div> <div class="text-right pt-0 mt-0 mb-2 chamadas"> <a href="https://sazonal.cptec.inpe.br/" target="_blank"><small>Saiba mais sobre a previsão para os próximos meses</small></a> </div> <nav class="text-center"> <div class="nav justify-content-center text-center mt-2 mb-2 mt-md-3" id="nav-tab" role="tablist"> <button class="botao-padrao text-center active mr-2 mt-3 mt-md-1" data-bs-toggle="tab" data-bs-target="#pmesitem1-tab-pane" type="button" role="tab" aria-selected="true ">1º trimestre </button> <button class="botao-padrao text-center mt-3 mt-md-1" data-bs-toggle="tab" data-bs-target="#pmesitem2-tab-pane" type="button" role="tab" aria-selected="false">2º trismestre</button> </div> </nav> <div class="r-tab"></div> </div> </div> <div class="tab-pane fade" id="pmes1-tab-pane" role="tabpanel" aria-labelledby="pmes1-tab" tabindex="0"> <div class="justify-content-center"> <div class="tab-content"> <span class="d-none" id="data"></span> <div class="prox-meses"></div> <div class="tab-pane fade show active" id="pmes1item1-tab-pane"> <img src="https://s0.cptec.inpe.br/clima/modelos/web_cptec/bam12_clima_t2mt_anomaly_seas01.png" alt="Modelo de previsão para o mês 1" class="d-block w-100 psem"> </div> <div class="tab-pane fade" id="pmes1item2-tab-pane"> <img src="https://s0.cptec.inpe.br/clima/modelos/web_cptec/bam12_clima_t2mt_anomaly_seas02.png" alt="Modelo de previsão para o mês 2" class="d-block w-100 psem"> </div> </div> <div class="text-right pt-0 mt-0 mb-2 chamadas"> <a href="https://subsazonal.cptec.inpe.br/" target="_blank"><small>Saiba mais sobre a previsão para os próximos meses</small></a> </div> <nav> <div class="nav justify-content-center mt-2 mb-2 mt-md-3" id="nav-tab" role="tablist"> <button class="botao-padrao active mr-2 mt-3 mt-md-1" data-bs-toggle="tab" data-bs-target="#pmes1item1-tab-pane" type="button" role="tab" aria-selected="true ">1º trimestre</button> <button class="botao-padrao mr-2 mt-3 mt-md-1" data-bs-toggle="tab" data-bs-target="#pmes1item2-tab-pane" type="button" role="tab" aria-selected="false">2º trismestre </button> </div> </nav> <div class="r-tab"></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="container mt-1 mt-md-6 "> <div class="row desaparece-pequeno desaparece-medio"> <div class="col-sm-6"> <div class="cptec-card br-card hover"> <a href="http://clima.cptec.inpe.br" target="_blank"> <div class="row"> <div class="col-md-5"> <i class="fa-solid fa-cloud-sun botoes-icone"></i> </div> <div class="col-sm-7"> <h4>Clima</h4> </div> </div> </a> </div> </div> <div class="col-sm-6"> <div class="cptec-card br-card hover "> <a href="https://previsaonumerica.cptec.inpe.br" target="_blank"> <div class="row"> <div class="col-md-2"> <i class="fa-solid fa-arrow-up-9-1 botoes-icone"></i> </div> <div class="col-sm-8"> <h4 class="text-center">Previsão Numérica de tempo</h4> </div> </div> </a> </div> </div> </div> <div class="row desaparece-pequeno desaparece-medio"> <div class="col-sm-6"> <div class="cptec-card br-card hover "> <a href="http://satelite.cptec.inpe.br/home/index.jsp" target="_blank"> <div class="row"> <div class="col-md-5"> <i class="fa-solid fa-satellite botoes-icone"></i> </div> <div class="col-sm-7"> <h4>Satélite</h4> </div> </div> </a> </div> </div> <div class="col-sm-6"> <div class="cptec-card br-card hover "> <a href="http://ondas.cptec.inpe.br" target="_blank"> <div class="row"> <div class="col-md-5"> <i class="fa-solid fa-water botoes-icone"></i> </div> <div class="col-sm-7"> <h4>Ondas</h4> </div> </div> </a> </div> </div> </div> <div class="row desaparece-pequeno desaparece-medio"> <div class="col-sm-6" style="position: relative; left: 25rem;"> <div class="cptec-card br-card hover "> <a href="https://nowcasting.cptec.inpe.br" target="_blank"> <div class="row"> <div class="col-md-5"> <i class="fa-solid fa-map-location-dot botoes-icone"></i> </div> <div class="col-sm-7"> <h4>Nowcasting</h4> </div> </div> </a> </div> </div> </div> </div> <div class="p-4 botoes-centro desaparece-grande justify-content-center"> <a href="http://clima.cptec.inpe.br" class="br-button botao-cards secondary mr-3" type="button"> <i class="fa-solid fa-cloud-sun"></i> ㅤClima </a> <a href="https://previsaonumerica.cptec.inpe.br" class="br-button botao-cards secondary mr-3" type="button"> <i class="fa-solid fa-arrow-up-9-1"></i> ㅤPrevisão Numérica de tempo </a> <a href="http://satelite.cptec.inpe.br/home/index.jsp" class="br-button botao-cards secondary mr-3" type="button"> <i class="fa-solid fa-satellite"></i> ㅤSatélite </a> <a href="http://ondas.cptec.inpe.br" class="br-button botao-cards secondary mr-3" type="button"> <i class="fa-solid fa-water"></i> ㅤOndas </a> <a href="http://ondas.cptec.inpe.br" class="br-button botao-cards secondary mr-3" type="button"> <i class="fa-solid fa-map-location-dot"></i> ㅤNowcasting </a> </div> <div class="container"> <div class="row"> <div class="col-md-6 mt-1 mt-md-4"> <div class="br-card borda sombra"> <h4>Nossas aplicações</h4> <div class="card-content cartao-link"> <nav> <div class="nav nav-tabs" id="nav-tab" role="tablist"> <button class="nav-link active" id="aplicativos-tab" data-bs-toggle="tab" data-bs-target="#aplicativos-tab-pane" type="button" role="tab" aria-controls="aplicativos-tab-pane" aria-selected="false">ㅤ Aplicativos ㅤ </button> <button class="nav-link" id="pesquisa-tab" data-bs-toggle="tab" data-bs-target="#pesquisa-tab-pane" type="button" role="tab" aria-controls="pesquisa-tab-pane" aria-selected="true">ㅤ Pesquisa ㅤ</button> <button class="nav-link" id="servicos-tab" data-bs-toggle="tab" data-bs-target="#servicos-tab-pane" type="button" role="tab" aria-controls="servicos-tab-pane" aria-selected="false">ㅤ Serviços ㅤ</button> <button class="nav-link" id="dados-tab" data-bs-toggle="tab" data-bs-target="#dados-tab-pane" type="button" role="tab" aria-controls="dados-tab-pane" aria-selected="false">ㅤ Dados históricos ㅤ</button> <button class="nav-link" id="comunidade-tab" data-bs-toggle="tab" data-bs-target="#comunidade-tab-pane" type="button" role="tab" aria-controls="comunidade-tab-pane" aria-selected="false"> ㅤ Projeto Educação ㅤ</button> </div> </nav> <div class="tab-content" id="myTabContent"> <br> <div class="tab-pane fade show active nossas-aplicacoes1" id="aplicativos-tab-pane" role="tabpanel" aria-labelledby="aplicativos-tab" tabindex="0"> <div class="d-flex justify-content-around"> <a href="https://www.cptec.inpe.br/dsat/" target="_blank"> <img class="nossas-aplicacoes-img" src="https://www.cptec.inpe.br/img/icone-satelite.png" class="rounded mx-auto d-block"> <div class="desc mt-2">DSAT</div> </a> <a style="visibility:hidden" href="https://www.cptec.inpe.br/dsat/" target="_blank"> <img class="nossas-aplicacoes-img" src="https://www.cptec.inpe.br/img/icone-satelite.png" class="rounded mx-auto d-block"> <div class="desc mt-2">DSAT</div> </a> <a style="visibility:hidden" href="https://www.cptec.inpe.br/dsat/" target="_blank"> <img class="nossas-aplicacoes-img" src="https://www.cptec.inpe.br/img/icone-satelite.png" class="rounded mx-auto d-block"> <div class="desc mt-2">DSAT</div> </a> </div> </div> <div class="tab-pane fade nossas-aplicacoes2" id="pesquisa-tab-pane" role="tabpanel" aria-labelledby="pesquisa-tab" tabindex="0"> <div class="d-flex justify-content-around"> <ul class="list-group"> <li class="list-group-item"><a href="http://eurobrisa.cptec.inpe.br">BRAMS</a></li> </ul> <ul class="list-group"> <li class="list-group-item"><a href="http://eurobrisa.cptec.inpe.br">Eurobrisa</a></li> </ul> <ul class="list-group"> <li class="list-group-item"><a href="http://chuvaproject.cptec.inpe.br/portal/noticia.ultimas.logic">Projeto Chuva</a></li> </ul> <ul style="visibility:hidden" class="list-group"> <li class="list-group-item"><a href="/">Dados históricos</a></li> </ul> </div> </div> <div class="tab-pane fade nossas-aplicacoes3" id="servicos-tab-pane" role="tabpanel" aria-labelledby="servicos-tab" tabindex="0"> <div class="d-flex justify-content-around"> <a href="http://servicos.cptec.inpe.br/XML/" target="_blank"> <img src="https://www.cptec.inpe.br/img/icone-webservice.png" class="nossas-aplicacoes-img rounded mx-auto d-block"> <div class="desc mt-2">Webservice</div> </a> <a style="visibility:hidden" href="http://servicos.cptec.inpe.br/XML/" target="_blank"> <img src="https://www.cptec.inpe.br/img/icone-webservice.png" class="nossas-aplicacoes-img rounded mx-auto d-block"> <div class="desc mt-2">Webservice</div> </a> <a style="visibility:hidden" href="http://servicos.cptec.inpe.br/XML/" target="_blank"> <img src="https://www.cptec.inpe.br/img/icone-webservice.png" class="nossas-aplicacoes-img rounded mx-auto d-block"> <div class="desc mt-2">Webservice</div> </a> </div> </div> <div class="tab-pane fade nossas-aplicacoes4" id="dados-tab-pane" role="tabpanel" aria-labelledby="dados-tab" tabindex="0"> <div class="d-flex justify-content-around"> <ul class="list-group"> <li class="list-group-item"><a href="/cartas-e-bolentins">Cartas e Boletins</a></li> </ul> <ul style="visibility:hidden" class="list-group"> <li class="list-group-item"><a href="/">Análise Sinótica</a></li> </ul> <ul style="visibility:hidden" class="list-group"> <li class="list-group-item"><a href="/">Dados históricos</a></li> </ul> </div> </div> <div class="tab-pane fade nossas-aplicacoes5" id="comunidade-tab-pane" role="tabpanel" aria-labelledby="comunidade-tab" tabindex="0"> <div class="d-flex justify-content-around"> <a href="https://projetoeducacao.cptec.inpe.br/" target="_blank"> <i class="fa-solid fa-graduation-cap fa-4x" class="rounded mx-auto d-block"></i> <div class="desc mt-2">Projeto Educação</div> </a> <a style="visibility:hidden" href="https://www.gov.br/inpe/pt-br/area-conhecimento/biblioteca/" target="_blank"> <i class="fa-solid fa-book fa-4x" class="rounded mx-auto d-block"></i> <div class="desc mt-2">Biblioteca</div> </a> <a style="visibility:hidden" href="https://www.inpe.br/ouvidoria/" target="_blank"> <i class="fa-solid fa-headset fa-4x" class="rounded mx-auto d-block"></i> <div class="desc mt-2">Ouvidoria</div> </a> </div> </div> </div> </div> </div> </div> <div class="col-md-6"> <div class="br-card cptec-card mt-1 mt-md-4"> <h4 class="ml-2 pl-2">Avisos Importantes</h4> <p class="justificado avisos-importantes"> Os produtos apresentados nesta página não podem ser usados para propósitos comerciais, copiados integral ou parcialmente para a reprodução em meios de divulgação, sem a expressa autorização do CPTEC/INPE. Os usuários deverão sempre mencionar a fonte das informações e dados como "CPTEC/INPE" A geração e a divulgação de produtos operacionais obedecem critérios sistêmicos de controle de qualidade, padronização e periodicidade de disponibilização. Em nenhum caso o CPTEC/INPE pode ser responsabilizado por danos especiais, indiretos ou decorrentes, ou nenhum\ dano vinculado ao que provenha do uso destes produtos. </p> </div> </div> </div> </div> </main> <link rel="stylesheet" href="https://www.cptec.inpe.br/css/footer.css"> <script src="https://www.cptec.inpe.br/js/footer.js"></script> <footer class="br-footer"> <div class="container-lg"> <div class="logo"><img src="data:image/svg+xml,<svg 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.8 135' style='enable-background:new 0 0 374.8 135;' xml:space='preserve'><style type='text/css'> .st0%7Bfill:%23FFFFFF;%7D%0A </style><path class='st0' d='M40.2,84.8c8.9,0,16-7.5,16-18.7c0-8.1-4.8-17.2-16-17.2C30.9,48.9,26,57.1,26,67 C25.9,78.4,32.6,84.8,40.2,84.8z M80.5,95.5c0,29.8-14.5,39.5-43.8,39.5c-12,0-21.9-2.5-27.7-4.6l1.2-19.8c7.7,3.8,14.1,6,24.5,6 c14.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.5c0-21.6,10.2-37.8,32.8-37.8 c10.7,0,19.4,5.9,24.7,14.8h0.2V31.4h22.7L80.5,95.5L80.5,95.5z'/><polygon class='st0' points='181.6,103.9 209.6,103.9 235.8,31.7 211.4,31.7 196.6,83.2 196.3,83.2 181.6,31.7 155.3,31.7 '/><path class='st0' d='M139,67.9c0-10.8-4.7-20.4-16.2-20.4s-16.2,9.6-16.2,20.4c0,10.7,4.7,20.2,16.2,20.2S139,78.5,139,67.9z M80.9,67.9c0-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.9,91.7,80.9,67.9z'/><path class='st0' d='M238.6,93.7c0,6.5-5.3,11.8-11.8,11.8S215,100.2,215,93.7s5.3-11.8,11.8-11.8C233.3,81.9,238.6,87.2,238.6,93.7 z'/><path class='st0' d='M281.1,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.2,57.5,290.8,49.2,281.1,49.2z M240.9,0H266v41h0.3c6.4-8,14.8-10.9,24.8-10.9c20,0,30.9,19,30.9,36.4 c0,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='st0' d='M373.5,51.7c-2.8-0.8-5.5-0.8-8.5-0.8c-11.6,0-18.1,8.4-18.1,22.6V104H322V31.8h22.7v13.3h0.3 c4.3-9.1,10.5-15,21.3-15c2.9,0,6,0.4,8.5,0.8L373.5,51.7z'/></svg>" alt="Imagem" /></div> <nav> <div class="nav" id="nav-tab" role="tablist"> <button class="nav-footer nav-link" id="footer1" data-bs-toggle="tab" data-bs-target="#footer1-tab-pane" type="button" role="tab" aria-controls="footer1-tab-pane" aria-selected="false"> Acesso à Informação <i class="fa-solid fa-chevron-down"></i> </button> <button class="nav-link nav-footer" id="footer2-min-tab" data-bs-toggle="tab" data-bs-target="#footer2-tab-pane" type="button" role="tab" aria-controls="footer2-tab-pane" aria-selected="true"> Assuntos <i class="fa-solid fa-chevron-down"></i> </button> <button class="nav-link nav-footer" id="footer3-min-tab" data-bs-toggle="tab" data-bs-target="#footer3-tab-pane" type="button" role="tab" aria-controls="footer3-tab-pane" aria-selected="true"> Central de Conteúdo <i class="fa-solid fa-chevron-down"></i> </button> <button class="nav-link nav-footer" id="footer4-min-tab" data-bs-toggle="tab" data-bs-target="#footer4-tab-pane" type="button" role="tab" aria-controls="footer4-tab-pane" aria-selected="true"> Canais de Atendimento <i class="fa-solid fa-chevron-down"></i> </button> <a class="nav-footer" type="button" href="https://www.gov.br/inpe/pt-br/composicao"> Composição </a> <a class="nav-footer" type="button" href="https://www.gov.br/inpe/pt-br/servicos"> Serviços </a> </div> </nav> <div class="tab-content"> <div class="tab-pane fade" id="footer1-tab-pane" role="tabpanel" aria-labelledby="footer1-tab" tabindex="0"> <div class=""> <a class="br-item" href="https://www.gov.br/inpe/pt-br/acesso-a-informacao/"> <div class="content">Acesso à Informação</div> </a> <a class="br-item" href="https://www.gov.br/inpe/pt-br/acesso-a-informacao/institucional"> <div class="content">institucional</div> </a><a class="br-item" href="https://www.gov.br/inpe/pt-br/acesso-a-informacao/acoes-e-programas"> <div class="content">Ações e Programas</div> </a><a class="br-item" href="https://www.gov.br/inpe/pt-br/acesso-a-informacao/participacao-social"> <div class="content">Participação Social</div> </a> <a class="br-item" href="https://www.gov.br/inpe/pt-br/acesso-a-informacao/auditorias"> <div class="content">Auditorias</div> </a> <a class="br-item" href="https://www.gov.br/inpe/pt-br/acesso-a-informacao/convenios-e-transferencias"> <div class="content">Convênios e Transferências</div> </a> <a class="br-item" href="https://www.gov.br/inpe/pt-br/acesso-a-informacao/receitas-e-despesas"> <div class="content">Receitas e Despesas</div> </a> <a class="br-item" href="https://www.gov.br/inpe/pt-br/acesso-a-informacao/licitacoes-e-contratos"> <div class="content">Licitações e Contratos</div> </a> <a class="br-item" href="https://www.gov.br/inpe/pt-br/acesso-a-informacao/servidores"> <div class="content">Servidores</div> </a> <a class="br-item" href="https://www.gov.br/inpe/pt-br/acesso-a-informacao/informacoes-classificadas"> <div class="content">Informações Classificadas</div> </a> <a class="br-item" href="https://www.gov.br/inpe/pt-br/acesso-a-informacao/servico-de-informacao-ao-cidadao-sic"> <div class="content">Serviço de Informação ao Cidadão - SIC</div> </a> <a class="br-item" href="https://www.gov.br/inpe/pt-br/acesso-a-informacao/perguntas-frequentes"> <div class="content">Perguntas Frequentes</div> </a> <a class="br-item" href="https://www.gov.br/inpe/pt-br/acesso-a-informacao/dados-abertos"> <div class="content">Dados Abertos</div> </a> <a class="br-item" href="https://www.gov.br/inpe/pt-br/acesso-a-informacao/cooperacoes-nacionais-e-internacionais"> <div class="content">Cooperações Nacionais e Internacionais</div> </a> </div> </div> <div class="tab-pane fade show" id="footer2-tab-pane" role="tabpanel" aria-labelledby="footer2-tab" tabindex="0"> <div class=""> <a class="br-item" href="https://www.gov.br/inpe/pt-br/assuntos"> <div class="content">Assuntos</div> </a> <a class="br-item" href="https://www.gov.br/inpe/pt-br/assuntos/ultimas-noticias"> <div class="content">Últimas Notícias</div> </a> <a class="br-item" href="https://www.gov.br/inpe/pt-br/assuntos/produtos"> <div class="content">Produtos</div> </a> <a class="br-item" href="https://www.gov.br/inpe/pt-br/assuntos/eventos"> <div class="content">Eventos</div> </a> <a class="br-item" href="http://antigo.inpe.br/posgraduacao/"> <div class="content">Capacitação Pós-Graduação</div> </a> <a class="br-item" href="https://www.gov.br/inpe/pt-br/assuntos/anuncio-de-oportunidades"> <div class="content">Anúncio de Oportunidades</div> </a> </div> </div> <div class="tab-pane fade show" id="footer3-tab-pane" role="tabpanel" aria-labelledby="footer2-tab" tabindex="0"> <div class=""> <a class="br-item" href="https://www.gov.br/inpe/pt-br/central-de-conteudo/"> <div class="content">Central de conteúdo</div> </a> <a class="br-item" href="https://www.gov.br/inpe/pt-br/central-de-conteudo/cartilhas-educacionais"> <div class="content">Cartilhas Educacionais</div> </a> <a class="br-item" href="https://www.gov.br/inpe/pt-br/central-de-conteudo/publicacoes"> <div class="content">Publicações</div> </a> <a class="br-item" href="https://www.gov.br/inpe/pt-br/area-conhecimento/biblioteca"> <div class="content">Biblioteca On-Line</div> </a> <a class="br-item" href="http://www.youtube.com/inpemct"> <div class="content">Vídeos</div> </a> </div> </div> <div class="tab-pane fade show" id="footer4-tab-pane" role="tabpanel" aria-labelledby="footer2-tab" tabindex="0"> <div class=""> <a class="br-item" href="https://www.gov.br/inpe/pt-br/canais_atendimento"> <div class="content">Canais de atendimento</div> </a> <a class="br-item" href="https://www.gov.br/inpe/pt-br/canais_atendimento/ouvidoria"> <div class="content">Ouvidoria</div> </a> <a class="br-item" href="https://www.gov.br/inpe/pt-br/canais_atendimento/imprensa"> <div class="content">Imprensa</div> </a> <a class="br-item" href="http://www.gov.br/inpe/pt-br/acesso-a-informacao/institucional/visita/"> <div class="content">Visitas ao INPE</div> </a> </div> </div> </div> <div class="d-none d-sm-block"> <div class="row align-items-end justify-content-between py-5"> <div class="col social-network"> <p class="text-up-01 text-extra-bold text-uppercase">Redes Sociais</p>  <a class="br-button circle align-items-center justify-content-center" href="https://www.facebook.com/inpe.oficial" aria-label="Compartilhar por Facebook"> <i class="fab fa-facebook-f" aria-hidden="true"></i> </a>  <a class="br-button circle align-items-center justify-content-center" href="https://www.instagram.com/cptecinpe/" aria-label="Compartilhar por Instagram"> <i class="fa-brands fa-instagram" aria-hidden="true"></i> </a>  <a class="br-button circle align-items-center justify-content-center" href="https://x.com/inpe_mct" aria-label="Compartilhar por X"> <i class="fa-brands fa-x-twitter" aria-hidden="true"></i> </a>  <a class="br-button circle align-items-center justify-content-center" href="https://www.youtube.com/inpemct" aria-label="Compartilhar por YouTube"> <i class="fa-brands fa-youtube" aria-hidden="true"></i> </a> </div>  <div class="col-auto text-end"> <a href="https://www.gov.br/acessoainformacao/pt-br" class="d-flex align-items-center text-center text-decoration-none py-2 px-4" style="border-radius: 25px; color: #fff; cursor: pointer;"> <img src="../img/acesso-info.png" alt="Acesso à informação" class="me-2 mr-2" style="width: 2rem;"> <span class="acesso-info">Acesso à Informação</span> </a> </div> </div> </div> </div><span class="br-divider my-3"></span> <div class="container-lg"> <div class="info text-center"> <div class="text-down-01 text-medium pb-3">Desenvolvido por:  <strong> <a href="https://www.cptec.inpe.br/" target="_blank" style="padding: 3px 6px; border-radius: 25px; background-color: transparent; color: #fff; font-weight: 700; cursor: pointer;"> CPTEC </a> </strong> </div> </div> </div> </footer> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="https://code.highcharts.com/stock/highstock.js"></script> <script src="https://code.highcharts.com/stock/highcharts-more.js"></script> <script src="https://code.highcharts.com/stock/modules/exporting.js"></script> <script src="https://code.highcharts.com/stock/modules/export-data.js"></script> <script src="https://code.highcharts.com/stock/modules/accessibility.js"></script> <script src="https://code.highcharts.com/stock/modules/windbarb.js"></script> <script src="https://code.highcharts.com/stock/indicators/indicators.js"></script> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> <script src="https://www.cptec.inpe.br/js/meteograma.js"></script> <div id="cookie-message" style="display: none;"> Os cookies utilizados no site do CPTEC são estritamente necessários. Os cookies armazenam informação da última cidade consultada e se lembram de algumas opções selecionadas no site. Isto é utilizado para melhorar a experiência do usuário. <button id="accept-cookies">Aceitar</button> </div> <script type="module" src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"> </script> <script src="https://www.cptec.inpe.br/js/core.js"></script> <script src="https://www.cptec.inpe.br/js/core-init.js"></script> </body> </html>

CINXE.COM

CPTEC - Centro de Previsão de Tempo e Estudos Climáticos