Distribuidores Nacionais \u2013 Petsque<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\">\n <style>\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: sans-serif;\n background: #f0f4f8;\n color: #333;\n }\n\n \/* \u2500\u2500 MAPA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .map-wrapper {\n position: relative;\n max-width: 580px;\n margin: 0 auto 4px;\n }\n\n #brazil-map {\n width: 100%;\n display: block;\n background: transparent;\n }\n\n .state-path {\n stroke: #fff;\n stroke-width: 0.7;\n cursor: pointer;\n transition: filter 0.12s, stroke-width 0.12s;\n }\n .state-path:hover { filter: brightness(1.25); }\n .state-path.active { filter: brightness(1.18); stroke-width: 1.8; }\n .state-path.dimmed { filter: brightness(0.55) saturate(0.25); }\n\n .state-label {\n font-family: 'Poppins', sans-serif;\n font-size: 7.5px;\n font-weight: 700;\n fill: #fff;\n text-anchor: middle;\n dominant-baseline: central;\n pointer-events: none;\n paint-order: stroke fill;\n stroke: rgba(0,0,0,0.35);\n stroke-width: 2.2px;\n }\n\n \/* \u2500\u2500 TOOLTIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #state-tooltip {\n position: fixed;\n background: rgba(25,25,25,0.82);\n color: #fff;\n padding: 5px 12px;\n border-radius: 7px;\n font-size: 12px;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n pointer-events: none;\n display: none;\n z-index: 300;\n white-space: nowrap;\n letter-spacing: 0.3px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.25);\n }\n\n \/* \u2500\u2500 LEGENDA DE REGI\u00d5ES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .legend {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n max-width: 100%;\n margin: 8px auto 6px;\n padding: 0;\n }\n .legend-item {\n display: flex;\n align-items: center;\n gap: 7px;\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 600;\n cursor: pointer;\n padding: 6px 14px;\n border-radius: 20px;\n background: white;\n box-shadow: 0 1px 5px rgba(0,0,0,0.1);\n transition: box-shadow 0.2s, transform 0.15s, border-color 0.15s;\n letter-spacing: 0.4px;\n border: 2px solid transparent;\n user-select: none;\n }\n .legend-item:hover { box-shadow: 0 3px 10px rgba(0,0,0,0.18); transform: translateY(-1px); }\n .legend-item.active { border-color: var(--region-color); background: #f6f6f6; }\n .legend-dot { width: 13px; height: 13px; border-radius: 50%; flex-shrink: 0; }\n\n .hint-text {\n text-align: center;\n font-family: 'Poppins', sans-serif;\n font-size: 12px;\n color: #aaa;\n margin-bottom: 22px;\n letter-spacing: 0.2px;\n }\n\n \/* \u2500\u2500 SECTION DE DISTRIBUIDORES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #distributor-section-nacional {\n max-width: 100%;\n margin: 0 auto 70px;\n padding: 0;\n display: none;\n }\n\n #section-title {\n font-family: 'Poppins', sans-serif;\n font-size: 1.25rem;\n font-weight: 700;\n color: #333;\n border-left: 5px solid #333;\n padding-left: 14px;\n margin-bottom: 18px;\n letter-spacing: 0.4px;\n transition: color 0.3s, border-color 0.3s;\n }\n\n \/* \u2500\u2500 CARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 14px;\n }\n\n .dist-card {\n border-radius: 14px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n overflow: hidden;\n background: white;\n transition: box-shadow 0.2s, transform 0.15s;\n }\n .dist-card:hover {\n box-shadow: 0 4px 18px rgba(0,0,0,0.14);\n transform: translateY(-2px);\n }\n\n .dist-header {\n background: #333;\n color: white;\n padding: 12px 16px;\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.5px;\n }\n\n .dist-body { padding: 11px 16px 14px; }\n\n .dist-coverage {\n display: inline-block;\n font-size: 11px;\n color: #666;\n background: #f0f0f0;\n padding: 3px 10px;\n border-radius: 10px;\n margin-bottom: 10px;\n line-height: 1.4;\n }\n\n .dist-contact { display: flex; flex-direction: column; gap: 7px; }\n\n .contact-row {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 12px;\n color: #555;\n }\n .contact-row a { color: inherit; text-decoration: none; }\n .contact-row a:hover { text-decoration: underline; }\n .contact-icon { width: 15px; height: 15px; flex-shrink: 0; opacity: 0.75; }\n .row-wa { color: #1aab55; }\n\n \/* \u2500\u2500 STATE GROUP (vis\u00e3o de regi\u00e3o) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .state-group { margin-bottom: 28px; }\n .state-group-header {\n font-family: 'Poppins', sans-serif;\n font-size: 12px;\n font-weight: 700;\n color: #777;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n margin-bottom: 10px;\n padding-bottom: 6px;\n border-bottom: 1px solid #e0e0e0;\n }\n\n .empty-msg {\n background: white;\n border-radius: 10px;\n padding: 48px 20px;\n text-align: center;\n color: #aaa;\n font-size: 15px;\n box-shadow: 0 2px 14px rgba(0,0,0,0.08);\n }\n\n @keyframes fadeSlide {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .fade-in { animation: fadeSlide 0.3s ease; }\n\n @media (max-width: 680px) {\n .cards-grid { grid-template-columns: 1fr; }\n #section-title { font-size: 1.05rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div id=\"state-tooltip\"><\/div>\n\n<div class=\"map-wrapper\">\n <svg id=\"brazil-map\" viewBox=\"0 0 620 700\">\n <text id=\"loading-svg-nacional\" x=\"310\" y=\"350\" text-anchor=\"middle\" fill=\"#888\" font-size=\"14\" font-family=\"Arial\">Carregando mapa\u2026<\/text>\n <\/svg>\n<\/div>\n\n\n<div class=\"legend\" id=\"legend-nacional\">\n <div class=\"legend-item\" data-region=\"norte\" style=\"--region-color:#2C4683\">\n <div class=\"legend-dot\" style=\"background:#2C4683\"><\/div>\n <span>Norte<\/span>\n <\/div>\n <div class=\"legend-item\" data-region=\"nordeste\" style=\"--region-color:#661D36\">\n <div class=\"legend-dot\" style=\"background:#661D36\"><\/div>\n <span>Nordeste<\/span>\n <\/div>\n <div class=\"legend-item\" data-region=\"centro-oeste\" style=\"--region-color:#CB6C54\">\n <div class=\"legend-dot\" style=\"background:#CB6C54\"><\/div>\n <span>Centro-Oeste<\/span>\n <\/div>\n <div class=\"legend-item\" data-region=\"sudeste\" style=\"--region-color:#931E22\">\n <div class=\"legend-dot\" style=\"background:#931E22\"><\/div>\n <span>Sudeste<\/span>\n <\/div>\n <div class=\"legend-item\" data-region=\"sul\" style=\"--region-color:#0A453F\">\n <div class=\"legend-dot\" style=\"background:#0A453F\"><\/div>\n <span>Sul<\/span>\n <\/div>\n<\/div>\n\n<p class=\"hint-text\">ou clique diretamente em um estado no mapa<\/p>\n\n<div id=\"distributor-section-nacional\">\n <div id=\"section-title\"><\/div>\n <div id=\"distributor-content-nacional\"><\/div>\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/d3\/7.8.5\/d3.min.js\"><\/script>\n\n<script>\n\/\/ \u2500\u2500\u2500 REGI\u00d5ES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst REGION_COLORS = {\n 'norte': '#2C4683', \/\/ Azul (Air Dried)\n 'nordeste': '#661D36', \/\/ Vinho\n 'centro-oeste': '#CB6C54', \/\/ Terracota\n 'sudeste': '#931E22', \/\/ Vermelho\n 'sul': '#0A453F' \/\/ Verde\n};\n\nconst REGION_LABELS = {\n 'norte': 'Norte',\n 'nordeste': 'Nordeste',\n 'centro-oeste': 'Centro-Oeste',\n 'sudeste': 'Sudeste',\n 'sul': 'Sul'\n};\n\nconst STATE_REGION = {\n AC:'norte', AM:'norte', AP:'norte', PA:'norte', RO:'norte', RR:'norte', TO:'norte',\n AL:'nordeste', BA:'nordeste', CE:'nordeste', MA:'nordeste', PB:'nordeste',\n PE:'nordeste', PI:'nordeste', RN:'nordeste', SE:'nordeste',\n DF:'centro-oeste', GO:'centro-oeste', MS:'centro-oeste', MT:'centro-oeste',\n ES:'sudeste', MG:'sudeste', RJ:'sudeste', SP:'sudeste',\n PR:'sul', RS:'sul', SC:'sul'\n};\n\n\/\/ \u2500\u2500\u2500 NOMES DOS ESTADOS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst STATE_NAMES = {\n 'AC':'Acre','AL':'Alagoas','AP':'Amap\u00e1','AM':'Amazonas','BA':'Bahia',\n 'CE':'Cear\u00e1','DF':'Distrito Federal','ES':'Esp\u00edrito Santo','GO':'Goi\u00e1s',\n 'MA':'Maranh\u00e3o','MT':'Mato Grosso','MS':'Mato Grosso do Sul',\n 'MG':'Minas Gerais','PA':'Par\u00e1','PB':'Para\u00edba','PR':'Paran\u00e1',\n 'PE':'Pernambuco','PI':'Piau\u00ed','RJ':'Rio de Janeiro','RN':'Rio Grande do Norte',\n 'RS':'Rio Grande do Sul','RO':'Rond\u00f4nia','RR':'Roraima','SC':'Santa Catarina',\n 'SP':'S\u00e3o Paulo','SE':'Sergipe','TO':'Tocantins'\n};\n\n\/\/ \u2500\u2500\u2500 IBGE CODE \u2192 SIGLA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst IBGE_TO_SIGLA = {\n 11:'RO',12:'AC',13:'AM',14:'RR',15:'PA',16:'AP',17:'TO',\n 21:'MA',22:'PI',23:'CE',24:'RN',25:'PB',26:'PE',27:'AL',28:'SE',29:'BA',\n 31:'MG',32:'ES',33:'RJ',35:'SP',\n 41:'PR',42:'SC',43:'RS',\n 50:'MS',51:'MT',52:'GO',53:'DF'\n};\n\n\/\/ \u2500\u2500\u2500 DISTRIBUIDORES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst stateDistributors = {\n 'AC': [\n { name:'INOVAR', phone:'(69) 3424-0020', whatsapp:'(69) 3424-0020', email:'contato@inovaronline.com.br', coverage:'Rond\u00f4nia e Acre' }\n ],\n 'AL': [\n { name:'AMOEDO SE \/ AL', phone:'0800 941 1290', whatsapp:'(71) 99945-9997', email:'cassio.santos@amoedodistribuidora.com.br', coverage:'Sergipe e Alagoas' }\n ],\n 'AP': [\n { name:'J.HENRIQUES', phone:'(91) 3265-1181', whatsapp:'(91) 99110-9007', email:'j.henriqueadasilva@gmail.com', coverage:'Par\u00e1 e Amap\u00e1' }\n ],\n 'AM': [\n { name:'BATISTELLA', phone:'(92) 3020-9087', whatsapp:'(92) 99403-0319', email:'danielycastro@batistelladistribuidora.com.br', coverage:'Amazonas e Roraima' }\n ],\n 'BA': [\n { name:'AMOEDO', phone:'0800 941 1290', whatsapp:'(71) 99330-4651', email:'kelly.almeida@amoedodistribuidora.com.br', coverage:'Salvador e regi\u00e3o metropolitana' }\n ],\n 'CE': [\n { name:'GIREZE', phone:'(85) 4141-3401', whatsapp:'(85) 9815-1171', email:'riscliffalmeida@gmail.com', coverage:'Cear\u00e1' }\n ],\n 'DF': [\n { name:'ZAK', phone:'(61) 98469-0375', whatsapp:'(61) 98469-0375', email:'juliana.zak@hotmail.com', coverage:'Distrito Federal' }\n ],\n 'ES': [\n { name:'GLOBAL ES', phone:'(27) 3229-8298', whatsapp:'(27) 99243-5048', email:'vendas@globaldist.com.br', coverage:'Esp\u00edrito Santo' }\n ],\n 'GO': [\n { name:'SUPRIFARMA', phone:'(62) 3638-0407', whatsapp:'(62) 9867-3214', email:'suprifarma@suprifarma.vet.br', coverage:'Goi\u00e1s (exceto Distrito Federal)' }\n ],\n 'MA': [\n { name:'VIDA DISTRIBUIDORA', phone:'(86) 3233-1267', whatsapp:'(86) 8171-5050', email:'caen@distribuidoravida.com', coverage:'Maranh\u00e3o e Piau\u00ed' }\n ],\n 'MT': [\n { name:'MC AGRO', phone:'(65) 3625-1500', whatsapp:'(65) 99212-4297', email:'mcagro@terra.com.br' },\n { name:'SOMAVET', phone:'(65) 3625-1500', whatsapp:'(65) 9251-3333', email:'mcagro@terra.com.br', coverage:'Mato Grosso' }\n ],\n 'MS': [\n { name:'DIZ', phone:'(67) 3387-1282', whatsapp:'(67) 9850-9183', email:'dizcomer@gmail.com', coverage:'Mato Grosso do Sul' }\n ],\n 'MG': [\n { name:'COMPROMISSO', phone:'(31) 97228-0214', whatsapp:'(91) 99110-9007', email:'Atendimento@compromissopet.com.br', coverage:'Grande BH e Regi\u00e3o Metropolitana' },\n { name:'PORTO \u2013 UBERL\u00c2NDIA', phone:'(11) 93778-0214', whatsapp:'(11) 93778-0214', email:'sac@vetlinebrasil.com.br', coverage:'Tri\u00e2ngulo Mineiro' },\n { name:'PROVETMINAS', phone:'(35) 3434-1638', whatsapp:'(35) 99152-1808', email:'lucrecia@vetminas.com.br', coverage:'Sul de Minas' }\n ],\n 'PA': [\n { name:'BIRIVET', phone:'(63) 3414-3132', whatsapp:'(63) 99259-0627', email:'birivet.suzuki@gmail.com', coverage:'Tocantins e Sul do Par\u00e1' },\n { name:'J.HENRIQUES', phone:'(91) 3265-1181', whatsapp:'(91) 99110-9007', email:'j.henriqueadasilva@gmail.com', coverage:'Par\u00e1 e Amap\u00e1' }\n ],\n 'PB': [\n { name:'GARRA', phone:'(83) 3142-1312', whatsapp:'(83) 98825-0729', email:'adm@garraanimal.com.br', coverage:'Para\u00edba' }\n ],\n 'PR': [\n { name:'BIOCOM', phone:'(41) 3398-1212', whatsapp:'(41) 9895-9805', email:'biocom@biocom.com.br', email2:'televendas@biocom.com.br' },\n { name:'PET SUL', phone:'(41) 3156-5656', whatsapp:'(41) 3156-5656', email:'suporte@petsuldistribuidora.com.br', coverage:'Curitiba, litoral do Paran\u00e1, Campos Gerais, Regi\u00e3o Oeste e Sudeste' },\n { name:'TOTAL VET', phone:'(43) 3344-2322', whatsapp:'(43) 3344-2322', email:'silas@totalvetdistribuidora.com.br', coverage:'Norte, Noroeste, Norte Pioneiro e Regi\u00e3o Central' }\n ],\n 'PE': [\n { name:'AMOEDO', phone:'0800 941 1290', whatsapp:'(81) 98362-2303', email:'vitoria.oliveira@amoedodistribuidora.com.br', coverage:'Pernambuco' }\n ],\n 'PI': [\n { name:'VIDA DISTRIBUIDORA', phone:'(86) 3233-1267', whatsapp:'(86) 8171-5050', email:'caen@distribuidoravida.com', coverage:'Maranh\u00e3o e Piau\u00ed' }\n ],\n 'RJ': [\n { name:'MOURAGRO', phone:'(32) 3449-4243', whatsapp:'(21) 99132-6211', email:'atendimento@mouragro.com.br', coverage:'Rio de Janeiro (Capital), Niter\u00f3i, S\u00e3o Gon\u00e7alo, Regi\u00e3o dos Lagos, Norte Fluminense, Nordeste Fluminense, Sul Fluminense e Regi\u00e3o Serrana' }\n ],\n 'RN': [\n { name:'RA\u00c7A', phone:'(84) 3213-5495', whatsapp:'(84) 98818-3895', email:'raca@racadistribuidora.com.br', coverage:'Rio Grande do Norte' }\n ],\n 'RS': [\n { name:'ELLUC', phone:'(54) 3028-8399', whatsapp:'(54) 99194-9743', email:'ellucpet@gmail.com', coverage:'Serra Ga\u00facha, Norte, Nordeste e Noroeste do RS' },\n { name:'VETLOG', phone:'(51) 3446-3519', whatsapp:'(51) 3446-3519', email:'atendimento@vetlog.com.br', coverage:'Grande Porto Alegre, Campanha Ga\u00facha, Sudeste e Regi\u00e3o Metropolitana' }\n ],\n 'RO': [\n { name:'INOVAR', phone:'(69) 3424-0020', whatsapp:'(69) 3424-0020', email:'contato@inovaronline.com.br', coverage:'Rond\u00f4nia e Acre' }\n ],\n 'RR': [\n { name:'BATISTELLA', phone:'(92) 3020-9087', whatsapp:'(92) 99403-0319', email:'danielycastro@batistelladistribuidora.com.br', coverage:'Amazonas e Roraima' }\n ],\n 'SC': [\n { name:'PET LINE', phone:'(47) 3427-5798', whatsapp:'(47) 9978-6314', email:'adriano@petline.vet.br', coverage:'Todo o Estado de SC' }\n ],\n 'SP': [\n { name:'CASA DAS VACINAS', phone:'0800-558-445', whatsapp:'(17) 3213-9000', email:'casadasvacinasvet@casadasvacinasvet.com.br', coverage:'Andradina, Ara\u00e7atuba, Barretos, Catanduva, Franca, Jabuticabal, Ribeir\u00e3o Preto, S\u00e3o Jos\u00e9 do Rio Preto e Votuporanga' },\n { name:'GINGA PET', phone:'(12) 3931-5889', whatsapp:'(12) 99600-9990', email:'distribuidoragingapet@gmail.com', coverage:'Vale do Para\u00edba e Litoral Norte, Guararema e Santa Isabel' },\n { name:'GLOBAL VET', phone:'(11) 2973-9357 \/ (11) 2950-2516', whatsapp:'(11) 97645-7945', email:'comercial@globalvetdistribuidora.com.br', coverage:'Capital SP: Zona Norte, Zona Leste e Zona Oeste, Alto Tiet\u00ea e Regi\u00e3o Metropolitana Norte' },\n { name:'LUGPET', phone:'(17) 99609-3801', whatsapp:'(17) 99777-3185', email:'sampetopreto@gmail.com', coverage:'Regi\u00e3o de S\u00e3o Jos\u00e9 do Rio Preto, Catanduva, Barretos, Ara\u00e7atuba, Andradina, Votuporanga, Fernand\u00f3polis e Jales' },\n { name:'PET MAR', phone:'(13) 3322-4009', whatsapp:'(13) 99123-9682', email:'petmardistribuidora@petmardistribuidora.com.br', coverage:'Baixada Santista' },\n { name:'PORTO SP', phone:'(11) 99859-7287', whatsapp:'(11) 99859-7287', email:'eduardo.romano@vetlinebrasil.com.br' },\n { name:'PURIPLAN', phone:'(14) 3761-2269', whatsapp:'(14) 99786-7920', email:'puriplanpet@hotmail.com', coverage:'Avar\u00e9, Botucatu, Bauru, Ja\u00fa, Mar\u00edlia, Itatinga, Ourinhos, Registro, Presidente Prudente e regi\u00e3o' },\n { name:'SOCIAL PET', phone:'(19) 3886-1427', whatsapp:'(19) 97120-4053', email:'socialpetdistribuidora@socialpetdistribuidora.com.br', coverage:'Regi\u00e3o metropolitana de Campinas, Sorocaba, Vale do Para\u00edba e Litoral Norte' },\n { name:'VET LINE', phone:'(11) 4521-9216', whatsapp:'(11) 97365-0356', email:'tassia.santoro@vetlinebrasil.com.br', coverage:'Capital SP: Zona Sul, Centro Sul e ABC Paulista' }\n ],\n 'SE': [\n { name:'AMOEDO SE \/ AL', phone:'0800 941 1290', whatsapp:'(71) 99945-9997', email:'cassio.santos@amoedodistribuidora.com.br', coverage:'Sergipe e Alagoas' }\n ],\n 'TO': [\n { name:'BIRIVET', phone:'(63) 3414-3132', whatsapp:'(63) 99259-0627', email:'birivet.suzuki@gmail.com', coverage:'Tocantins e Sul do Par\u00e1' }\n ]\n};\n\n\/\/ \u2500\u2500\u2500 ICONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst ICON_PHONE = `<svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 11.3a19.79 19.79 0 01-3.07-8.67A2 2 0 012 .5h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 8.37a16 16 0 006.29 6.29l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>`;\nconst ICON_WA = `<svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>`;\nconst ICON_EMAIL = `<svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>`;\n\n\/\/ \u2500\u2500\u2500 HELPERS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction toTelHref(n) {\n if (!n) return null;\n const digits = n.replace(\/\\D\/g, '');\n return n.trim().startsWith('0800') ? 'tel:' + digits : 'tel:+55' + digits;\n}\nfunction toWaHref(n) {\n if (!n || n.trim().startsWith('0800')) return null;\n const digits = n.replace(\/\\D\/g, '');\n return digits.length < 8 ? null : 'https:\/\/wa.me\/55' + digits;\n}\n\nfunction buildCard(d, color) {\n const coverageHtml = d.coverage\n ? `<div class=\"dist-coverage\">${d.coverage}<\/div>`\n : '';\n const phoneHtml = d.phone\n ? `<div class=\"contact-row\">${ICON_PHONE}<a href=\"${toTelHref(d.phone)}\">${d.phone}<\/a><\/div>`\n : '';\n const waHref = toWaHref(d.whatsapp);\n const waHtml = waHref\n ? `<div class=\"contact-row row-wa\">${ICON_WA}<a href=\"${waHref}\" target=\"_blank\" rel=\"noopener\">${d.whatsapp}<\/a><\/div>`\n : '';\n const emailHtml = d.email\n ? `<div class=\"contact-row\">${ICON_EMAIL}<a href=\"mailto:${d.email}\">${d.email}<\/a><\/div>`\n : '';\n const email2Html = d.email2\n ? `<div class=\"contact-row\">${ICON_EMAIL}<a href=\"mailto:${d.email2}\">${d.email2}<\/a><\/div>`\n : '';\n return `<div class=\"dist-card\">\n <div class=\"dist-header\" style=\"background:${color}\">${d.name}<\/div>\n <div class=\"dist-body\">\n ${coverageHtml}\n <div class=\"dist-contact\">${phoneHtml}${waHtml}${emailHtml}${email2Html}<\/div>\n <\/div>\n <\/div>`;\n}\n\nfunction showSection(title, color, contentHtml) {\n const titleEl = document.getElementById('section-title');\n titleEl.textContent = title;\n titleEl.style.color = color;\n titleEl.style.borderColor = color;\n\n const contentEl = document.getElementById('distributor-content-nacional');\n contentEl.className = 'fade-in';\n contentEl.innerHTML = contentHtml;\n\n const section = document.getElementById('distributor-section-nacional');\n section.style.display = 'block';\n setTimeout(() => section.scrollIntoView({ behavior: 'smooth', block: 'nearest' }), 50);\n}\n\n\/\/ \u2500\u2500\u2500 SELE\u00c7\u00c3O DE ESTADO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nlet selectedState = null;\nlet selectedRegion = null;\n\nfunction handleStateSelect(sigla) {\n \/\/ Toggle\n if (selectedState === sigla) {\n selectedState = null;\n d3.selectAll('.state-path').classed('active', false).classed('dimmed', false);\n document.getElementById('distributor-section-nacional').style.display = 'none';\n return;\n }\n selectedState = sigla;\n selectedRegion = null;\n\n \/\/ Atualiza legenda\n document.querySelectorAll('.legend-item').forEach(el => el.classList.remove('active'));\n\n \/\/ Destaca apenas o estado clicado\n d3.selectAll('.state-path')\n .classed('active', false)\n .classed('dimmed', false);\n d3.selectAll(`.state-path[data-sigla=\"${sigla}\"]`).classed('active', true);\n\n const region = STATE_REGION[sigla];\n const color = region ? REGION_COLORS[region] : '#888';\n\n const list = stateDistributors[sigla] || [];\n const cardsHtml = list.length\n ? `<div class=\"cards-grid\">${list.map(d => buildCard(d, color)).join('')}<\/div>`\n : '<div class=\"empty-msg\">Nenhum distribuidor cadastrado neste estado.<\/div>';\n\n showSection(STATE_NAMES[sigla] || sigla, color, cardsHtml);\n}\n\n\/\/ \u2500\u2500\u2500 SELE\u00c7\u00c3O DE REGI\u00c3O \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction handleRegionSelect(regionKey) {\n const legendItem = document.querySelector(`.legend-item[data-region=\"${regionKey}\"]`);\n\n \/\/ Toggle\n if (selectedRegion === regionKey) {\n selectedRegion = null;\n selectedState = null;\n d3.selectAll('.state-path').classed('active', false).classed('dimmed', false);\n document.querySelectorAll('.legend-item').forEach(el => el.classList.remove('active'));\n document.getElementById('distributor-section-nacional').style.display = 'none';\n return;\n }\n selectedRegion = regionKey;\n selectedState = null;\n\n \/\/ Atualiza legenda\n document.querySelectorAll('.legend-item').forEach(el => el.classList.remove('active'));\n if (legendItem) legendItem.classList.add('active');\n\n \/\/ Destaca estados da regi\u00e3o, escurece os outros\n d3.selectAll('.state-path').each(function(d) {\n const sigla = d3.select(this).attr('data-sigla');\n const inRegion = STATE_REGION[sigla] === regionKey;\n d3.select(this).classed('active', inRegion).classed('dimmed', !inRegion);\n });\n\n \/\/ Ordena estados da regi\u00e3o por nome\n const regionStates = Object.entries(STATE_REGION)\n .filter(([, r]) => r === regionKey)\n .map(([s]) => s)\n .sort((a, b) => (STATE_NAMES[a] || a).localeCompare(STATE_NAMES[b] || b, 'pt'));\n\n const color = REGION_COLORS[regionKey];\n\n const sections = regionStates\n .filter(s => stateDistributors[s] && stateDistributors[s].length)\n .map(s => `<div class=\"state-group\">\n <div class=\"state-group-header\">${STATE_NAMES[s] || s}<\/div>\n <div class=\"cards-grid\">${stateDistributors[s].map(d => buildCard(d, color)).join('')}<\/div>\n <\/div>`).join('');\n\n showSection(REGION_LABELS[regionKey], color, sections || '<div class=\"empty-msg\">Nenhum distribuidor cadastrado.<\/div>');\n}\n\n\/\/ Conecta legenda\ndocument.querySelectorAll('.legend-item[data-region]').forEach(item => {\n item.addEventListener('click', () => handleRegionSelect(item.dataset.region));\n});\n\n\/\/ \u2500\u2500\u2500 MAPA D3 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n(function waitForD3() {\n if (typeof d3 === 'undefined') return setTimeout(waitForD3, 80);\n initMapNacional();\n})();\n\nfunction initMapNacional() {\n const W = 620, H = 700;\n const svg = d3.select('#brazil-map').attr('viewBox', `0 0 ${W} ${H}`);\n const projection = d3.geoMercator();\n const pathGen = d3.geoPath().projection(projection);\n\n const tooltip = document.getElementById('state-tooltip');\n\n function getSigla(feature) {\n const p = feature.properties || {};\n if (p.sigla) return p.sigla.toUpperCase();\n if (p.SIGLA) return p.SIGLA.toUpperCase();\n if (p.abbrev) return p.abbrev.toUpperCase();\n const code = p.codarea || p.CD_GEOCUF || p.id || p.codigo;\n if (code) return IBGE_TO_SIGLA[+code] || null;\n return null;\n }\n\n (function tryFetch(urls) {\n if (!urls.length) {\n svg.select('#loading-svg-nacional').text('Erro ao carregar o mapa. Tente recarregar a p\u00e1gina.');\n return;\n }\n d3.json(urls[0]).then(data => loadMap(data)).catch(() => tryFetch(urls.slice(1)));\n })([\n 'https:\/\/raw.githubusercontent.com\/codeforamerica\/click_that_hood\/master\/public\/data\/brazil-states.geojson',\n 'https:\/\/cdn.jsdelivr.net\/gh\/codeforamerica\/click_that_hood@main\/public\/data\/brazil-states.geojson',\n 'https:\/\/servicodados.ibge.gov.br\/api\/v3\/malhas\/paises\/BR?formato=application\/vnd.geo+json&qualidade=intermediario&divisao=UF'\n ]);\n\n function loadMap(data) {\n svg.select('#loading-svg-nacional').remove();\n\n const features = data.type === 'FeatureCollection' ? data.features : (data.features || []);\n projection.fitExtent([[20, 10], [W - 20, H - 10]], data);\n\n \/\/ Desenha estados coloridos por regi\u00e3o\n svg.selectAll('.state-path')\n .data(features)\n .enter().append('path')\n .attr('class', 'state-path')\n .attr('d', pathGen)\n .attr('data-sigla', d => getSigla(d) || '')\n .attr('fill', d => {\n const sigla = getSigla(d);\n const region = STATE_REGION[sigla];\n return region ? REGION_COLORS[region] : '#C8C8C8';\n })\n .on('mouseover', function(event, d) {\n const sigla = getSigla(d);\n if (!sigla) return;\n tooltip.textContent = STATE_NAMES[sigla] || sigla;\n tooltip.style.display = 'block';\n })\n .on('mousemove', function(event) {\n tooltip.style.left = (event.clientX + 14) + 'px';\n tooltip.style.top = (event.clientY - 34) + 'px';\n })\n .on('mouseout', function() {\n tooltip.style.display = 'none';\n })\n .on('click', function(event, d) {\n const sigla = getSigla(d);\n if (sigla) handleStateSelect(sigla);\n });\n\n \/\/ R\u00f3tulos sigla\n svg.selectAll('.state-label')\n .data(features)\n .enter().append('text')\n .attr('class', 'state-label')\n .attr('x', d => pathGen.centroid(d)[0])\n .attr('y', d => pathGen.centroid(d)[1])\n .text(d => getSigla(d) || '');\n }\n}\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3abe7b1 elementor-widget elementor-widget-spacer\" data-id=\"3abe7b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\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>Petsqu\u00e9 Distributors Map National Distributors \u2013 Petsque Loading map\u2026 North Northeast Midwest Southeast South or click directly on a state on the map<\/p>","protected":false},"author":8,"featured_media":0,"parent":3734,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-4889","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/petsocietylovers.com.br\/en\/wp-json\/wp\/v2\/pages\/4889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/petsocietylovers.com.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/petsocietylovers.com.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/petsocietylovers.com.br\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/petsocietylovers.com.br\/en\/wp-json\/wp\/v2\/comments?post=4889"}],"version-history":[{"count":10,"href":"https:\/\/petsocietylovers.com.br\/en\/wp-json\/wp\/v2\/pages\/4889\/revisions"}],"predecessor-version":[{"id":4911,"href":"https:\/\/petsocietylovers.com.br\/en\/wp-json\/wp\/v2\/pages\/4889\/revisions\/4911"}],"up":[{"embeddable":true,"href":"https:\/\/petsocietylovers.com.br\/en\/wp-json\/wp\/v2\/pages\/3734"}],"wp:attachment":[{"href":"https:\/\/petsocietylovers.com.br\/en\/wp-json\/wp\/v2\/media?parent=4889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}