Distribuidores Nacionais \u2013 Soft Care<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n body {\r\n font-family: sans-serif;\r\n background: #f0f4f8;\r\n color: #333;\r\n }\r\n\r\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 *\/\r\n .map-wrapper {\r\n position: relative;\r\n max-width: 580px;\r\n margin: 0 auto 4px;\r\n }\r\n\r\n #brazil-map {\r\n width: 100%;\r\n display: block;\r\n background: transparent;\r\n }\r\n\r\n .state-path {\r\n stroke: #fff;\r\n stroke-width: 0.7;\r\n cursor: pointer;\r\n transition: filter 0.12s, stroke-width 0.12s;\r\n }\r\n .state-path:hover { filter: brightness(1.25); }\r\n .state-path.active { filter: brightness(1.18); stroke-width: 1.8; }\r\n .state-path.dimmed { filter: brightness(0.55) saturate(0.25); }\r\n\r\n .state-label {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 7.5px;\r\n font-weight: 700;\r\n fill: #fff;\r\n text-anchor: middle;\r\n dominant-baseline: central;\r\n pointer-events: none;\r\n paint-order: stroke fill;\r\n stroke: rgba(0,0,0,0.35);\r\n stroke-width: 2.2px;\r\n }\r\n\r\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 *\/\r\n #state-tooltip {\r\n position: fixed;\r\n background: rgba(25,25,25,0.82);\r\n color: #fff;\r\n padding: 5px 12px;\r\n border-radius: 7px;\r\n font-size: 12px;\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 600;\r\n pointer-events: none;\r\n display: none;\r\n z-index: 300;\r\n white-space: nowrap;\r\n letter-spacing: 0.3px;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.25);\r\n }\r\n\r\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 *\/\r\n .legend {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n justify-content: center;\r\n max-width: 100%;\r\n margin: 8px auto 6px;\r\n padding: 0;\r\n }\r\n .legend-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 7px;\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 13px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n padding: 6px 14px;\r\n border-radius: 20px;\r\n background: white;\r\n box-shadow: 0 1px 5px rgba(0,0,0,0.1);\r\n transition: box-shadow 0.2s, transform 0.15s, border-color 0.15s;\r\n letter-spacing: 0.4px;\r\n border: 2px solid transparent;\r\n user-select: none;\r\n }\r\n .legend-item:hover { box-shadow: 0 3px 10px rgba(0,0,0,0.18); transform: translateY(-1px); }\r\n .legend-item.active { border-color: var(--region-color); background: #f6fff2; }\r\n .legend-dot { width: 13px; height: 13px; border-radius: 50%; flex-shrink: 0; }\r\n\r\n .hint-text {\r\n text-align: center;\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 12px;\r\n color: #aaa;\r\n margin-bottom: 22px;\r\n letter-spacing: 0.2px;\r\n }\r\n\r\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 *\/\r\n #distributor-section {\r\n max-width: 100%;\r\n margin: 0 auto 70px;\r\n padding: 0;\r\n display: none;\r\n }\r\n\r\n #section-title {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 1.25rem;\r\n font-weight: 700;\r\n color: #47A02C;\r\n border-left: 5px solid #47A02C;\r\n padding-left: 14px;\r\n margin-bottom: 18px;\r\n letter-spacing: 0.4px;\r\n transition: color 0.3s, border-color 0.3s;\r\n }\r\n\r\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 *\/\r\n .cards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 14px;\r\n }\r\n\r\n .dist-card {\r\n border-radius: 14px;\r\n box-shadow: 0 2px 12px rgba(0,0,0,0.08);\r\n overflow: hidden;\r\n background: white;\r\n transition: box-shadow 0.2s, transform 0.15s;\r\n }\r\n .dist-card:hover {\r\n box-shadow: 0 4px 18px rgba(0,0,0,0.14);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .dist-header {\r\n background: #47A02C;\r\n color: white;\r\n padding: 12px 16px;\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 13px;\r\n font-weight: 700;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .dist-body { padding: 11px 16px 14px; }\r\n\r\n .dist-coverage {\r\n display: inline-block;\r\n font-size: 11px;\r\n color: #666;\r\n background: #f0f0f0;\r\n padding: 3px 10px;\r\n border-radius: 10px;\r\n margin-bottom: 10px;\r\n line-height: 1.4;\r\n }\r\n\r\n .dist-contact { display: flex; flex-direction: column; gap: 7px; }\r\n\r\n .contact-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 12px;\r\n color: #555;\r\n }\r\n .contact-row a { color: inherit; text-decoration: none; }\r\n .contact-row a:hover { text-decoration: underline; }\r\n .contact-icon { width: 15px; height: 15px; flex-shrink: 0; opacity: 0.75; }\r\n .row-wa { color: #1aab55; }\r\n\r\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 *\/\r\n .state-group { margin-bottom: 28px; }\r\n .state-group-header {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: #777;\r\n text-transform: uppercase;\r\n letter-spacing: 1.2px;\r\n margin-bottom: 10px;\r\n padding-bottom: 6px;\r\n border-bottom: 1px solid #e0e0e0;\r\n }\r\n\r\n .empty-msg {\r\n background: white;\r\n border-radius: 10px;\r\n padding: 48px 20px;\r\n text-align: center;\r\n color: #aaa;\r\n font-size: 15px;\r\n box-shadow: 0 2px 14px rgba(0,0,0,0.08);\r\n }\r\n\r\n @keyframes fadeSlide {\r\n from { opacity: 0; transform: translateY(12px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n .fade-in { animation: fadeSlide 0.3s ease; }\r\n\r\n @media (max-width: 680px) {\r\n .cards-grid { grid-template-columns: 1fr; }\r\n #section-title { font-size: 1.05rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div id=\"state-tooltip\"><\/div>\r\n\r\n<div class=\"map-wrapper\">\r\n <svg id=\"brazil-map\" viewBox=\"0 0 620 700\">\r\n <text id=\"loading-svg\" x=\"310\" y=\"350\" text-anchor=\"middle\" fill=\"#888\" font-size=\"14\" font-family=\"Arial\">Carregando mapa\u2026<\/text>\r\n <\/svg>\r\n<\/div>\r\n\r\n\r\n<div class=\"legend\" id=\"legend\">\r\n <div class=\"legend-item\" data-region=\"norte\" style=\"--region-color:#B5D934\">\r\n <div class=\"legend-dot\" style=\"background:#B5D934\"><\/div>\r\n <span>Norte<\/span>\r\n <\/div>\r\n <div class=\"legend-item\" data-region=\"nordeste\" style=\"--region-color:#7DC221\">\r\n <div class=\"legend-dot\" style=\"background:#7DC221\"><\/div>\r\n <span>Nordeste<\/span>\r\n <\/div>\r\n <div class=\"legend-item\" data-region=\"centro-oeste\" style=\"--region-color:#5CAD1A\">\r\n <div class=\"legend-dot\" style=\"background:#5CAD1A\"><\/div>\r\n <span>Centro-Oeste<\/span>\r\n <\/div>\r\n <div class=\"legend-item\" data-region=\"sudeste\" style=\"--region-color:#47A02C\">\r\n <div class=\"legend-dot\" style=\"background:#47A02C\"><\/div>\r\n <span>Sudeste<\/span>\r\n <\/div>\r\n <div class=\"legend-item\" data-region=\"sul\" style=\"--region-color:#2E7D32\">\r\n <div class=\"legend-dot\" style=\"background:#2E7D32\"><\/div>\r\n <span>Sul<\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n<p class=\"hint-text\">ou clique diretamente em um estado no mapa<\/p>\r\n\r\n<div id=\"distributor-section\">\r\n <div id=\"section-title\"><\/div>\r\n <div id=\"distributor-content\"><\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/d3\/7.8.5\/d3.min.js\"><\/script>\r\n\r\n<script>\r\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\r\nconst REGION_COLORS = {\r\n 'norte': '#B5D934',\r\n 'nordeste': '#7DC221',\r\n 'centro-oeste': '#5CAD1A',\r\n 'sudeste': '#47A02C',\r\n 'sul': '#2E7D32'\r\n};\r\n\r\nconst REGION_LABELS = {\r\n 'norte': 'Norte',\r\n 'nordeste': 'Nordeste',\r\n 'centro-oeste': 'Centro-Oeste',\r\n 'sudeste': 'Sudeste',\r\n 'sul': 'Sul'\r\n};\r\n\r\nconst STATE_REGION = {\r\n AC:'norte', AM:'norte', AP:'norte', PA:'norte', RO:'norte', RR:'norte', TO:'norte',\r\n AL:'nordeste', BA:'nordeste', CE:'nordeste', MA:'nordeste', PB:'nordeste',\r\n PE:'nordeste', PI:'nordeste', RN:'nordeste', SE:'nordeste',\r\n DF:'centro-oeste', GO:'centro-oeste', MS:'centro-oeste', MT:'centro-oeste',\r\n ES:'sudeste', MG:'sudeste', RJ:'sudeste', SP:'sudeste',\r\n PR:'sul', RS:'sul', SC:'sul'\r\n};\r\n\r\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\r\nconst STATE_NAMES = {\r\n 'AC':'Acre','AL':'Alagoas','AP':'Amap\u00e1','AM':'Amazonas','BA':'Bahia',\r\n 'CE':'Cear\u00e1','DF':'Distrito Federal','ES':'Esp\u00edrito Santo','GO':'Goi\u00e1s',\r\n 'MA':'Maranh\u00e3o','MT':'Mato Grosso','MS':'Mato Grosso do Sul',\r\n 'MG':'Minas Gerais','PA':'Par\u00e1','PB':'Para\u00edba','PR':'Paran\u00e1',\r\n 'PE':'Pernambuco','PI':'Piau\u00ed','RJ':'Rio de Janeiro','RN':'Rio Grande do Norte',\r\n 'RS':'Rio Grande do Sul','RO':'Rond\u00f4nia','RR':'Roraima','SC':'Santa Catarina',\r\n 'SP':'S\u00e3o Paulo','SE':'Sergipe','TO':'Tocantins'\r\n};\r\n\r\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\r\nconst IBGE_TO_SIGLA = {\r\n 11:'RO',12:'AC',13:'AM',14:'RR',15:'PA',16:'AP',17:'TO',\r\n 21:'MA',22:'PI',23:'CE',24:'RN',25:'PB',26:'PE',27:'AL',28:'SE',29:'BA',\r\n 31:'MG',32:'ES',33:'RJ',35:'SP',\r\n 41:'PR',42:'SC',43:'RS',\r\n 50:'MS',51:'MT',52:'GO',53:'DF'\r\n};\r\n\r\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\r\nconst stateDistributors = {\r\n 'AC': [\r\n { name:'INOVAR', phone:'(69) 3424-0020', whatsapp:'(69) 3424-0020', email:'contato@inovaronline.com.br' }\r\n ],\r\n 'AL': [\r\n { name:'AMOEDO DISTRIBUIDORA', phone:'0800 941 1290', whatsapp:'(81) 8362-2303', email:'estela.fausto@amoedodistribuidora.com.br' }\r\n ],\r\n 'AP': [\r\n { name:'J.HENRIQUES', phone:'(91) 3265-1181', whatsapp:'(91) 99110-9007', email:'j.henriqueadasilva@gmail.com' }\r\n ],\r\n 'AM': [\r\n { name:'BATISTELLA', phone:'(92) 3020-9087', whatsapp:'(92) 99403-0319', email:'danielycastro@batistelladistribuidora.com.br' }\r\n ],\r\n 'BA': [\r\n { name:'AMOR DE BICHO', phone:'(73) 3634-9972', whatsapp:'(73) 98866-5434', email:'mateuscoelhus@gmail.com', coverage:'Ilh\u00e9us, Sul, Extremo Sul, Sudoeste e Oeste da Bahia' },\r\n { name:'AMOEDO', phone:'0800 941 1290', whatsapp:'(73) 98866-5434', email:'estela.fausto@amoedodistribuidora.com.br', coverage:'Salvador e regi\u00e3o metropolitana' }\r\n ],\r\n 'CE': [\r\n { name:'GIREZE', phone:'(85) 4141-3401', whatsapp:'(85) 9815-1171', email:'riscliffalmeida@gmail.com' }\r\n ],\r\n 'DF': [\r\n { name:'ZAK', phone:'(61) 98469-0375', whatsapp:'(61) 98469-0375' }\r\n ],\r\n 'ES': [\r\n { name:'GLOBAL', phone:'(27) 3229-8298', whatsapp:'(27) 99243-5048', email:'vendas@globaldist.com.br' }\r\n ],\r\n 'GO': [\r\n { name:'SUPRIFARMA', phone:'(62) 3638-0407', whatsapp:'(62) 9867-3214', email:'suprifarma@suprifarma.vet.br', coverage:'Goi\u00e1s (exceto Distrito Federal)' }\r\n ],\r\n 'MA': [\r\n { name:'VIDA', phone:'(86) 3233-1267', whatsapp:'(86) 8171-5050', email:'caen@distribuidoravida.com' }\r\n ],\r\n 'MT': [\r\n { name:'MC AGRO', phone:'(65) 3625-1500', whatsapp:'(65) 99212-4297', email:'mcagro@terra.com.br' }\r\n ],\r\n 'MS': [\r\n { name:'DIZ', phone:'(67) 3387-1282', whatsapp:'(67) 9850-9183', email:'dizcomer@gmail.com' }\r\n ],\r\n 'MG': [\r\n { name:'M&M', phone:'(31) 3892-4392', coverage:'Zona da Mata, Juiz de Fora-Araponga, Barbacena, Barroso, Coimbra, Erv\u00e1lia, Guiricema, Piedade de Ponte Nova, Rio Espera, Rio Pomba, Rodeiro, Santo Ant\u00f4nio do Grama, S\u00e3o Geraldo, S\u00e3o Jo\u00e3o del Rei, S\u00e3o Miguel do Anta, Teixeiras, Tiradentes, Ub\u00e1, Vi\u00e7osa' },\r\n { name:'COMPROMISSO', phone:'(31) 97228-0214', whatsapp:'(91) 99110-9007', email:'Atendimento@compromissopet.com.br', coverage:'Grande BH e Regi\u00e3o Metropolitana' },\r\n { name:'PORTO', phone:'(11) 93778-0214', whatsapp:'(11) 93778-0214', email:'sac@vetlinebrasil.com.br', coverage:'Tri\u00e2ngulo Mineiro' }\r\n ],\r\n 'PA': [\r\n { name:'J.HENRIQUES', phone:'(91) 3265-1181', whatsapp:'(91) 99110-9007', email:'j.henriqueadasilva@gmail.com' }\r\n ],\r\n 'PB': [\r\n { name:'GARRA ANIMAL', phone:'(83) 3142-1312', whatsapp:'(83) 98825-0729', email:'adm@garraanimal.com.br' }\r\n ],\r\n 'PR': [\r\n { name:'BIOCOM', phone:'(41) 3398-1212', whatsapp:'(41) 9895-9805', email:'biocom@biocom.com.br', email2:'televendas@biocom.com.br' }\r\n ],\r\n 'PE': [\r\n { name:'AMOEDO DISTRIBUIDORA', phone:'0800 941 1290', whatsapp:'(81) 8362-2303', email:'estela.fausto@amoedodistribuidora.com.br' }\r\n ],\r\n 'PI': [\r\n { name:'VIDA', phone:'(86) 3233-1267', whatsapp:'(86) 8171-5050', email:'caen@distribuidoravida.com' }\r\n ],\r\n 'RJ': [\r\n { name:'MOURAGRO', phone:'(32) 3449-4243', email:'atendimento@mouragro.com.br' }\r\n ],\r\n 'RN': [\r\n { name:'RA\u00c7A', phone:'(84) 3213-5495', whatsapp:'(84) 98818-3895', email:'raca@racadistribuidora.com.br' }\r\n ],\r\n 'RS': [\r\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' },\r\n { name:'VETLOG', phone:'(51) 3446-3519', whatsapp:'(51) 3446-3519', email:'atendimento@vetlog.com.br' }\r\n ],\r\n 'RO': [\r\n { name:'INOVAR', phone:'(69) 3424-0020', whatsapp:'(69) 3424-0020', email:'contato@inovaronline.com.br' }\r\n ],\r\n 'RR': [\r\n { name:'BATISTELLA', phone:'(92) 3020-9087', whatsapp:'(92) 99403-0319', email:'danielycastro@batistelladistribuidora.com.br' }\r\n ],\r\n 'SC': [\r\n { name:'PET LINE', phone:'(47) 3427-5798', email:'adriano@petline.vet.br' }\r\n ],\r\n 'SP': [\r\n { name:'GLOBAL', 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' },\r\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' },\r\n { name:'VETLINE', phone:'(11) 4521-9216', whatsapp:'(11) 97365-0356', email:'tassia.santoro@vetlinebrasil.com.br', coverage:'Capital SP: Zona Sul, Centro Sul e ABC Paulista' },\r\n { name:'PETMAR', phone:'(13) 3322-4009', whatsapp:'(13) 99123-9682', email:'petmardistribuidora@petmardistribuidora.com.br', coverage:'Baixada Santista' },\r\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' },\r\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' }\r\n ],\r\n 'SE': [\r\n { name:'AMOEDO DISTRIBUIDORA', phone:'0800 941 1290', whatsapp:'(81) 8362-2303', email:'estela.fausto@amoedodistribuidora.com.br' }\r\n ],\r\n 'TO': [\r\n { name:'BIRIVET', phone:'(63) 3414-3132', whatsapp:'(63) 99259-0627', email:'birivet.suzuki@gmail.com' }\r\n ]\r\n};\r\n\r\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\r\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>`;\r\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>`;\r\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>`;\r\n\r\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\r\nfunction toTelHref(n) {\r\n if (!n) return null;\r\n const digits = n.replace(\/\\D\/g, '');\r\n return n.trim().startsWith('0800') ? 'tel:' + digits : 'tel:+55' + digits;\r\n}\r\nfunction toWaHref(n) {\r\n if (!n || n.trim().startsWith('0800')) return null;\r\n const digits = n.replace(\/\\D\/g, '');\r\n return digits.length < 8 ? null : 'https:\/\/wa.me\/55' + digits;\r\n}\r\n\r\nfunction buildCard(d) {\r\n const coverageHtml = d.coverage\r\n ? `<div class=\"dist-coverage\">${d.coverage}<\/div>`\r\n : '';\r\n const phoneHtml = d.phone\r\n ? `<div class=\"contact-row\">${ICON_PHONE}<a href=\"${toTelHref(d.phone)}\">${d.phone}<\/a><\/div>`\r\n : '';\r\n const waHref = toWaHref(d.whatsapp);\r\n const waHtml = waHref\r\n ? `<div class=\"contact-row row-wa\">${ICON_WA}<a href=\"${waHref}\" target=\"_blank\" rel=\"noopener\">${d.whatsapp}<\/a><\/div>`\r\n : '';\r\n const emailHtml = d.email\r\n ? `<div class=\"contact-row\">${ICON_EMAIL}<a href=\"mailto:${d.email}\">${d.email}<\/a><\/div>`\r\n : '';\r\n const email2Html = d.email2\r\n ? `<div class=\"contact-row\">${ICON_EMAIL}<a href=\"mailto:${d.email2}\">${d.email2}<\/a><\/div>`\r\n : '';\r\n return `<div class=\"dist-card\">\r\n <div class=\"dist-header\">${d.name}<\/div>\r\n <div class=\"dist-body\">\r\n ${coverageHtml}\r\n <div class=\"dist-contact\">${phoneHtml}${waHtml}${emailHtml}${email2Html}<\/div>\r\n <\/div>\r\n <\/div>`;\r\n}\r\n\r\nfunction showSection(title, color, contentHtml) {\r\n const titleEl = document.getElementById('section-title');\r\n titleEl.textContent = title;\r\n titleEl.style.color = color;\r\n titleEl.style.borderColor = color;\r\n\r\n const contentEl = document.getElementById('distributor-content');\r\n contentEl.className = 'fade-in';\r\n contentEl.innerHTML = contentHtml;\r\n\r\n const section = document.getElementById('distributor-section');\r\n section.style.display = 'block';\r\n setTimeout(() => section.scrollIntoView({ behavior: 'smooth', block: 'nearest' }), 50);\r\n}\r\n\r\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\r\nlet selectedState = null;\r\nlet selectedRegion = null;\r\n\r\nfunction handleStateSelect(sigla) {\r\n \/\/ Toggle\r\n if (selectedState === sigla) {\r\n selectedState = null;\r\n d3.selectAll('.state-path').classed('active', false).classed('dimmed', false);\r\n document.getElementById('distributor-section').style.display = 'none';\r\n return;\r\n }\r\n selectedState = sigla;\r\n selectedRegion = null;\r\n\r\n \/\/ Atualiza legenda\r\n document.querySelectorAll('.legend-item').forEach(el => el.classList.remove('active'));\r\n\r\n \/\/ Destaca apenas o estado clicado\r\n d3.selectAll('.state-path')\r\n .classed('active', false)\r\n .classed('dimmed', false);\r\n d3.selectAll(`.state-path[data-sigla=\"${sigla}\"]`).classed('active', true);\r\n\r\n const list = stateDistributors[sigla] || [];\r\n const cardsHtml = list.length\r\n ? `<div class=\"cards-grid\">${list.map(buildCard).join('')}<\/div>`\r\n : '<div class=\"empty-msg\">Nenhum distribuidor cadastrado neste estado.<\/div>';\r\n\r\n showSection(STATE_NAMES[sigla] || sigla, '#47A02C', cardsHtml);\r\n}\r\n\r\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\r\nfunction handleRegionSelect(regionKey) {\r\n const legendItem = document.querySelector(`.legend-item[data-region=\"${regionKey}\"]`);\r\n\r\n \/\/ Toggle\r\n if (selectedRegion === regionKey) {\r\n selectedRegion = null;\r\n selectedState = null;\r\n d3.selectAll('.state-path').classed('active', false).classed('dimmed', false);\r\n document.querySelectorAll('.legend-item').forEach(el => el.classList.remove('active'));\r\n document.getElementById('distributor-section').style.display = 'none';\r\n return;\r\n }\r\n selectedRegion = regionKey;\r\n selectedState = null;\r\n\r\n \/\/ Atualiza legenda\r\n document.querySelectorAll('.legend-item').forEach(el => el.classList.remove('active'));\r\n if (legendItem) legendItem.classList.add('active');\r\n\r\n \/\/ Destaca estados da regi\u00e3o, escurece os outros\r\n d3.selectAll('.state-path').each(function(d) {\r\n const sigla = d3.select(this).attr('data-sigla');\r\n const inRegion = STATE_REGION[sigla] === regionKey;\r\n d3.select(this).classed('active', inRegion).classed('dimmed', !inRegion);\r\n });\r\n\r\n \/\/ Ordena estados da regi\u00e3o por nome\r\n const regionStates = Object.entries(STATE_REGION)\r\n .filter(([, r]) => r === regionKey)\r\n .map(([s]) => s)\r\n .sort((a, b) => (STATE_NAMES[a] || a).localeCompare(STATE_NAMES[b] || b, 'pt'));\r\n\r\n const sections = regionStates\r\n .filter(s => stateDistributors[s] && stateDistributors[s].length)\r\n .map(s => `<div class=\"state-group\">\r\n <div class=\"state-group-header\">${STATE_NAMES[s] || s}<\/div>\r\n <div class=\"cards-grid\">${stateDistributors[s].map(buildCard).join('')}<\/div>\r\n <\/div>`).join('');\r\n\r\n const color = REGION_COLORS[regionKey];\r\n showSection(REGION_LABELS[regionKey], color, sections || '<div class=\"empty-msg\">Nenhum distribuidor cadastrado.<\/div>');\r\n}\r\n\r\n\/\/ Conecta legenda\r\ndocument.querySelectorAll('.legend-item[data-region]').forEach(item => {\r\n item.addEventListener('click', () => handleRegionSelect(item.dataset.region));\r\n});\r\n\r\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\r\n(function waitForD3() {\r\n if (typeof d3 === 'undefined') return setTimeout(waitForD3, 80);\r\n initMap();\r\n})();\r\n\r\nfunction initMap() {\r\n const W = 620, H = 700;\r\n const svg = d3.select('#brazil-map').attr('viewBox', `0 0 ${W} ${H}`);\r\n const projection = d3.geoMercator();\r\n const pathGen = d3.geoPath().projection(projection);\r\n\r\n const tooltip = document.getElementById('state-tooltip');\r\n\r\n function getSigla(feature) {\r\n const p = feature.properties || {};\r\n if (p.sigla) return p.sigla.toUpperCase();\r\n if (p.SIGLA) return p.SIGLA.toUpperCase();\r\n if (p.abbrev) return p.abbrev.toUpperCase();\r\n const code = p.codarea || p.CD_GEOCUF || p.id || p.codigo;\r\n if (code) return IBGE_TO_SIGLA[+code] || null;\r\n return null;\r\n }\r\n\r\n (function tryFetch(urls) {\r\n if (!urls.length) {\r\n svg.select('#loading-svg').text('Erro ao carregar o mapa. Tente recarregar a p\u00e1gina.');\r\n return;\r\n }\r\n d3.json(urls[0]).then(data => loadMap(data)).catch(() => tryFetch(urls.slice(1)));\r\n })([\r\n 'https:\/\/raw.githubusercontent.com\/codeforamerica\/click_that_hood\/master\/public\/data\/brazil-states.geojson',\r\n 'https:\/\/cdn.jsdelivr.net\/gh\/codeforamerica\/click_that_hood@main\/public\/data\/brazil-states.geojson',\r\n 'https:\/\/servicodados.ibge.gov.br\/api\/v3\/malhas\/paises\/BR?formato=application\/vnd.geo+json&qualidade=intermediario&divisao=UF'\r\n ]);\r\n\r\n function loadMap(data) {\r\n svg.select('#loading-svg').remove();\r\n\r\n const features = data.type === 'FeatureCollection' ? data.features : (data.features || []);\r\n projection.fitExtent([[20, 10], [W - 20, H - 10]], data);\r\n\r\n \/\/ Desenha estados coloridos por regi\u00e3o\r\n svg.selectAll('.state-path')\r\n .data(features)\r\n .enter().append('path')\r\n .attr('class', 'state-path')\r\n .attr('d', pathGen)\r\n .attr('data-sigla', d => getSigla(d) || '')\r\n .attr('fill', d => {\r\n const sigla = getSigla(d);\r\n const region = STATE_REGION[sigla];\r\n return region ? REGION_COLORS[region] : '#C8C8C8';\r\n })\r\n .on('mouseover', function(event, d) {\r\n const sigla = getSigla(d);\r\n if (!sigla) return;\r\n tooltip.textContent = STATE_NAMES[sigla] || sigla;\r\n tooltip.style.display = 'block';\r\n })\r\n .on('mousemove', function(event) {\r\n tooltip.style.left = (event.clientX + 14) + 'px';\r\n tooltip.style.top = (event.clientY - 34) + 'px';\r\n })\r\n .on('mouseout', function() {\r\n tooltip.style.display = 'none';\r\n })\r\n .on('click', function(event, d) {\r\n const sigla = getSigla(d);\r\n if (sigla) handleStateSelect(sigla);\r\n });\r\n\r\n \/\/ R\u00f3tulos sigla\r\n svg.selectAll('.state-label')\r\n .data(features)\r\n .enter().append('text')\r\n .attr('class', 'state-label')\r\n .attr('x', d => pathGen.centroid(d)[0])\r\n .attr('y', d => pathGen.centroid(d)[1])\r\n .text(d => getSigla(d) || '');\r\n }\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-930e409 elementor-widget elementor-widget-spacer\" data-id=\"930e409\" 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>Distribuidores Nacionais Distribuidores Nacionais \u2013 Soft Care Carregando mapa\u2026 Norte Nordeste Centro-Oeste Sudeste Sul ou clique diretamente em um estado no mapa<\/p>","protected":false},"author":8,"featured_media":0,"parent":1518,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/softcare.com.br\/en\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/softcare.com.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/softcare.com.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/softcare.com.br\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/softcare.com.br\/en\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":39,"href":"https:\/\/softcare.com.br\/en\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":8538,"href":"https:\/\/softcare.com.br\/en\/wp-json\/wp\/v2\/pages\/19\/revisions\/8538"}],"up":[{"embeddable":true,"href":"https:\/\/softcare.com.br\/en\/wp-json\/wp\/v2\/pages\/1518"}],"wp:attachment":[{"href":"https:\/\/softcare.com.br\/en\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}