Gerências Regionais

#bodyMaps {
display: flex;
flex-direction: row;
flex-wrap: wrap; /* Permite que os itens se ajustem ao tamanho da tela */
}
#map {
height: 670px;
flex: 1 1 60%; /* Ocupa 60% da largura em telas largas */
}
#accordion02 {
flex: 1 1 40%; /* Ocupa 40% da largura em telas largas */
padding: 10px;
box-sizing: border-box;
}

@media (max-width: 800px) {
#map, #accordion02 {
flex: 1 1 100%; /* Ambos os elementos ocupam 100% da largura em telas estreitas */
}
#map {
order: 1; /* Mapa vem primeiro */
}
#accordion02 {
order: 2; /* Acordeão vem depois */
}
}

document.addEventListener(‘DOMContentLoaded’, function() {
var mapFrame = document.getElementById(‘mapa-atual’);

document.getElementById(‘button-gerencia-1’).addEventListener(‘click’, function() {
mapFrame.src = “https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3980.999314112398!2d-38.495406724154925!3d-3.8102276435956712!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7c74f8f169b4f4d%3A0x983a73c9f04a9308!2sCOGERH%20-%20Companhia%20de%20Gest%C3%A3o%20dos%20Recursos%20H%C3%ADdricos!5e0!3m2!1spt-BR!2sbr!4v1717432165780!5m2!1spt-BR!2sbr”;
});

document.getElementById(‘button-gerencia-2’).addEventListener(‘click’, function() {
mapFrame.src = “https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3980.999314112398!2d-38.495406724154925!3d-3.8102276435956712!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7c74f8f169b4f4d%3A0x983a73c9f04a9308!2sCOGERH%20-%20Companhia%20de%20Gest%C3%A3o%20dos%20Recursos%20H%C3%ADdricos!5e0!3m2!1spt-BR!2sbr!4v1717432165780!5m2!1spt-BR!2sbr”;
});

document.getElementById(‘button-gerencia-3’).addEventListener(‘click’, function() {
mapFrame.src = “https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2034754.9974733477!2d-40.213336330446936!3d-5.0825290496896445!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7a31f62cd6f2279%3A0x8a62ef0392a6c63f!2sCOGERH!5e0!3m2!1spt-BR!2sbr!4v1717432356187!5m2!1spt-BR!2sbr”;
});

document.getElementById(‘button-gerencia-4’).addEventListener(‘click’, function() {
mapFrame.src = “https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3973.4112499424778!2d-39.30491322501751!3d-5.197871394779722!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7bc357e015d9e23%3A0xae8386a06f5833e7!2sCOGERH%20-%20Quixeramobim%20(Ger%C3%AAncia%20Regional%20da%20Bacia%20do%20Banabui%C3%BA)!5e0!3m2!1spt-BR!2sbr!4v1717432463044!5m2!1spt-BR!2sbr”;
});

document.getElementById(‘button-gerencia-5’).addEventListener(‘click’, function() {
mapFrame.src = “https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d507177.32519893674!2d-39.71765299325545!3d-6.730407288824053!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7a1849170cc4a2d%3A0x559eec9d825e3a9d!2sR.%20C%C3%ADcero%20Araripe%2C%2025%20-%20Pimenta%2C%20Crato%20-%20CE%2C%2063105-150!5e0!3m2!1spt-BR!2sbr!4v1717432503294!5m2!1spt-BR!2sbr”;
});

document.getElementById(‘button-gerencia-6’).addEventListener(‘click’, function() {
mapFrame.src = “https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3981.5734784155848!2d-40.34623042415612!3d-3.6840630429500103!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7eac72233421f61%3A0x67d11e98d8d464bf!2sAv.%20Dom%20Jos%C3%A9%2C%20120%20-%20Dom%20Jose%2C%20Sobral%20-%20CE%2C%2062042-020!5e0!3m2!1spt-BR!2sbr!4v1717432552488!5m2!1spt-BR!2sbr”;
});

document.getElementById(‘button-gerencia-7’).addEventListener(‘click’, function() {
mapFrame.src = “https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3982.445846673189!2d-39.569129224157614!3d-3.4836505419778896!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7c04ffd152bdc5b%3A0xbe3f4fb51fc461ce!2sCOGERH%20-%20Ger%C3%AAncia%20Regional%20do%20Litoral!5e0!3m2!1spt-BR!2sbr!4v1717432579537!5m2!1spt-BR!2sbr”;
});

document.getElementById(‘button-gerencia-8’).addEventListener(‘click’, function() {
mapFrame.src = “https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d127405.31683726945!2d-39.42885211728544!3d-3.7190586362120404!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7c086295278d49d%3A0x4177603a096494ea!2sR.%20Eufr%C3%A1sio%20Lopes%20Sales%2C%20930%20-%20Centro%2C%20Pentecoste%20-%20CE%2C%2062640-000!5e0!3m2!1spt-BR!2sbr!4v1717432608398!5m2!1spt-BR!2sbr”;
});

document.getElementById(‘button-gerencia-9’).addEventListener(‘click’, function() {
mapFrame.src = “https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3973.6844184731494!2d-38.10532522501762!3d-5.154389494822917!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7bbd106f678a1f7%3A0xb5b0a775376a8733!2sCompanhia%20de%20Gest%C3%A3o%20dos%20Recursos%20H%C3%ADdricos-COGERH!5e0!3m2!1spt-BR!2sbr!4v1717432644716!5m2!1spt-BR!2sbr”;
});

document.getElementById(‘button-gerencia-10’).addEventListener(‘click’, function() {
mapFrame.src = “https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3973.5156623872676!2d-40.67127172501765!3d-5.181294394796181!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x796f5c916af59eb%3A0xc900fff1cfe6803c!2sCOGERH%20-%20Ger%C3%AAncia%20de%20Crate%C3%BAs!5e0!3m2!1spt-BR!2sbr!4v1717432690694!5m2!1spt-BR!2sbr”;
});

document.getElementById(‘button-gerencia-11’).addEventListener(‘click’, function() {
mapFrame.src = “https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1210721.341705598!2d-41.67793252562813!3d-4.608540377296896!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x794c3ccd6856f43%3A0xec1db9d8363b2140!2sR.%20Irineu%20Pinto%20da%20Silveira%2C%20157%20-%20S%C3%A3o%20Benedito%2C%20CE%2C%2062370-000!5e0!3m2!1spt-BR!2sbr!4v1717432741698!5m2!1spt-BR!2sbr”;
});

});