{"id":13,"date":"2025-08-26T13:17:32","date_gmt":"2025-08-26T13:17:32","guid":{"rendered":"https:\/\/slowaso.app\/?page_id=13"},"modified":"2025-10-14T12:24:09","modified_gmt":"2025-10-14T12:24:09","slug":"index","status":"publish","type":"page","link":"https:\/\/slowaso.app\/","title":{"rendered":"INDEX"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <meta name=\"theme-color\" content=\"#4cafef\">\n    <title>SLOWASO &#8211; Acompanhamento de Hidrata\u00e7\u00e3o<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\n    <link rel=\"stylesheet\" href=\"style.css\">\n    <link rel=\"manifest\" href=\"manifest.json\">\n<\/head>\n<body>\n    <div id=\"app-container\">\n        <div id=\"SLOWASOApp\">\n            <!-- Modal de alerta para prescri\u00e7\u00e3o m\u00e9dica -->\n            <div id=\"medicalAlertModal\" class=\"alert-modal hidden\">\n                <div class=\"alert-modal-content\">\n                    <h3 id=\"medicalAlertTitle\">Aviso Importante<\/h3>\n                    <p id=\"medicalAlertText\">A prescri\u00e7\u00e3o m\u00e9dica informada est\u00e1 significativamente diferente da recomenda\u00e7\u00e3o baseada no seu perfil. \u00c9 altamente recomend\u00e1vel consultar um m\u00e9dico ou especialista antes de usar este valor.<\/p>\n                    <div class=\"alert-modal-buttons\">\n                        <button id=\"confirmMedicalBtn\">Entendi, quero usar mesmo assim<\/button>\n                        <button id=\"cancelMedicalBtn\">Corrigir valor<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Cadastro -->\n            <div id=\"registerScreen\" class=\"screen\">\n                <h2 id=\"registerTitle\">Cadastro<\/h2>\n                <form id=\"registerForm\" class=\"form-container\">\n                    <label id=\"nameLabel\">Nome:\n                        <input type=\"text\" id=\"name\" required>\n                    <\/label>\n                    <label id=\"emailLabel\">Email:\n                        <input type=\"email\" id=\"email\" required>\n                    <\/label>\n                    <label id=\"birthLabel\">Data de Nascimento:\n                        <input type=\"date\" id=\"birthdate\" required>\n                    <\/label>\n                    <label id=\"weightLabel\">Peso (kg):\n                        <input type=\"number\" id=\"weight\" required min=\"1\">\n                    <\/label>\n                    <label id=\"wakeLabel\">Hora de Acordar:\n                        <input type=\"time\" id=\"wakeupTime\" required value=\"08:00\">\n                    <\/label>\n                    <label id=\"sleepLabel\">Hora de Dormir:\n                        <input type=\"time\" id=\"sleepTime\" required value=\"22:00\">\n                    <\/label>\n                    <label id=\"prescLabel\">Prescri\u00e7\u00e3o m\u00e9dica (ml, opcional):\n                        <input type=\"number\" id=\"medicalPrescription\" min=\"0\">\n                        <p class=\"medical-note\">Se informado, este valor substituir\u00e1 o c\u00e1lculo autom\u00e1tico baseada no peso e idade.<\/p>\n                        <p id=\"medicalWarning\" class=\"medical-warning hidden\"><\/p>\n                    <\/label>\n                    <button type=\"submit\" id=\"saveBtn\">Salvar e Continuar<\/button>\n                <\/form>\n            <\/div>\n\n            <!-- Dashboard -->\n            <div id=\"dashboardScreen\" class=\"screen hidden\">\n                <h2 id=\"welcomeMessage\"><\/h2>\n                \n                <div class=\"progressCard\">\n                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/600\/ffcccc\/000000?text=0%\" alt=\"N\u00edvel de hidrata\u00e7\u00e3o\" class=\"progressImage\" id=\"progressImage\">\n                    \n                    <div class=\"progressContainer\">\n                        <div id=\"progressBar\"><\/div>\n                    <\/div>\n                    <p id=\"progressText\">0%<\/p>\n                    <p id=\"motivationText\"><\/p>\n                    <p id=\"nextRegistrationText\"><\/p>\n                <\/div>\n                \n                <div class=\"actions\">\n                    <button class=\"waterBtn\" data-ml=\"250\">+250ml<\/button>\n                    <button class=\"waterBtn\" data-ml=\"350\">+350ml<\/button>\n                    \n                    <!-- Bot\u00e3o personalizado com input integrado -->\n                    <div class=\"custom-water-container\">\n                        <button class=\"waterBtn\" id=\"customWaterBtn\">+<\/button>\n                        <div class=\"custom-panel-integrated\" id=\"customPanelIntegrated\">\n                            <h4 id=\"customAmountTitle\">Quantidade personalizada<\/h4>\n                            <div class=\"custom-input-group-integrated\">\n                                <input type=\"number\" id=\"customMlIntegrated\" placeholder=\"ml\" min=\"1\">\n                                <button id=\"addCustomBtnIntegrated\">+<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Aviso sobre hidrata\u00e7\u00e3o durante atividades f\u00edsicas -->\n                <div class=\"training-notice\">\n                    <h3 id=\"trainingNoticeTitle\"><\/h3>\n                    <p id=\"trainingNoticeText\"><\/p>\n                <\/div>\n                \n                <h3 id=\"weeklyTitle\">Consumo Semanal<\/h3>\n                <div class=\"chart-container\">\n                    <canvas id=\"weeklyChart\"><\/canvas>\n                <\/div>\n                \n                <!-- \u00c1rea para AdSense ap\u00f3s consumo semanal -->\n                <div class=\"adsense-container\">\n                    <div class=\"ad-placeholder\">\n                        <p>Publicidade<\/p>\n                        <!-- Insira aqui o c\u00f3digo do AdSense -->\n                    <\/div>\n                <\/div>\n                \n                <h3 id=\"monthlyTitle\">Consumo Mensal<\/h3>\n                <div class=\"chart-container\">\n                    <canvas id=\"monthlyChart\"><\/canvas>\n                <\/div>\n                \n                <!-- \u00c1rea para AdSense ap\u00f3s consumo mensal -->\n                <div class=\"adsense-container\">\n                    <div class=\"ad-placeholder\">\n                        <p>Publicidade<\/p>\n                        <!-- Insira aqui o c\u00f3digo do AdSense -->\n                    <\/div>\n                <\/div>\n                \n                <!-- NOVO: Gr\u00e1fico dos \u00faltimos 3 meses -->\n                <h3 id=\"comparisonTitle\">Compara\u00e7\u00e3o dos \u00daltimos 3 Meses<\/h3>\n                <div class=\"chart-container\">\n                    <canvas id=\"comparisonChart\"><\/canvas>\n                    <div id=\"comparisonNoData\" class=\"no-data-message hidden\">\n                        <p id=\"noDataText\">Voc\u00ea ainda n\u00e3o tem dados para este painel. Continue sua hidrata\u00e7\u00e3o para obter estes dados.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Configura\u00e7\u00f5es -->\n            <div id=\"settingsScreen\" class=\"screen hidden\">\n                <h2 id=\"settingsTitle\">Configura\u00e7\u00f5es<\/h2>\n                \n                <div class=\"settings-section\">\n                    <h3 id=\"updateTimesTitle\">Atualizar Hor\u00e1rios<\/h3>\n                    <div class=\"input-group\">\n                        <label id=\"updateWakeLabel\" for=\"updateWakeTime\">Hora de Acordar:\n                            <input type=\"time\" id=\"updateWakeTime\">\n                        <\/label>\n                    <\/div>\n                    <div class=\"input-group\">\n                        <label id=\"updateSleepLabel\" for=\"updateSleepTime\">Hora de Dormir:\n                            <input type=\"time\" id=\"updateSleepTime\">\n                        <\/label>\n                    <\/div>\n                    <button id=\"updateTimesBtn\">Atualizar Hor\u00e1rios<\/button>\n                <\/div>\n                \n                <div class=\"settings-section\">\n                    <h3 id=\"updateMedicalTitle\">Atualizar Recomenda\u00e7\u00e3o M\u00e9dica<\/h3>\n                    <div class=\"input-group\">\n                        <label id=\"updateMedicalLabel\" for=\"updateMedicalPrescription\">Prescri\u00e7\u00e3o m\u00e9dica (ml):\n                            <input type=\"number\" id=\"updateMedicalPrescription\" min=\"0\">\n                        <\/label>\n                    <\/div>\n                    <p class=\"medical-note\">Se informado, este valor substituir\u00e1 o c\u00e1lculo autom\u00e1tico baseada no peso e idade.<\/p>\n                    <p id=\"updateMedicalWarning\" class=\"medical-warning hidden\"><\/p>\n                    <button id=\"updateMedicalBtn\">Atualizar Prescri\u00e7\u00e3o<\/button>\n                <\/div>\n                \n                <div class=\"settings-section\">\n                    <h3 id=\"updateEmailTitle\">Atualizar Email<\/h3>\n                    <div class=\"input-group\">\n                        <label id=\"updateEmailLabel\" for=\"updateEmail\">Novo Email:\n                            <input type=\"email\" id=\"updateEmail\">\n                        <\/label>\n                    <\/div>\n                    <button id=\"updateEmailBtn\">Atualizar Email<\/button>\n                <\/div>\n                \n                <div class=\"langSwitch\">\n                    <h3 id=\"languageTitle\">Idioma<\/h3>\n                    <button class=\"langBtn\" data-lang=\"pt\">PT<\/button>\n                    <button class=\"langBtn\" data-lang=\"en\">EN<\/button>\n                    <button class=\"langBtn\" data-lang=\"fr\">FR<\/button>\n                <\/div>\n                \n                <div class=\"terms\">\n                    <h3 id=\"termsTitle\">Termos de Uso<\/h3>\n                    <p id=\"termsText\">O SLOWASO tem como objetivo ajudar no acompanhamento da sua hidrata\u00e7\u00e3o di\u00e1ria. As recomenda\u00e7\u00f5es s\u00e3o gen\u00e9ricas e n\u00e3o substituem orienta\u00e7\u00f5es m\u00e9dicas personalizadas. Consulte sempre um profissional de sa\u00fade para recomenda\u00e7\u00f5es espec\u00edficas.<\/p>\n                <\/div>\n                \n                <div class=\"data-management\">\n                    <h3 id=\"dataManagementTitle\">Gerenciamento de Dados<\/h3>\n                    <button id=\"clearDataBtn\">Limpar Todos os Dados<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Store -->\n            <div id=\"storeScreen\" class=\"screen hidden\">\n                <h2 id=\"storeTitle\">Store<\/h2>\n                <p id=\"storeText\">Espa\u00e7o para publicidade \/ produtos de hidrata\u00e7\u00e3o.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Menu fixo na base inferior -->\n        <nav id=\"bottomMenu\">\n            <button class=\"menuBtn active\" data-screen=\"dashboardScreen\">\n                <i class=\"fas fa-glass-whiskey\"><\/i>\n                <span id=\"menuDashboard\">Hidrata\u00e7\u00e3o<\/span>\n            <\/button>\n            <button class=\"menuBtn\" data-screen=\"settingsScreen\">\n                <i class=\"fas fa-cog\"><\/i>\n                <span id=\"menuSettings\">Configura\u00e7\u00f5es<\/span>\n            <\/button>\n            <button class=\"menuBtn\" data-screen=\"storeScreen\">\n                <i class=\"fas fa-store\"><\/i>\n                <span id=\"menuStore\">Loja<\/span>\n            <\/button>\n        <\/nav>\n    <\/div>\n\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <script src=\"script.js\"><\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>SLOWASO &#8211; Acompanhamento de Hidrata\u00e7\u00e3o Aviso Importante A prescri\u00e7\u00e3o m\u00e9dica informada est\u00e1 significativamente diferente da recomenda\u00e7\u00e3o baseada no seu perfil. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/slowaso.app\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/slowaso.app\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/slowaso.app\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/slowaso.app\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/slowaso.app\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":18,"href":"https:\/\/slowaso.app\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/slowaso.app\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/slowaso.app\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}