{"id":264,"date":"2026-02-06T14:24:24","date_gmt":"2026-02-06T17:24:24","guid":{"rendered":"https:\/\/thiagoldaniel.com.br\/?page_id=264"},"modified":"2026-02-06T14:24:24","modified_gmt":"2026-02-06T17:24:24","slug":"minhas-viagens","status":"publish","type":"page","link":"https:\/\/thiagoldaniel.com.br\/index.php\/minhas-viagens\/","title":{"rendered":"Minhas Viagens"},"content":{"rendered":"\n    <!-- ============ Mapa de Viagens \u2013 CSS ============ -->\n    <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\">\n    <style>\n        .mv-wrap {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            color: #e2e8f0;\n            line-height: 1.5;\n            box-sizing: border-box;\n        }\n        .mv-wrap *, .mv-wrap *::before, .mv-wrap *::after { box-sizing: border-box; }\n\n        \/* Header *\/\n        .mv-header {\n            background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);\n            border-bottom: 1px solid #1e293b;\n            border-radius: 12px 12px 0 0;\n            padding: 1.25rem 1.75rem;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            flex-wrap: wrap;\n            gap: 1rem;\n        }\n        .mv-header h2 {\n            font-size: 1.4rem;\n            font-weight: 700;\n            margin: 0;\n            padding: 0;\n            background: linear-gradient(135deg, #38bdf8, #818cf8);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n        .mv-stats { display: flex; gap: 1.5rem; }\n        .mv-stat { text-align: center; }\n        .mv-stat-number { font-size: 1.75rem; font-weight: 700; color: #38bdf8; }\n        .mv-stat-label { font-size: 0.75rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.05em; }\n\n        \/* Main layout *\/\n        .mv-main {\n            display: flex;\n            height: 620px;\n            background: #0f172a;\n            border-radius: 0 0 12px 12px;\n            overflow: hidden;\n            border: 1px solid #1e293b;\n            border-top: none;\n        }\n\n        \/* Sidebar *\/\n        .mv-sidebar {\n            width: 260px;\n            background: #1e293b;\n            border-right: 1px solid #334155;\n            overflow-y: auto;\n            flex-shrink: 0;\n        }\n        .mv-sidebar-title {\n            padding: 0.85rem 1.25rem;\n            font-size: 0.75rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.08em;\n            color: #64748b;\n            border-bottom: 1px solid #334155;\n            position: sticky;\n            top: 0;\n            background: #1e293b;\n            z-index: 1;\n            margin: 0;\n        }\n        .mv-country {\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n            padding: 0.6rem 1.25rem;\n            cursor: pointer;\n            transition: background 0.2s;\n            border-bottom: 1px solid rgba(51,65,85,.5);\n        }\n        .mv-country:hover { background: #334155; }\n        .mv-country-flag { font-size: 1.2rem; flex-shrink: 0; }\n        .mv-country-info { flex: 1; min-width: 0; }\n        .mv-country-name {\n            font-size: 0.82rem;\n            font-weight: 500;\n            color: #e2e8f0;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n        .mv-country-count { font-size: 0.68rem; color: #64748b; }\n        .mv-country-arrow {\n            color: #475569;\n            font-size: 0.7rem;\n            transition: transform 0.2s, color 0.2s;\n        }\n        .mv-country:hover .mv-country-arrow {\n            color: #38bdf8;\n            transform: translateX(3px);\n        }\n\n        \/* Map *\/\n        .mv-map-area { flex: 1; position: relative; min-width: 0; }\n        #mv-mapa-div { width: 100%; height: 100%; }\n        .mv-hint {\n            position: absolute;\n            bottom: 1rem;\n            left: 50%;\n            transform: translateX(-50%);\n            background: rgba(30,41,59,.92);\n            border: 1px solid #334155;\n            border-radius: 8px;\n            padding: 0.45rem 1rem;\n            font-size: 0.72rem;\n            color: #94a3b8;\n            pointer-events: none;\n            z-index: 2;\n            white-space: nowrap;\n        }\n\n        \/* Modal *\/\n        .mv-overlay {\n            display: none;\n            position: fixed;\n            inset: 0;\n            background: rgba(0,0,0,.6);\n            backdrop-filter: blur(4px);\n            z-index: 100000;\n            justify-content: center;\n            align-items: center;\n        }\n        .mv-overlay.mv-active { display: flex; }\n        .mv-modal {\n            background: #1e293b;\n            border: 1px solid #334155;\n            border-radius: 16px;\n            width: 92%;\n            max-width: 420px;\n            max-height: 80vh;\n            overflow: hidden;\n            box-shadow: 0 25px 60px rgba(0,0,0,.5);\n            animation: mvSlideUp .3s ease;\n        }\n        @keyframes mvSlideUp {\n            from { transform: translateY(30px); opacity: 0; }\n            to   { transform: translateY(0);    opacity: 1; }\n        }\n        .mv-modal-header {\n            padding: 1.25rem 1.5rem;\n            border-bottom: 1px solid #334155;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n        .mv-modal-header-left { display: flex; align-items: center; gap: 0.75rem; }\n        .mv-modal-flag { font-size: 2rem; }\n        .mv-modal-name { font-size: 1.2rem; font-weight: 600; color: #f1f5f9; }\n        .mv-modal-close {\n            background: #334155; border: none; color: #94a3b8;\n            width: 32px; height: 32px; border-radius: 8px;\n            cursor: pointer; display: flex; align-items: center;\n            justify-content: center; font-size: 1.1rem;\n            transition: background .2s, color .2s; line-height: 1;\n        }\n        .mv-modal-close:hover { background: #475569; color: #f1f5f9; }\n        .mv-modal-body { padding: 1rem 1.5rem 1.5rem; overflow-y: auto; max-height: 60vh; }\n        .mv-modal-subtitle {\n            font-size: 0.72rem; font-weight: 600;\n            text-transform: uppercase; letter-spacing: 0.08em;\n            color: #64748b; margin: 0 0 0.65rem;\n        }\n        .mv-cities { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.45rem; }\n        .mv-cities li {\n            display: flex; align-items: center; gap: 0.75rem;\n            padding: 0.6rem 1rem; background: #0f172a;\n            border-radius: 10px; border: 1px solid #1e293b;\n            transition: border-color .2s, background .2s;\n        }\n        .mv-cities li:hover {\n            border-color: #38bdf8;\n            background: rgba(56,189,248,.05);\n        }\n        .mv-city-dot {\n            width: 8px; height: 8px; background: #38bdf8;\n            border-radius: 50%; flex-shrink: 0;\n            box-shadow: 0 0 8px rgba(56,189,248,.4);\n        }\n        .mv-city-name { font-size: 0.88rem; color: #cbd5e1; }\n\n        \/* Scrollbar *\/\n        .mv-sidebar::-webkit-scrollbar, .mv-modal-body::-webkit-scrollbar { width: 5px; }\n        .mv-sidebar::-webkit-scrollbar-track, .mv-modal-body::-webkit-scrollbar-track { background: transparent; }\n        .mv-sidebar::-webkit-scrollbar-thumb, .mv-modal-body::-webkit-scrollbar-thumb { background: #334155; border-radius: 3px; }\n\n        \/* Responsivo *\/\n        @media (max-width: 782px) {\n            .mv-main { flex-direction: column; height: auto; }\n            .mv-sidebar {\n                width: 100%; max-height: 160px;\n                border-right: none; border-bottom: 1px solid #334155;\n                display: flex; flex-wrap: nowrap;\n                overflow-x: auto; overflow-y: hidden;\n            }\n            .mv-sidebar-title { display: none; }\n            .mv-country {\n                flex-direction: column; min-width: 85px;\n                text-align: center; padding: .65rem .5rem;\n                gap: .2rem; border-bottom: none;\n                border-right: 1px solid rgba(51,65,85,.5);\n            }\n            .mv-country-arrow { display: none; }\n            .mv-map-area { height: 420px; }\n        }\n    <\/style>\n\n    <!-- ============ Mapa de Viagens \u2013 HTML ============ -->\n    <div class=\"mv-wrap\">\n\n        <div class=\"mv-header\">\n            <h2>Meu Mapa de Viagens<\/h2>\n            <div class=\"mv-stats\">\n                <div class=\"mv-stat\">\n                    <div class=\"mv-stat-number\">20<\/div>\n                    <div class=\"mv-stat-label\">Pa&iacute;ses<\/div>\n                <\/div>\n                <div class=\"mv-stat\">\n                    <div class=\"mv-stat-number\">44<\/div>\n                    <div class=\"mv-stat-label\">Cidades<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"mv-main\">\n            <div class=\"mv-sidebar\">\n                <div class=\"mv-sidebar-title\">Pa&iacute;ses Visitados<\/div>\n                                    <div class=\"mv-country\" onclick=\"mvAbrirModal('DE')\">\n                        <span class=\"mv-country-flag\">\ud83c\udde9\ud83c\uddea<\/span>\n                        <div class=\"mv-country-info\">\n                            <div class=\"mv-country-name\">Alemanha<\/div>\n                            <div class=\"mv-country-count\">2 cidades<\/div>\n                        <\/div>\n                        <span class=\"mv-country-arrow\">&#10095;<\/span>\n                    <\/div>\n                                    <div class=\"mv-country\" onclick=\"mvAbrirModal('AR')\">\n                        <span class=\"mv-country-flag\">\ud83c\udde6\ud83c\uddf7<\/span>\n                        <div class=\"mv-country-info\">\n                            <div class=\"mv-country-name\">Argentina<\/div>\n                            <div class=\"mv-country-count\">2 cidades<\/div>\n                        <\/div>\n                        <span class=\"mv-country-arrow\">&#10095;<\/span>\n                    <\/div>\n                                    <div class=\"mv-country\" onclick=\"mvAbrirModal('AT')\">\n                        <span class=\"mv-country-flag\">\ud83c\udde6\ud83c\uddf9<\/span>\n                        <div class=\"mv-country-info\">\n                            <div class=\"mv-country-name\">\u00c1ustria<\/div>\n                            <div class=\"mv-country-count\">2 cidades<\/div>\n                        <\/div>\n                        <span class=\"mv-country-arrow\">&#10095;<\/span>\n                    <\/div>\n                                    <div class=\"mv-country\" onclick=\"mvAbrirModal('BE')\">\n                        <span class=\"mv-country-flag\">\ud83c\udde7\ud83c\uddea<\/span>\n                        <div class=\"mv-country-info\">\n                            <div class=\"mv-country-name\">B\u00e9lgica<\/div>\n                            <div class=\"mv-country-count\">1 cidade<\/div>\n                        <\/div>\n                        <span class=\"mv-country-arrow\">&#10095;<\/span>\n                    <\/div>\n                                    <div class=\"mv-country\" onclick=\"mvAbrirModal('CA')\">\n                        <span class=\"mv-country-flag\">\ud83c\udde8\ud83c\udde6<\/span>\n                        <div class=\"mv-country-info\">\n                            <div class=\"mv-country-name\">Canad\u00e1<\/div>\n                            <div class=\"mv-country-count\">3 cidades<\/div>\n                        <\/div>\n                        <span class=\"mv-country-arrow\">&#10095;<\/span>\n                    <\/div>\n                                    <div class=\"mv-country\" onclick=\"mvAbrirModal('ES')\">\n                        <span class=\"mv-country-flag\">\ud83c\uddea\ud83c\uddf8<\/span>\n                        <div class=\"mv-country-info\">\n                            <div class=\"mv-country-name\">Espanha<\/div>\n                            <div class=\"mv-country-count\">2 cidades<\/div>\n                        <\/div>\n                        <span class=\"mv-country-arrow\">&#10095;<\/span>\n                    <\/div>\n                                    <div class=\"mv-country\" onclick=\"mvAbrirModal('US')\">\n                        <span class=\"mv-country-flag\">\ud83c\uddfa\ud83c\uddf8<\/span>\n                        <div class=\"mv-country-info\">\n                            <div class=\"mv-country-name\">Estados Unidos<\/div>\n                            <div class=\"mv-country-count\">5 cidades<\/div>\n                        <\/div>\n                        <span class=\"mv-country-arrow\">&#10095;<\/span>\n                    <\/div>\n                                    <div class=\"mv-country\" onclick=\"mvAbrirModal('FR')\">\n                        <span class=\"mv-country-flag\">\ud83c\uddeb\ud83c\uddf7<\/span>\n                        <div class=\"mv-country-info\">\n                            <div class=\"mv-country-name\">Fran\u00e7a<\/div>\n                            <div class=\"mv-country-count\">2 cidades<\/div>\n                        <\/div>\n                        <span class=\"mv-country-arrow\">&#10095;<\/span>\n                    <\/div>\n                                    <div class=\"mv-country\" onclick=\"mvAbrirModal('GR')\">\n                        <span class=\"mv-country-flag\">\ud83c\uddec\ud83c\uddf7<\/span>\n                        <div class=\"mv-country-info\">\n                            <div class=\"mv-country-name\">Gr\u00e9cia<\/div>\n                            <div class=\"mv-country-count\">4 cidades<\/div>\n                        <\/div>\n                        <span class=\"mv-country-arrow\">&#10095;<\/span>\n                    <\/div>\n                                    <div class=\"mv-country\" onclick=\"mvAbrirModal('NL')\">\n                        <span class=\"mv-country-flag\">\ud83c\uddf3\ud83c\uddf1<\/span>\n                        <div class=\"mv-country-info\">\n                            <div class=\"mv-country-name\">Holanda<\/div>\n                            <div class=\"mv-country-count\">1 cidade<\/div>\n                        <\/div>\n                        <span class=\"mv-country-arrow\">&#10095;<\/span>\n                    <\/div>\n                                    <div class=\"mv-country\" onclick=\"mvAbrirModal('HU')\">\n                        <span class=\"mv-country-flag\">\ud83c\udded\ud83c\uddfa<\/span>\n                        <div class=\"mv-country-info\">\n                            <div class=\"mv-country-name\">Hungria<\/div>\n                            <div class=\"mv-country-count\">1 cidade<\/div>\n                        <\/div>\n                        <span class=\"mv-country-arrow\">&#10095;<\/span>\n                    <\/div>\n                                    <div class=\"mv-country\" onclick=\"mvAbrirModal('IT')\">\n                        <span class=\"mv-country-flag\">\ud83c\uddee\ud83c\uddf9<\/span>\n                        <div class=\"mv-country-info\">\n                            <div class=\"mv-country-name\">It\u00e1lia<\/div>\n                            <div class=\"mv-country-count\">5 cidades<\/div>\n                        <\/div>\n                        <span class=\"mv-country-arrow\">&#10095;<\/span>\n                    <\/div>\n                                    <div class=\"mv-country\" onclick=\"mvAbrirModal('MX')\">\n                        <span class=\"mv-country-flag\">\ud83c\uddf2\ud83c\uddfd<\/span>\n                        <div class=\"mv-country-info\">\n                            <div class=\"mv-country-name\">M\u00e9xico<\/div>\n                            <div class=\"mv-country-count\">2 cidades<\/div>\n                        <\/div>\n                        <span class=\"mv-country-arrow\">&#10095;<\/span>\n                    <\/div>\n                                    <div class=\"mv-country\" onclick=\"mvAbrirModal('PY')\">\n                        <span class=\"mv-country-flag\">\ud83c\uddf5\ud83c\uddfe<\/span>\n                        <div class=\"mv-country-info\">\n                            <div class=\"mv-country-name\">Paraguai<\/div>\n                            <div class=\"mv-country-count\">2 cidades<\/div>\n                        <\/div>\n                        <span class=\"mv-country-arrow\">&#10095;<\/span>\n                    <\/div>\n                                    <div class=\"mv-country\" onclick=\"mvAbrirModal('PL')\">\n                        <span class=\"mv-country-flag\">\ud83c\uddf5\ud83c\uddf1<\/span>\n                        <div class=\"mv-country-info\">\n                            <div class=\"mv-country-name\">Pol\u00f4nia<\/div>\n                            <div class=\"mv-country-count\">2 cidades<\/div>\n                        <\/div>\n                        <span class=\"mv-country-arrow\">&#10095;<\/span>\n                    <\/div>\n                                    <div class=\"mv-country\" onclick=\"mvAbrirModal('PT')\">\n                        <span class=\"mv-country-flag\">\ud83c\uddf5\ud83c\uddf9<\/span>\n                        <div class=\"mv-country-info\">\n                            <div class=\"mv-country-name\">Portugal<\/div>\n                            <div class=\"mv-country-count\">3 cidades<\/div>\n                        <\/div>\n                        <span class=\"mv-country-arrow\">&#10095;<\/span>\n                    <\/div>\n                                    <div class=\"mv-country\" onclick=\"mvAbrirModal('GB')\">\n                        <span class=\"mv-country-flag\">\ud83c\uddec\ud83c\udde7<\/span>\n                        <div class=\"mv-country-info\">\n                            <div class=\"mv-country-name\">Reino Unido (Inglaterra)<\/div>\n                            <div class=\"mv-country-count\">1 cidade<\/div>\n                        <\/div>\n                        <span class=\"mv-country-arrow\">&#10095;<\/span>\n                    <\/div>\n                                    <div class=\"mv-country\" onclick=\"mvAbrirModal('CZ')\">\n                        <span class=\"mv-country-flag\">\ud83c\udde8\ud83c\uddff<\/span>\n                        <div class=\"mv-country-info\">\n                            <div class=\"mv-country-name\">Rep\u00fablica Tcheca<\/div>\n                            <div class=\"mv-country-count\">1 cidade<\/div>\n                        <\/div>\n                        <span class=\"mv-country-arrow\">&#10095;<\/span>\n                    <\/div>\n                                    <div class=\"mv-country\" onclick=\"mvAbrirModal('RU')\">\n                        <span class=\"mv-country-flag\">\ud83c\uddf7\ud83c\uddfa<\/span>\n                        <div class=\"mv-country-info\">\n                            <div class=\"mv-country-name\">R\u00fassia<\/div>\n                            <div class=\"mv-country-count\">1 cidade<\/div>\n                        <\/div>\n                        <span class=\"mv-country-arrow\">&#10095;<\/span>\n                    <\/div>\n                                    <div class=\"mv-country\" onclick=\"mvAbrirModal('CH')\">\n                        <span class=\"mv-country-flag\">\ud83c\udde8\ud83c\udded<\/span>\n                        <div class=\"mv-country-info\">\n                            <div class=\"mv-country-name\">Su\u00ed\u00e7a<\/div>\n                            <div class=\"mv-country-count\">2 cidades<\/div>\n                        <\/div>\n                        <span class=\"mv-country-arrow\">&#10095;<\/span>\n                    <\/div>\n                            <\/div>\n\n            <div class=\"mv-map-area\">\n                <div id=\"mv-mapa-div\"><\/div>\n                <div class=\"mv-hint\">Clique nos pa&iacute;ses destacados para ver as cidades visitadas<\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- Modal -->\n    <div class=\"mv-overlay\" id=\"mvOverlay\" onclick=\"if(event.target===this)mvFecharModal()\">\n        <div class=\"mv-modal\">\n            <div class=\"mv-modal-header\">\n                <div class=\"mv-modal-header-left\">\n                    <span class=\"mv-modal-flag\" id=\"mvModalFlag\"><\/span>\n                    <span class=\"mv-modal-name\" id=\"mvModalNome\"><\/span>\n                <\/div>\n                <button class=\"mv-modal-close\" onclick=\"mvFecharModal()\" title=\"Fechar\">&times;<\/button>\n            <\/div>\n            <div class=\"mv-modal-body\">\n                <p class=\"mv-modal-subtitle\">Cidades visitadas<\/p>\n                <ul class=\"mv-cities\" id=\"mvModalCidades\"><\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- ============ amCharts 5 (carregados em sequ\u00eancia) ============ -->\n    <script src=\"https:\/\/cdn.amcharts.com\/lib\/5\/index.js\"><\/script>\n    <script src=\"https:\/\/cdn.amcharts.com\/lib\/5\/map.js\"><\/script>\n    <script src=\"https:\/\/cdn.amcharts.com\/lib\/5\/geodata\/worldLow.js\"><\/script>\n    <script src=\"https:\/\/cdn.amcharts.com\/lib\/5\/themes\/Animated.js\"><\/script>\n\n    <!-- ============ Mapa de Viagens \u2013 JS ============ -->\n    <script>\n    (function(){\n        var mvPaises = {\"DE\":{\"nome\":\"Alemanha\",\"bandeira\":\"\ud83c\udde9\ud83c\uddea\",\"cidades\":[\"Berlim\",\"Frankfurt\"]},\"AR\":{\"nome\":\"Argentina\",\"bandeira\":\"\ud83c\udde6\ud83c\uddf7\",\"cidades\":[\"Buenos Aires\",\"Cordoba\"]},\"AT\":{\"nome\":\"\u00c1ustria\",\"bandeira\":\"\ud83c\udde6\ud83c\uddf9\",\"cidades\":[\"Viena\",\"Salzburgo\"]},\"BE\":{\"nome\":\"B\u00e9lgica\",\"bandeira\":\"\ud83c\udde7\ud83c\uddea\",\"cidades\":[\"Bruxelas\"]},\"CA\":{\"nome\":\"Canad\u00e1\",\"bandeira\":\"\ud83c\udde8\ud83c\udde6\",\"cidades\":[\"Toronto\",\"Quebec\",\"Montreal\"]},\"ES\":{\"nome\":\"Espanha\",\"bandeira\":\"\ud83c\uddea\ud83c\uddf8\",\"cidades\":[\"Madri\",\"Barcelona\"]},\"US\":{\"nome\":\"Estados Unidos\",\"bandeira\":\"\ud83c\uddfa\ud83c\uddf8\",\"cidades\":[\"Nova York\",\"Las Vegas\",\"S\u00e3o Francisco\",\"San Diego\",\"Washington\"]},\"FR\":{\"nome\":\"Fran\u00e7a\",\"bandeira\":\"\ud83c\uddeb\ud83c\uddf7\",\"cidades\":[\"Paris\",\"Chamonix\"]},\"GR\":{\"nome\":\"Gr\u00e9cia\",\"bandeira\":\"\ud83c\uddec\ud83c\uddf7\",\"cidades\":[\"Atenas\",\"Santorini\",\"Miconos\",\"Naxos\"]},\"NL\":{\"nome\":\"Holanda\",\"bandeira\":\"\ud83c\uddf3\ud83c\uddf1\",\"cidades\":[\"Amsterd\u00e3\"]},\"HU\":{\"nome\":\"Hungria\",\"bandeira\":\"\ud83c\udded\ud83c\uddfa\",\"cidades\":[\"Budapeste\"]},\"IT\":{\"nome\":\"It\u00e1lia\",\"bandeira\":\"\ud83c\uddee\ud83c\uddf9\",\"cidades\":[\"Roma\",\"Caserta\",\"Veneza\",\"Napoles\",\"Sorrento\"]},\"MX\":{\"nome\":\"M\u00e9xico\",\"bandeira\":\"\ud83c\uddf2\ud83c\uddfd\",\"cidades\":[\"Cidade do M\u00e9xico\",\"San Miguel de Allende\"]},\"PY\":{\"nome\":\"Paraguai\",\"bandeira\":\"\ud83c\uddf5\ud83c\uddfe\",\"cidades\":[\"Pedro Juan Cabalero\",\"Ciudad del Este\"]},\"PL\":{\"nome\":\"Pol\u00f4nia\",\"bandeira\":\"\ud83c\uddf5\ud83c\uddf1\",\"cidades\":[\"Vars\u00f3via\",\"Crac\u00f3via\"]},\"PT\":{\"nome\":\"Portugal\",\"bandeira\":\"\ud83c\uddf5\ud83c\uddf9\",\"cidades\":[\"Lisboa\",\"Nazar\u00e9\",\"Fatima\"]},\"GB\":{\"nome\":\"Reino Unido (Inglaterra)\",\"bandeira\":\"\ud83c\uddec\ud83c\udde7\",\"cidades\":[\"Londres\"]},\"CZ\":{\"nome\":\"Rep\u00fablica Tcheca\",\"bandeira\":\"\ud83c\udde8\ud83c\uddff\",\"cidades\":[\"Praga\"]},\"RU\":{\"nome\":\"R\u00fassia\",\"bandeira\":\"\ud83c\uddf7\ud83c\uddfa\",\"cidades\":[\"Moscou\"]},\"CH\":{\"nome\":\"Su\u00ed\u00e7a\",\"bandeira\":\"\ud83c\udde8\ud83c\udded\",\"cidades\":[\"Zurique\",\"Genebra\"]}};\n        var mvCodigos = Object.keys(mvPaises);\n\n        \/* \u2500\u2500 Modal \u2500\u2500 *\/\n        window.mvAbrirModal = function(codigo) {\n            var p = mvPaises[codigo];\n            if (!p) return;\n            document.getElementById('mvModalFlag').textContent = p.bandeira;\n            document.getElementById('mvModalNome').textContent = p.nome;\n            var html = '';\n            for (var i = 0; i < p.cidades.length; i++) {\n                html += '<li><span class=\"mv-city-dot\"><\/span><span class=\"mv-city-name\">' +\n                    p.cidades[i].replace(\/<\/g,'&lt;') + '<\/span><\/li>';\n            }\n            document.getElementById('mvModalCidades').innerHTML = html;\n            document.getElementById('mvOverlay').classList.add('mv-active');\n        };\n\n        window.mvFecharModal = function() {\n            document.getElementById('mvOverlay').classList.remove('mv-active');\n        };\n\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape') mvFecharModal();\n        });\n\n        \/* \u2500\u2500 amCharts 5 \u2500\u2500 *\/\n        am5.ready(function() {\n            var root = am5.Root.new(\"mv-mapa-div\");\n            root.setThemes([am5themes_Animated.new(root)]);\n\n            var chart = root.container.children.push(\n                am5map.MapChart.new(root, {\n                    panX: \"rotateX\",\n                    panY: \"translateY\",\n                    projection: am5map.geoMercator(),\n                    homeGeoPoint: { latitude: 30, longitude: 10 },\n                    homeZoomLevel: 1.8,\n                    maxZoomLevel: 16,\n                    minZoomLevel: 1\n                })\n            );\n\n            chart.chartContainer.set(\"background\", am5.Rectangle.new(root, {\n                fill: am5.color(0x0f172a),\n                fillOpacity: 1\n            }));\n\n            \/* Todos os paises (fundo) *\/\n            var bgSeries = chart.series.push(\n                am5map.MapPolygonSeries.new(root, {\n                    geoJSON: am5geodata_worldLow,\n                    exclude: [\"AQ\"]\n                })\n            );\n            bgSeries.mapPolygons.template.setAll({\n                fill: am5.color(0x1e293b),\n                stroke: am5.color(0x334155),\n                strokeWidth: 0.5,\n                tooltipText: \"{name}\",\n                interactive: true\n            });\n            bgSeries.mapPolygons.template.states.create(\"hover\", {\n                fill: am5.color(0x334155)\n            });\n\n            \/* Paises visitados (destaque) *\/\n            var hlSeries = chart.series.push(\n                am5map.MapPolygonSeries.new(root, {\n                    geoJSON: am5geodata_worldLow,\n                    include: mvCodigos\n                })\n            );\n            hlSeries.mapPolygons.template.setAll({\n                fill: am5.color(0x38bdf8),\n                fillOpacity: 0.7,\n                stroke: am5.color(0x0ea5e9),\n                strokeWidth: 1,\n                tooltipText: \"{name}\\nClique para ver cidades\",\n                interactive: true,\n                cursorOverStyle: \"pointer\"\n            });\n            hlSeries.mapPolygons.template.states.create(\"hover\", {\n                fill: am5.color(0x818cf8),\n                fillOpacity: 0.9\n            });\n\n            hlSeries.mapPolygons.template.events.on(\"click\", function(ev) {\n                var id = ev.target.dataItem.get(\"id\");\n                if (mvPaises[id]) mvAbrirModal(id);\n            });\n\n            \/* Zoom controls *\/\n            var zc = am5map.ZoomControl.new(root, {});\n            chart.set(\"zoomControl\", zc);\n            zc.plusButton.setAll({ fill: am5.color(0x334155), stroke: am5.color(0x475569) });\n            zc.minusButton.setAll({ fill: am5.color(0x334155), stroke: am5.color(0x475569) });\n\n            chart.appear(1000, 100);\n        });\n    })();\n    <\/script>\n\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-264","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thiagoldaniel.com.br\/index.php\/wp-json\/wp\/v2\/pages\/264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thiagoldaniel.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thiagoldaniel.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thiagoldaniel.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thiagoldaniel.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=264"}],"version-history":[{"count":1,"href":"https:\/\/thiagoldaniel.com.br\/index.php\/wp-json\/wp\/v2\/pages\/264\/revisions"}],"predecessor-version":[{"id":265,"href":"https:\/\/thiagoldaniel.com.br\/index.php\/wp-json\/wp\/v2\/pages\/264\/revisions\/265"}],"wp:attachment":[{"href":"https:\/\/thiagoldaniel.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}