{"id":361688,"date":"2026-06-25T17:34:48","date_gmt":"2026-06-25T20:34:48","guid":{"rendered":"https:\/\/goias.gov.br\/meioambiente\/?page_id=361688"},"modified":"2026-08-03T16:49:38","modified_gmt":"2026-08-03T19:49:38","slug":"balneabilidade","status":"publish","type":"page","link":"https:\/\/goias.gov.br\/meioambiente\/home\/superintendencia-de-recursos-hidricos-e-informacoes-ambientais-srh\/painel-de-balneabilidade\/balneabilidade\/","title":{"rendered":"Boletins de Monitoramento da Balneabilidade"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"361688\" class=\"elementor elementor-361688\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ef7f1a e-flex e-con-boxed e-con e-parent\" data-id=\"6ef7f1a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c38169d elementor-widget__width-initial elementor-widget-mobile__width-inherit e-transform e-transform e-transform elementor-widget elementor-widget-html\" data-id=\"c38169d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;none&quot;,&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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    <title>Temporada Araguaia 2026<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        :root {\n            --primary-blue: #1d4ed8;\n            --secondary-blue: #3b82f6;\n            --bg-blue-light: #eff6ff;\n            --text-dark: #0f172a;\n            --text-muted: #4b5563;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background-color: #f0f4f8;\n            margin: 0;\n            padding: 20px;\n            color: #333;\n        }\n\n        .container {\n            max-width: 1000px;\n            margin: 0 auto;\n            background: #ffffff;\n            padding: 30px;\n            border-radius: 12px;\n            box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);\n        }\n\n        h1.title {\n            color: var(--primary-blue);\n            font-size: 26px;\n            margin: 10px 0 5px 0;\n        }\n\n        .subtitle {\n            color: var(--text-muted);\n            font-size: 14px;\n            margin-bottom: 25px;\n        }\n\n        .selector-container {\n            background-color: #f8fafc;\n            padding: 15px;\n            border-radius: 8px;\n            border: 1px solid #e2e8f0;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }\n\n        .selector-container label {\n            font-weight: bold;\n            color: var(--text-dark);\n        }\n\n        .selector-container select {\n            flex-grow: 1;\n            padding: 10px;\n            border-radius: 6px;\n            border: 1px solid #cbd5e1;\n            font-size: 16px;\n            color: #334155;\n            outline: none;\n            background-color: #fff;\n            cursor: pointer;\n        }\n\n        \/* CARD PRINCIPAL EM DESTAQUE *\/\n        .status-card {\n            background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n            border-radius: 16px;\n            overflow: hidden;\n            box-shadow: 0 4px 14px rgba(29, 78, 216, 0.25);\n            margin-bottom: 20px;\n            transition: background 0.3s ease;\n        }\n\n        .card-header {\n            background-color: rgba(0, 0, 0, 0.12);\n            color: white;\n            text-align: center;\n            padding: 15px;\n            font-size: 20px;\n            font-weight: bold;\n            letter-spacing: 1px;\n        }\n\n        .card-body {\n            display: flex;\n            padding: 25px;\n            gap: 25px;\n            align-items: center;\n            position: relative;\n        }\n\n        .badge-status {\n            background-color: white;\n            border-radius: 12px;\n            width: 180px;\n            padding: 20px;\n            text-align: center;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n            flex-shrink: 0;\n            transition: all 0.3s ease;\n        }\n\n        .badge-status .emoji {\n            font-size: 50px;\n            margin-bottom: 10px;\n            display: block;\n        }\n\n        .badge-status .status-text {\n            color: var(--primary-blue);\n            font-size: 24px;\n            font-weight: 900;\n            letter-spacing: 1.5px;\n        }\n\n        .info-fields {\n            flex-grow: 1;\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n        }\n\n        .field-group label {\n            color: white;\n            font-weight: bold;\n            font-size: 14px;\n            margin-bottom: 5px;\n            display: block;\n        }\n\n        .field-value {\n            background-color: rgba(255, 255, 255, 0.95);\n            color: var(--text-dark);\n            padding: 10px 15px;\n            border-radius: 8px;\n            font-weight: bold;\n            font-size: 16px;\n        }\n\n        \/* CONT\u00caINER LATERAL DA DIREITA *\/\n        .card-right-actions {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n            align-items: center;\n            flex-shrink: 0;\n        }\n\n        .qr-box {\n            text-align: center;\n            color: white;\n            font-size: 11px;\n            text-decoration: none;\n            background: rgba(255,255,255,0.15);\n            padding: 12px;\n            border-radius: 8px;\n            transition: background 0.2s;\n            display: block;\n            width: 110px;\n        }\n\n        .qr-box:hover {\n            background: rgba(255,255,255,0.25);\n        }\n\n        .qr-box img {\n            display: block;\n            margin: 0 auto 6px auto;\n            width: 80px;\n            height: 80px;\n            border-radius: 6px;\n            border: 2px solid white;\n        }\n\n        \/* BOT\u00c3O DE MAPS DO CARD EM DESTAQUE *\/\n        .btn-destaque-maps {\n            background-color: #ffffff;\n            color: var(--text-dark);\n            text-decoration: none;\n            padding: 10px;\n            text-align: center;\n            border-radius: 6px;\n            font-size: 13px;\n            font-weight: bold;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 6px;\n            width: 100%;\n            box-sizing: border-box;\n            box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n            transition: background-color 0.2s;\n        }\n\n        .btn-destaque-maps:hover {\n            background-color: #f8fafc;\n        }\n\n        .btn-destaque-maps i {\n            color: #ef4444;\n            font-size: 15px;\n        }\n\n        .card-footer-alert {\n            background-color: rgba(0, 0, 0, 0.18);\n            color: white;\n            text-align: center;\n            padding: 12px;\n            font-size: 12px;\n            font-style: italic;\n        }\n\n        \/* GRADE COMPLETA (VIS\u00c3O GERAL) *\/\n        .grid-12-cards {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 15px;\n            margin-bottom: 40px;\n        }\n\n        .mini-card {\n            background-color: #fff;\n            border: 1px solid #e2e8f0;\n            border-radius: 12px;\n            padding: 18px;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.02);\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            transition: transform 0.2s;\n        }\n\n        .mini-card:hover {\n            transform: translateY(-2px);\n            border-color: var(--secondary-blue);\n        }\n\n        .mini-card-header {\n            font-size: 11px;\n            text-transform: uppercase;\n            color: var(--secondary-blue);\n            font-weight: bold;\n            margin-bottom: 5px;\n        }\n\n        .mini-card-title {\n            font-size: 16px;\n            font-weight: bold;\n            color: var(--text-dark);\n            margin-bottom: 12px;\n        }\n\n        .mini-card-status {\n            display: inline-flex;\n            align-items: center;\n            gap: 5px;\n            background-color: var(--bg-blue-light);\n            color: var(--primary-blue);\n            padding: 5px 10px;\n            border-radius: 6px;\n            font-size: 12px;\n            font-weight: bold;\n            width: fit-content;\n            margin-bottom: 15px;\n        }\n\n        .mini-card-status.impropria {\n            background-color: #fee2e2;\n            color: #ef4444;\n        }\n\n        .mini-card-actions {\n            display: flex;\n            gap: 8px;\n            width: 100%;\n        }\n\n        .btn-mini-action {\n            flex: 1;\n            background-color: #f8fafc;\n            color: #475569;\n            text-decoration: none;\n            padding: 8px;\n            text-align: center;\n            border-radius: 6px;\n            font-size: 12px;\n            font-weight: bold;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 5px;\n            border: 1px solid #e2e8f0;\n            transition: background 0.2s;\n        }\n\n        .btn-mini-action:hover {\n            background-color: #f1f5f9;\n            border-color: #cbd5e1;\n        }\n\n        .btn-mini-action.maps i {\n            color: #ef4444;\n        }\n\n        .btn-mini-action.media i {\n            color: #0284c7;\n        }\n\n        .section-title {\n            color: var(--text-dark);\n            font-size: 18px;\n            margin-top: 30px;\n            margin-bottom: 15px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            border-left: 4px solid var(--secondary-blue);\n            padding-left: 10px;\n            font-weight: bold;\n        }\n\n        @media (max-width: 600px) {\n            .card-body {\n                flex-direction: column;\n            }\n            .badge-status, .card-right-actions {\n                width: 100%;\n                box-sizing: border-box;\n            }\n            .qr-box {\n                width: 100%;\n                box-sizing: border-box;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <h1 class=\"title\">Temporada Araguaia 2026<\/h1>\n    <div class=\"subtitle\">Acompanhe as condi\u00e7\u00f5es das praias da regi\u00e3o<\/div>\n\n    <div class=\"selector-container\">\n        <label for=\"praiaSelector\"><i class=\"fa-solid fa-filter\"><\/i> Selecionar Ponto de Destaque:<\/label>\n        <select id=\"praiaSelector\"><\/select>\n    <\/div>\n\n    <div class=\"status-card\" id=\"mainStatusCard\">\n        <div class=\"card-header\">\n            Qualidade da \u00e1gua para banho\n        <\/div>\n        <div class=\"card-body\">\n            <div class=\"badge-status\" id=\"destaqueBadge\">\n                <span class=\"emoji\" id=\"destaqueEmoji\">\u2705<\/span>\n                <span class=\"status-text\" id=\"destaqueTexto\">PR\u00d3PRIA<\/span>\n            <\/div>\n\n            <div class=\"info-fields\">\n                <div class=\"field-group\">\n                    <label>Data da \u00faltima coleta<\/label>\n                    <div class=\"field-value\">29\/07\/2026<\/div>\n                <\/div>\n                <div class=\"field-group\">\n                    <label>Localiza\u00e7\u00e3o \/ Munic\u00edpio<\/label>\n                    <div class=\"field-value\" id=\"destaqueLocalizacao\">Praia do Horley (Aragar\u00e7as)<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"card-right-actions\">\n                <a href=\"https:\/\/goias.gov.br\/meioambiente\/recursos_hidricos\/centro-de-analise-ambientais-e-laboratoriais\/aqua-goias-qualidade\/painel-de-balneabilidade\/\/\" target=\"_blank\" class=\"qr-box\" title=\"Acessar o Painel de Balneabilidade\">\n                    <img decoding=\"async\" src=\"https:\/\/goias.gov.br\/meioambiente\/wp-content\/uploads\/sites\/33\/2026\/07\/QR-Monitoramento-Balneabilidade.jpg\" alt=\"QR Code Painel\">\n                    <span>Painel de Balneabilidade<\/span>\n                <\/a>\n                <a href=\"#\" target=\"_blank\" id=\"destaqueMapsLink\" class=\"btn-destaque-maps\">\n                    <i class=\"fa-solid fa-map-location-dot\"><\/i> Ver no Maps\n                <\/a>\n            <\/div>\n        <\/div>\n        <div class=\"card-footer-alert\">\n            N\u00e3o tome banho em \u00e1guas classificadas como impr\u00f3prias. Evite a ingest\u00e3o da \u00e1gua, a classifica\u00e7\u00e3o \u00e9 somente para banho.\n        <\/div>\n    <\/div>\n\n    <div class=\"section-title\">\n        <i class=\"fa-solid fa-layer-group\"><\/i> Vis\u00e3o Geral - Todos os Pontos de Monitoramento\n    <\/div>\n    <div class=\"grid-12-cards\">\n        <div class=\"mini-card\" data-index=\"0\">\n            <div>\n                <div class=\"mini-card-header\">Aragar\u00e7as<\/div>\n                <div class=\"mini-card-title\">Praia do Horley<\/div>\n            <\/div>\n            <div class=\"mini-card-status propria\">\u2705 PR\u00d3PRIA<\/div>\n            <div class=\"mini-card-actions\">\n                <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=-15.9390,-52.2655\" target=\"_blank\" class=\"btn-mini-action maps\" title=\"Ver no Google Maps\"><i class=\"fa-solid fa-location-dot\"><\/i> Maps<\/a>\n            <\/div>\n        <\/div>\n        <div class=\"mini-card\" data-index=\"1\">\n            <div>\n                <div class=\"mini-card-header\">Aragar\u00e7as<\/div>\n                <div class=\"mini-card-title\">Praia do Quarto Crescente 1<\/div>\n            <\/div>\n             <div class=\"mini-card-status propria\">\u2705 PR\u00d3PRIA<\/div>\n            <div class=\"mini-card-actions\">\n                <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=-15.8931,-52.2526\" target=\"_blank\" class=\"btn-mini-action maps\" title=\"Ver no Google Maps\"><i class=\"fa-solid fa-location-dot\"><\/i> Maps<\/a>\n            <\/div>\n        <\/div>\n        <div class=\"mini-card\" data-index=\"2\">\n            <div>\n                <div class=\"mini-card-header\">Aragar\u00e7as<\/div>\n                <div class=\"mini-card-title\">Praia do Quarto Crescente 2<\/div>\n            <\/div>\n            <div class=\"mini-card-status propria\">\u2705 PR\u00d3PRIA<\/div>\n            <div class=\"mini-card-actions\">\n                <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=-15.8914,-52.2497\" target=\"_blank\" class=\"btn-mini-action maps\" title=\"Ver no Google Maps\"><i class=\"fa-solid fa-location-dot\"><\/i> Maps<\/a>\n               \n            <\/div>\n        <\/div>\n        <div class=\"mini-card\" data-index=\"3\">\n            <div>\n                <div class=\"mini-card-header\">Aragar\u00e7as<\/div>\n                <div class=\"mini-card-title\">Praia do Cip\u00f3<\/div>\n            <\/div>\n            <div class=\"mini-card-status propria\">\u2705 PR\u00d3PRIA<\/div>\n            <div class=\"mini-card-actions\">\n                <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=-15.8908,-52.2449\" target=\"_blank\" class=\"btn-mini-action maps\" title=\"Ver no Google Maps\"><i class=\"fa-solid fa-location-dot\"><\/i> Maps<\/a>\n                \n            <\/div>\n        <\/div>\n        <div class=\"mini-card\" data-index=\"4\">\n            <div>\n                <div class=\"mini-card-header\">Aruan\u00e3<\/div>\n                <div class=\"mini-card-title\">Praia do Cavalo 1 (local 1)<\/div>\n            <\/div>\n            <div class=\"mini-card-status propria\">\u2705 PR\u00d3PRIA<\/div>\n            <div class=\"mini-card-actions\">\n                <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=-14.9229,-51.0920\" target=\"_blank\" class=\"btn-mini-action maps\" title=\"Ver no Google Maps\"><i class=\"fa-solid fa-location-dot\"><\/i> Maps<\/a>\n               \n            <\/div>\n        <\/div>\n        <div class=\"mini-card\" data-index=\"5\">\n            <div>\n                <div class=\"mini-card-header\">Aruan\u00e3<\/div>\n                <div class=\"mini-card-title\">Praia do Cavalo 1 (local 2)<\/div>\n            <\/div>\n            <div class=\"mini-card-status propria\">\u2705 PR\u00d3PRIA<\/div>\n            <div class=\"mini-card-actions\">\n                <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=-14.9229,-51.0920\" target=\"_blank\" class=\"btn-mini-action maps\" title=\"Ver no Google Maps\"><i class=\"fa-solid fa-location-dot\"><\/i> Maps<\/a>\n               \n            <\/div>\n        <\/div>\n        <div class=\"mini-card\" data-index=\"6\">\n            <div>\n                <div class=\"mini-card-header\">Aruan\u00e3<\/div>\n                <div class=\"mini-card-title\">Praia do Cavalo 2 (local 1)<\/div>\n            <\/div>\n            <div class=\"mini-card-status propria\">\u2705 PR\u00d3PRIA<\/div>\n            <div class=\"mini-card-actions\">\n                <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=-14.9231,-51.0971\" target=\"_blank\" class=\"btn-mini-action maps\" title=\"Ver no Google Maps\"><i class=\"fa-solid fa-location-dot\"><\/i> Maps<\/a>\n                \n            <\/div>\n        <\/div>\n        <div class=\"mini-card\" data-index=\"7\">\n            <div>\n                <div class=\"mini-card-header\">Aruan\u00e3<\/div>\n                <div class=\"mini-card-title\">Praia do Cavalo 2 (local 2)<\/div>\n            <\/div>\n            <div class=\"mini-card-status propria\">\u2705 PR\u00d3PRIA<\/div>\n            <div class=\"mini-card-actions\">\n                <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=-14.9232,-51.0999\" target=\"_blank\" class=\"btn-mini-action maps\" title=\"Ver no Google Maps\"><i class=\"fa-solid fa-location-dot\"><\/i> Maps<\/a>\n               \n            <\/div>\n        <\/div>\n        <div class=\"mini-card\" data-index=\"8\">\n            <div>\n                <div class=\"mini-card-header\">Aruan\u00e3<\/div>\n                <div class=\"mini-card-title\">Praia do \u00cdndio 1<\/div>\n            <\/div>\n            <div class=\"mini-card-status propria\">\u2705 PR\u00d3PRIA<\/div>\n            <div class=\"mini-card-actions\">\n                <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=-14.9152,-51.0836\" target=\"_blank\" class=\"btn-mini-action maps\" title=\"Ver no Google Maps\"><i class=\"fa-solid fa-location-dot\"><\/i> Maps<\/a>\n                \n            <\/div>\n        <\/div>\n        <div class=\"mini-card\" data-index=\"9\">\n            <div>\n                <div class=\"mini-card-header\">Aruan\u00e3<\/div>\n                <div class=\"mini-card-title\">Praia do \u00cdndio 2<\/div>\n            <\/div>\n            <div class=\"mini-card-status propria\">\u2705 PR\u00d3PRIA<\/div>\n            <div class=\"mini-card-actions\">\n                <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=-14.9173,-51.0841\" target=\"_blank\" class=\"btn-mini-action maps\" title=\"Ver no Google Maps\"><i class=\"fa-solid fa-location-dot\"><\/i> Maps<\/a>\n                \n            <\/div>\n        <\/div>\n        <div class=\"mini-card\" data-index=\"10\">\n            <div>\n                <div class=\"mini-card-header\">Aruan\u00e3<\/div>\n                <div class=\"mini-card-title\">Praia do Sol 1<\/div>\n            <\/div>\n            <div class=\"mini-card-status propria\">\u2705 PR\u00d3PRIA<\/div>\n            <div class=\"mini-card-actions\">\n                <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=-14.8805,-51.0927\" target=\"_blank\" class=\"btn-mini-action maps\" title=\"Ver no Google Maps\"><i class=\"fa-solid fa-location-dot\"><\/i> Maps<\/a>\n               \n            <\/div>\n        <\/div>\n        <div class=\"mini-card\" data-index=\"11\">\n            <div>\n                <div class=\"mini-card-header\">Aruan\u00e3<\/div>\n                <div class=\"mini-card-title\">Praia do Sol 2<\/div>\n            <\/div>\n            <div class=\"mini-card-status propria\">\u2705 PR\u00d3PRIA<\/div>\n            <div class=\"mini-card-actions\">\n                <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=-14.8814,-51.0928\" target=\"_blank\" class=\"btn-mini-action maps\" title=\"Ver no Google Maps\"><i class=\"fa-solid fa-location-dot\"><\/i> Maps<\/a>\n                \n            <\/div>\n        <\/div>\n    <\/div>\n\n<script>\n    \/\/ Fonte de dados usada apenas pelo seletor e pelo card em destaque (nome\/local\/coordenadas).\n    \/\/ O status \"pr\u00f3pria\/impr\u00f3pria\" N\u00c3O fica duplicado aqui \u2014 ele \u00e9 lido direto do mini-card\n    \/\/ correspondente (via data-index), que \u00e9 a \u00fanica fonte de verdade sobre a condi\u00e7\u00e3o da praia.\n    const pontosColeta = [\n        { nome: \"Praia do Horley\",              municipio: \"Aragar\u00e7as\", lat: \"-15.9390\", long: \"-52.2655\" },\n        { nome: \"Praia do Quarto Crescente 1\",   municipio: \"Aragar\u00e7as\", lat: \"-15.8931\", long: \"-52.2526\" },\n        { nome: \"Praia do Quarto Crescente 2\",   municipio: \"Aragar\u00e7as\", lat: \"-15.8914\", long: \"-52.2497\" },\n        { nome: \"Praia do Cip\u00f3\",                 municipio: \"Aragar\u00e7as\", lat: \"-15.8908\", long: \"-52.2449\" },\n        { nome: \"Praia do Cavalo 1 (local 1)\",   municipio: \"Aruan\u00e3\",    lat: \"-14.9229\", long: \"-51.0920\" },\n        { nome: \"Praia do Cavalo 1 (local 2)\",   municipio: \"Aruan\u00e3\",    lat: \"-14.9229\", long: \"-51.0920\" },\n        { nome: \"Praia do Cavalo 2 (local 1)\",   municipio: \"Aruan\u00e3\",    lat: \"-14.9231\", long: \"-51.0971\" },\n        { nome: \"Praia do Cavalo 2 (local 2)\",   municipio: \"Aruan\u00e3\",    lat: \"-14.9232\", long: \"-51.0999\" },\n        { nome: \"Praia do \u00cdndio 1\",              municipio: \"Aruan\u00e3\",    lat: \"-14.9152\", long: \"-51.0836\" },\n        { nome: \"Praia do \u00cdndio 2\",              municipio: \"Aruan\u00e3\",    lat: \"-14.9173\", long: \"-51.0841\" },\n        { nome: \"Praia do Sol 1\",                municipio: \"Aruan\u00e3\",    lat: \"-14.8805\", long: \"-51.0927\" },\n        { nome: \"Praia do Sol 2\",                municipio: \"Aruan\u00e3\",    lat: \"-14.8814\", long: \"-51.0928\" }\n    ];\n\n    const linkMaps = (lat, long) => `https:\/\/www.google.com\/maps\/search\/?api=1&query=${lat},${long}`;\n\n    \/\/ Preenche o <select> a partir do array (elimina as 12 <option> fixas no HTML)\n    function renderizarSeletor() {\n        const select = document.getElementById(\"praiaSelector\");\n        select.innerHTML = pontosColeta\n            .map((p, i) => `<option value=\"${i}\">${p.municipio} - ${p.nome}<\/option>`)\n            .join(\"\");\n    }\n\n    \/\/ Verifica no mini-card correspondente (data-index) se a praia est\u00e1 pr\u00f3pria ou impr\u00f3pria\n    function isPropria(index) {\n        const miniCard = document.querySelector(`.mini-card[data-index=\"${index}\"]`);\n        const status = miniCard.querySelector(\".mini-card-status\");\n        return !status.classList.contains(\"impropria\");\n    }\n\n    \/\/ Atualiza o painel superior em destaque de acordo com a sele\u00e7\u00e3o,\n    \/\/ usando a condi\u00e7\u00e3o pr\u00f3pria\/impr\u00f3pria lida diretamente do mini-card\n    function atualizarDestaque(index) {\n        const ponto = pontosColeta[index];\n        const propria = isPropria(index);\n\n        document.getElementById(\"destaqueLocalizacao\").innerText = `${ponto.nome} (${ponto.municipio})`;\n        document.getElementById(\"destaqueMapsLink\").href = linkMaps(ponto.lat, ponto.long);\n\n        const badge = document.getElementById(\"destaqueBadge\");\n        const emoji = document.getElementById(\"destaqueEmoji\");\n        const texto = document.getElementById(\"destaqueTexto\");\n        const card = document.getElementById(\"mainStatusCard\");\n\n        if (propria) {\n            emoji.innerText = \"\u2705\";\n            texto.innerText = \"PR\u00d3PRIA\";\n            texto.style.color = \"var(--primary-blue)\";\n            badge.style.backgroundColor = \"var(--bg-blue-light)\";\n            card.style.background = \"linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%)\";\n        } else {\n            emoji.innerText = \"\u26a0\ufe0f\";\n            texto.innerText = \"IMPR\u00d3PRIA\";\n            texto.style.color = \"#b91c1c\";\n            badge.style.backgroundColor = \"#fee2e2\";\n            card.style.background = \"linear-gradient(135deg, #f87171 0%, #991b1b 100%)\";\n        }\n    }\n\n    window.addEventListener(\"DOMContentLoaded\", function () {\n        renderizarSeletor();\n\n        const select = document.getElementById(\"praiaSelector\");\n        select.addEventListener(\"change\", function () {\n            atualizarDestaque(parseInt(this.value, 10));\n        });\n\n        atualizarDestaque(0);\n    });\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Temporada Araguaia 2026 Temporada Araguaia 2026 Acompanhe as condi\u00e7\u00f5es das praias da regi\u00e3o Selecionar Ponto de Destaque: Qualidade da \u00e1gua para banho \u2705 PR\u00d3PRIA Data da \u00faltima coleta 29\/07\/2026 Localiza\u00e7\u00e3o \/ Munic\u00edpio Praia do Horley (Aragar\u00e7as) Painel de Balneabilidade Ver no Maps N\u00e3o tome banho em \u00e1guas classificadas como impr\u00f3prias. Evite a ingest\u00e3o da \u00e1gua, [&hellip;]<\/p>\n","protected":false},"author":877,"featured_media":0,"parent":363308,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-361688","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"fabricioaires","author_link":"https:\/\/goias.gov.br\/meioambiente\/author\/fabricioaires\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Temporada Araguaia 2026 Temporada Araguaia 2026 Acompanhe as condi\u00e7\u00f5es das praias da regi\u00e3o Selecionar Ponto de Destaque: Qualidade da \u00e1gua para banho \u2705 PR\u00d3PRIA Data da \u00faltima coleta 29\/07\/2026 Localiza\u00e7\u00e3o \/ Munic\u00edpio Praia do Horley (Aragar\u00e7as) Painel de Balneabilidade Ver no Maps N\u00e3o tome banho em \u00e1guas classificadas como impr\u00f3prias. Evite a ingest\u00e3o da \u00e1gua,&hellip;","_links":{"self":[{"href":"https:\/\/goias.gov.br\/meioambiente\/wp-json\/wp\/v2\/pages\/361688","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goias.gov.br\/meioambiente\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/goias.gov.br\/meioambiente\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/goias.gov.br\/meioambiente\/wp-json\/wp\/v2\/users\/877"}],"replies":[{"embeddable":true,"href":"https:\/\/goias.gov.br\/meioambiente\/wp-json\/wp\/v2\/comments?post=361688"}],"version-history":[{"count":2,"href":"https:\/\/goias.gov.br\/meioambiente\/wp-json\/wp\/v2\/pages\/361688\/revisions"}],"predecessor-version":[{"id":379678,"href":"https:\/\/goias.gov.br\/meioambiente\/wp-json\/wp\/v2\/pages\/361688\/revisions\/379678"}],"up":[{"embeddable":true,"href":"https:\/\/goias.gov.br\/meioambiente\/wp-json\/wp\/v2\/pages\/363308"}],"wp:attachment":[{"href":"https:\/\/goias.gov.br\/meioambiente\/wp-json\/wp\/v2\/media?parent=361688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}