{"status":"200","message":"Conteudo do perfil","data":"\n    <div class=\"div-perfil\">\n        <div style=\"display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 1rem;\">\n            <div class=\"avatar-container\" onclick=\"location.href='avatar.html'\">\n                <img src=\"img\/avatar\/medalha\/\" alt=\"Imagem dos Fundadores\" style=\"position: absolute; width: 72px; top:0px; right: -42px; z-index: 9; height: 72px; object-fit: contain;\" id=\"medalha\">\n                <img src=\"img\/avatar\/rosto\/\" alt=\"Avatar Base\" class=\"avatar-base\" id=\"avatar\">\n                <img src=\"img\/avatar\/roupas\/\" alt=\"Acess\u00f3rio\" class=\"accessory\" id=\"accessory\">\n                <img src=\"img\/avatar\/cabelos\/\" alt=\"Acess\u00f3rio\" class=\"accessory\" id=\"cabelo\" >\n                <img src=\"img\/avatar\/oculos\/\" alt=\"Acess\u00f3rio\" class=\"accessory\" id=\"oculos\" >\n\n                <img src=\"img\/avatar\/barba\/\" class=\"avatar-base barba\" id=\"barba\">\n                <img src=\"img\/avatar\/nariz\/\/\" class=\"avatar-base\">\n                <img src=\"img\/avatar\/boca\/\" class=\"avatar-base\" id=\"boca\">\n                <img src=\"img\/avatar\/olhos\/\" class=\"avatar-base\" id=\"olhos\">\n                <img src=\"img\/avatar\/sobrancelha\/\" class=\"avatar-base\" id=\"sobrancelha\">\n            <\/div>\n            \n        <\/div>\n        <div class=\"container_nivel\">\n            <div class=\"div_titulo_nivel\">\n                <div>\n                    <h2 class=\"titulo_nivel\">N\u00edvel 10<\/h2>\n                    <h2 class=\"descricao_nivel\"><p>\ud83c\udff5\ufe0f Voc\u00ea n\u00e3o chegou ao fim. Voc\u00ea se tornou o caminho.<\/p><\/h2>\n                <\/div>\n                <h2 class=\"texto_xp_atual\"> XP<\/h2>\n            <\/div>\n            <div class=\"div_nivel_xp\">\n                <h2 class=\"xp_proximo\">\/10000 XP<\/h2>\n                <input type=\"range\" name=\"\" id=\"\" min=\"8001\" max=\"10000\" value=\"\" class=\"barra_progresso\">\n            <\/div>\n        <\/div>\n        <span style=\"font-weight: 500; color: black;\">Meus dados<\/span>\n        <div class=\"input-container\">\n            <div class=\"div_icone\">\n                <i class=\"fas fa-user\"><\/i>\n            <\/div>\n            <input type=\"text\" class=\"inputs_perfil\" id=\"nome\" placeholder=\"Nome Completo\" value=\"\">\n        <\/div>\n        <div class=\"input-container\">\n            <div class=\"div_icone\">\n                <i class=\"fas fa-envelope\"><\/i>\n            <\/div>\n            <input type=\"email\" class=\"inputs_perfil\" id=\"email\" placeholder=\"Seu Email\" value=\"\">\n        <\/div>\n        <div class=\"input-container\">\n            <div class=\"div_icone\">\n                <i class=\"fas fa-phone\"><\/i>\n            <\/div>\n            <input type=\"tel\" class=\"inputs_perfil\" id=\"telefone\" placeholder=\"Seu Telefone\" value=\"\">\n        <\/div>\n        <div class=\"input-container\">\n            <div class=\"div_icone\">\n                <i class=\"fas fa-id-card\"><\/i>\n            <\/div>\n            <input type=\"text\" class=\"inputs_perfil\" id=\"cpf\" placeholder=\"Seu CPF\" value=\"\">\n        <\/div>\n        <label for=\"\" style=\"color:black; font-size: 14px;\">Data de Nascimento<\/label>\n        <div class=\"data-nascimento-row\">\n            <div class=\"input-container\">\n                <input type=\"text\" class=\"input\" style=\"padding: .15rem .5rem;\" id=\"dia\" inputmode=\"numeric\" pattern=\"[0-9]*\" maxlength=\"2\" placeholder=\"DD\" value=\"31\">\n            <\/div>\n            <div class=\"input-container\">\n                <input type=\"text\" class=\"input\" style=\"padding: .15rem .5rem;\" id=\"mes\" inputmode=\"numeric\" pattern=\"[0-9]*\" maxlength=\"2\" placeholder=\"MM\" value=\"12\">\n            <\/div>\n            <div class=\"input-container\">\n                <input type=\"text\" class=\"input\" style=\"padding: .15rem .5rem;\" id=\"ano\" inputmode=\"numeric\" pattern=\"[0-9]*\" maxlength=\"4\" placeholder=\"AAAA\" value=\"1969\">\n            <\/div>\n        <\/div>\n        <div class=\"input-container\" style=\"display: flex; align-items: center; gap: 10px;\">\n            <div class=\"div_icone\">\n                <i class=\"fas fa-venus-mars\"><\/i>\n            <\/div>\n            <select id=\"sexo\" class=\"inputs_perfil\" style=\"flex: 1; min-height: 40px; height: 40px;\">\n                <option value=\"1\" >Masculino<\/option><option value=\"2\" >Feminino<\/option>\n            <\/select>\n        <\/div>\n        <div class=\"input-container\">\n            <div class=\"div_icone\">\n                <i class=\"fas fa-lock\"><\/i>\n            <\/div>\n            <input type=\"password\" class=\"inputs_perfil\" id=\"senha\" placeholder=\"Sua Senha\">\n        <\/div>\n\n        <span style=\"font-weight: 500; color: black;\">Meu endere\u00e7o<\/span>\n\n        <div class=\"input-container\">\n            <div class=\"div_icone\">\n                <i class=\"fa-solid fa-location-dot icones_autenticacao\"><\/i>\n            <\/div>\n            <input type=\"text\" class=\"inputs_perfil\" placeholder=\"CEP\" id=\"cep\" value=\"\">\n        <\/div>\n\n        <div class=\"input-container\">\n            <div class=\"div_icone\">\n                <i class=\"fa-solid fa-road icones_autenticacao\"><\/i>\n            <\/div>\n            <input type=\"text\" class=\"inputs_perfil\" placeholder=\"Rua\" id=\"rua\" value=\"\">\n        <\/div>\n\n        <div class=\"input-container\">\n            <div class=\"div_icone\">\n                <i class=\"fa-solid fa-hashtag icones_autenticacao\"><\/i>\n            <\/div>\n            <input type=\"text\" class=\"inputs_perfil\" placeholder=\"N\u00famero\" id=\"numero\" value=\"\">\n        <\/div>\n\n        <div class=\"input-container\">\n            <div class=\"div_icone\">\n                <i class=\"fa-solid fa-building icones_autenticacao\"><\/i>\n            <\/div>\n            <input type=\"text\" class=\"inputs_perfil\" placeholder=\"Complemento (Opcional)\" id=\"complemento\" value=\"\">\n        <\/div>\n\n        <div class=\"input-container\">\n            <div class=\"div_icone\">\n                <i class=\"fa-solid fa-location-arrow icones_autenticacao\"><\/i>\n            <\/div>\n            <input type=\"text\" class=\"inputs_perfil\" placeholder=\"Bairro\" id=\"bairro\" value=\"\">\n        <\/div>\n\n        <div class=\"input-container\">\n            <div class=\"div_icone\">\n                <i class=\"fa-solid fa-city icones_autenticacao\"><\/i>\n            <\/div>\n            <input type=\"text\" class=\"inputs_perfil\" placeholder=\"Cidade\" id=\"cidade\" value=\"\">\n        <\/div>\n\n        <div class=\"input-container\">\n            <div class=\"div_icone\">\n                <i class=\"fa-solid fa-map icones_autenticacao\"><\/i>\n            <\/div>\n            <input type=\"text\" class=\"inputs_perfil\" placeholder=\"Estado\" id=\"uf\" value=\"\">\n        <\/div>\n\n        <div id=\"teclado\" class=\"teclado\" style=\"background: transparent; height: 50vh; display: none;\"><\/div>\n        <button id=\"botao-entrar\" class=\"btn_salvar\" onclick=\"updateUser()\">Salvar<\/button>\n        <button id=\"botao-logout\" onclick=\"logout()\" class=\"button-24\">Logout<\/button>\n        <button id=\"botao-logout\" class=\"button-24\" onclick=\"deleteUser()\">Excluir conta<\/button>\n        \n            \n        <div class=\"box_plano_usuario\">\n            <h2 class=\"titulo_secao\">Meu plano<\/h2>\n\n            <div class=\"card_plano_ativo\">\n                <h2>Voc\u00ea n\u00e3o possui nenhum plano ativo.<\/h2>\n                <button class=\"btn_assinar_plano\" onclick=\"location.href='planos.html'\">\n                    Ver planos\n                <\/button>\n            <\/div>\n        <\/div>\n    \n        \n    <\/div>\n    <div class=\"div_historico\" id=\"div_historico\">\n        <h2 class=\"texto_historico\">Linha do tempo<\/h2>\n        <h2 class=\"descricao_historico\">Acompanhe todas as suas atividades realizadas e pontos de experi\u00eancia ganhos\n        <\/h2>\n        <div>\n            <div class=\"card_historico_pontos\">\n                \n                <div>\n                    <div class=\"div_data_historico\">\n                        <i class=\"fa-regular fa-calendar icone_data\"><\/i>\n                        <h2 class=\"titulo_historico_pontos\">17\/07\/2026<\/h2>\n                    <\/div>\n                    <div class=\"container_atividades\">\n            \n            <div class=\"div_card_atividade\">\n                <h2 class=\"descricao_historico_pontos\">Conclus\u00e3o de teste cient\u00edfico: <\/h2>\n                <h2 class=\"texto_xp\">+0 XP<\/h2>\n            <\/div>\n        \n            <div class=\"div_card_atividade\">\n                <h2 class=\"descricao_historico_pontos\">Avalia\u00e7\u00e3o da sess\u00e3o de conte\u00fado: <\/h2>\n                <h2 class=\"texto_xp\">+10 XP<\/h2>\n            <\/div>\n        \n                    <\/div>\n                <\/div>\n                <div>\n                    <div class=\"div_data_historico\">\n                        <i class=\"fa-regular fa-calendar icone_data\"><\/i>\n                        <h2 class=\"titulo_historico_pontos\">10\/10\/2025<\/h2>\n                    <\/div>\n                    <div class=\"container_atividades\">\n            \n            <div class=\"div_card_atividade\">\n                <h2 class=\"descricao_historico_pontos\">Conclus\u00e3o da trilha: Ikigai: Raz\u00e3o de Ser<\/h2>\n                <h2 class=\"texto_xp\">+200 XP<\/h2>\n            <\/div>\n        \n                <\/div>\n            <\/div>\n        \n            <\/div>\n        <\/div>\n    <\/div>\n"}