@extends('layouts.app')
@section('content')
<!--conteúdo-->
<section class="conteudo-internas centraliza">
    <div class='row mb-4' style='text-align:center'>
        <h1 class="titulo-internas" style="color: #005eb6">Hospedagem em Diamantina MG</h1>
        <h3>Selecionamos 26 opções de hospedagem para você desfrutar de sua hospedagem para o evento</h3>
    </div>
    <div class='row mt-20'>
        <div class='col-sm-6 mb-6 '>
            <div class="list-group" style="display:block" id='pg1'>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao0">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Pouso da Chica</h5>
                        <small class="text-muted">(38)3531-6190</small>
                        <!-- <small>(38)35316190</small> -->
                    </div>
                    <p class="mb-1">Rua Macau de Cima, nº. 129</p>
                    <small class="text-muted">pousodachica@gmail.com</small>
                </a>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao11">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Pousada Caminho dos Escravos</h5>
                        <small class="text-muted">(38)3531-1664</small>
                    </div>
                    <p class="mb-1">Rua Acayaca nº. 05</p>
                    <small class="text-muted">pcaminhodosescravos@gmail.com</small>
                </a>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao4">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Pousada Vila do Imperador</h5>
                        <small class="text-muted">(38) 99814-0071</small>
                    </div>
                    <p class="mb-1">Rua do Rosário, nº. 71</p>
                    <small class="text-muted">viladoimperadorpousada@gmail.com</small>
                </a>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao2">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Pousada do Garimpo</h5>
                        <small class="text-muted">(38) 3532-1040</small>
                    </div>
                    <p class="mb-1">Av. Da Saudade, nº 265</p>
                    <small class="text-muted">dogarimpo.com.br</small>
                </a>

            </div>
            <div class="list-group" style="display:none" id='pg2'>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao5">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Diamante Pálace Hotel</h5>
                        <small class="text-muted">(38)3531-1561</small>
                    </div>
                    <p class="mb-1">Av. Silvio Felício dos Santos, 1050- 2 km do Centro</p>
                    <small class="text-muted">reservas@diamantepalace.com.br</small>
                </a>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao6">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Pousada Capim Limão</h5>
                        <small class="text-muted">(38)3531-0051</small>
                    </div>
                    <p class="mb-1">Rua Nações Unidas, nº. 66</p>
                    <small class="text-muted">contato@capimlimaopousada.com.br</small>
                </a>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao7">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Hotel Tijuco</h5>
                        <small class="text-muted">(38)3531-1022</small>
                    </div>
                    <p class="mb-1">Rua Macau do Meio, nº. 211</p>
                    <small class="text-muted">contato@hoteltijuco.com.br</small>
                </a>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao3">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Hotel Canto do Chafariz</h5>
                        <small class="text-muted">(38) 3531-2209</small>
                    </div>
                    <p class="mb-1">Praça JK, nº. 25</p>
                    <small class="text-muted">contato@hotelcantoochafariz.com.br</small>
                </a>
            </div>
            <div class="list-group" style="display:none" id='pg3'>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao8">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Pousada Estância do Salitre</h5>
                        <small class="text-muted">(38)3531-1526/ (38)99933-5413</small>
                    </div>
                    <p class="mb-1">Estrada para Extração sn, em frente à Gruta</p>
                    <small class="text-muted">comercial@estanciadosalitre.com.br</small>
                </a>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao9">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Hotel Estilo de Minas</h5>
                        <small class="text-muted">(38)3531-5333</small>
                    </div>
                    <p class="mb-1">Av. João Antunes de Oliveira, 100 A- Bairro Cazuza</p>
                    <small class="text-muted">hotelestilodeminas@gmail.com</small>
                </a>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao10">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Hotel Jardim do Vale</h5>
                        <small class="text-muted">(38)3531-1095</small>
                    </div>
                    <p class="mb-1">Beco da Paciência, nº. 149</p>
                    <small class="text-muted">contato@hoteljardimdovale.com</small>
                </a>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao1">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Pousada Relíquias do Tempo</h5>
                        <small class="text-muted">(38)3531-1627</small>
                    </div>
                    <p class="mb-1">Rua Macau de Baixo, nº. 104</p>
                    <small class="text-muted">pousadareliquiasdotempo@gmail.com</small>
                </a>
            </div>
            <div class="list-group" style="display:none" id='pg4'>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao12">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Pousada Capistrana</h5>
                        <small class="text-muted">(38)3531-6560</small>
                    </div>
                    <p class="mb-1">Rua Campos de Carvalho</p>
                    <small class="text-muted">pousada.capistrana@yahoo.com.br</small>
                </a>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao13">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Pousada Vale do Garimpeiro</h5>
                        <small class="text-muted">(38)3531-3844</small>
                    </div>
                    <p class="mb-1">Rua do Tijuco, nº. 186</p>
                    <small class="text-muted">valedogarimpeiro@hotmail.com</small>
                </a>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao14">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Pousada da Seresta</h5>
                        <small class="text-muted">(38)3531-2368</small>
                    </div>
                    <p class="mb-1">Rua Jogo da Bola, nº. 415</p>
                    <small class="text-muted">reservas@pousadadaseresta.com.br</small>
                </a>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao15">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Pousada Montanhas de Minas</h5>
                        <small class="text-muted">(38)3531-3240</small>
                    </div>
                    <p class="mb-1">Rua Romana, nº. 264</p>
                    <small class="text-muted">montanhasdeminasoficial@gmail.com</small>
                </a>
            </div>
            <div class="list-group" style="display:none" id='pg5'>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao16">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Hotel Esplanada</h5>
                        <small class="text-muted">(38)3531-1778</small>
                    </div>
                    <p class="mb-1">Praça Dom João, nº. 62</p>
                    <small class="text-muted">hotelesplanada@yahoo.com.br</small>
                </a>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao17">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Pousada Vila Biribiri</h5>
                        <small class="text-muted">(38)998298619</small>
                    </div>
                    <p class="mb-1">Praça Dr. Prado, nº.16, Vila do Biribiri</p>
                    <small class="text-muted">pousadaviladobiribiri@gmail.com</small>
                </a>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao18">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Pousada Flor de Liz</h5>
                        <small class="text-muted">(38)99872-3100</small>
                    </div>
                    <p class="mb-1">Rua Augusto Nelson, nº. 117</p>
                    <small class="text-muted">pousadaflordelisoficial@gmail.com</small>
                </a>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao19">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Pousada Gameleira</h5>
                        <small class="text-muted">(38)3531-1900/ (31)98403-7581</small>
                    </div>
                    <p class="mb-1">Rua do Rosário, nº. 209</p>
                    <small class="text-muted">edu.eugeniomacedo@gmail.com</small>
                </a>
            </div>
            <div class="list-group" style="display:none" id='pg6'>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao24">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Pousada Acayaca</h5>
                        <small class="text-muted">(38) 3531-8383</small>
                    </div>
                    <p class="mb-1">Rua Acayaca, nº. 65</p>
                    <small class="text-muted">pacayaca2019@gmail.com</small>
                </a>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao26">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Hostel Central</h5>
                        <small class="text-muted">(38) 98817-4753</small>
                    </div>
                    <p class="mb-1">Rua Jogo da Bola, nº. 311</p>
                    <small class="text-muted">hostelcentraldiamantina@gmail.com</small>
                </a>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao27">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Hotel Conexão</h5>
                        <small class="text-muted">(38) 99981-5840</small>
                    </div>
                    <p class="mb-1">AV. Francisco Sá, nº. 598</p>
                    <small class="text-muted">hotelconexao42@gmail.com</small>
                </a>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao28">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Pousada do Sossego</h5>
                        <small class="text-muted">(38)3531-1079 - (38)99839-8690</small>
                    </div>
                    <p class="mb-1">Rua das Bicas, 21, Bairro Serrano</p>
                    <small class="text-muted">pousadasossego21@gmail.com/ aparecidavieira756@gmail.com</small>
                </a>
            </div>
            <div class="list-group" style="display:none" id='pg7'>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao20">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Pousada Presidente</h5>
                        <small class="text-muted">(38)3531-6369</small>
                    </div>
                    <p class="mb-1">Rua Oscar Batista, 365, Bairro Presidente</p>
                    <small class="text-muted">pousadapresidente@gmail.com</small>
                </a>
                <a class="list-group-item list-group-item-action flex-column align-items-start" onclick="replace(this.id)" id="botao21">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">Pousada Sinhá Moça</h5>
                        <small class="text-muted">(38)3531-3100</small>
                    </div>
                    <p class="mb-1">Praça Brasília, nº. 36</p>
                    <small class="text-muted">sinhamocapousada@gmail.com</small>
                </a>

            </div>
        </div>
        <div class='botao0 col-sm-6' style="display: block;" id="mp1">
            <article class="box-como-chegar">
                <iframe src="https://www.google.com/maps/embed?pb=!1m70!1m12!1m3!1d7578.405851660674!2d-43.601531075334286!3d-18.24651675027652!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m55!3e2!4m5!1s0xaeb900a6a2f285%3A0xe8f5959977b8cb1a!2sHotel%20Tijuco!3m2!1d-18.242732399999998!2d-43.5990186!4m5!1s0xaeb9004d18562b%3A0x977ebdcb4365d54a!2sR.%20Quitanda%20-%20Diamantina%2C%20MG%2C%2039100-000!3m2!1d-18.2451222!2d-43.596807399999996!4m5!1s0xaeb9aa79c80d23%3A0xebfd2a78b9cb829b!2sPousada%20Pouso%20da%20Chica!3m2!1d-18.243171699999998!2d-43.5993156!4m5!1s0xaeb8fee81b8801%3A0x9302e4fa908ac754!2sPousada%20do%20Garimpo%20-%20Diamantina%20%2F%20MG!3m2!1d-18.2504681!2d-43.594991799999995!4m5!1s0xaeb9008c34e99d%3A0xfa3f4829e8d466c3!2sPousada%20Rel%C3%ADquias%20do%20Tempo!3m2!1d-18.2435495!2d-43.598186899999995!4m5!1s0xaeb855040ecd45%3A0x361d584b3ee4116d!2sHotel%20Canto%20Do%20Chafariz!3m2!1d-18.2444573!2d-43.597975399999996!4m5!1s0xaeb90128eb37ab%3A0x6193427276d0ed25!2sPousada%20Caminho%20dos%20Escravos!3m2!1d-18.242518399999998!2d-43.5967858!4m5!1s0xaeb9010ba3464d%3A0x5c84461dc88f0362!2sPousada%20Vila%20do%20Imperador!3m2!1d-18.2446168!2d-43.5956744!4m5!1s0xaeb901ac5638b9%3A0x56bc1d31e1c12a99!2sPousada%20Capistrana%20-%20Rua%20Campos%20Carvalho%20-%20Centro%2C%20Diamantina%20-%20MG!3m2!1d-18.244664699999998!2d-43.5965278!5e0!3m2!1spt-PT!2sbr!4v1658866196507!5m2!1spt-PT!2sbr" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
            </article> <!-- final box-texto-internas -->
        </div>
        <div class='botao0 col-sm-6' style="display: none;" id="mp2">
            <article class="box-como-chegar">
                <iframe src="https://www.google.com/maps/embed?pb=!1m40!1m12!1m3!1d7578.555229422379!2d-43.6087470269165!3d-18.243090860685694!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m25!3e0!4m5!1s0xaeb9b3af95eb1d%3A0xead49d0d293e2526!2sDiamante%20Palace%20Hotel%2C%20Av.%20Silvio%20Fel%C3%ADcio%20dos%20Santos%2C%201050%20-%20Bom%20jesus%2C%20Diamantina%20-%20MG%2C%2039100-000!3m2!1d-18.239705!2d-43.6117147!4m5!1s0xaeb9274f9ea349%3A0xf4e12f481f597f4e!2sPousada%20Capim%20Lim%C3%A3o%20-%20Rua%20Na%C3%A7%C3%B5es%20Unidas%20-%20Diamantina%2C%20MG!3m2!1d-18.2411176!2d-43.5974759!4m5!1s0xaeb900a6a2f285%3A0xe8f5959977b8cb1a!2sHotel%20Tijuco%20-%20Rua%20Macau%20do%20Meio%20-%20Diamantina%2C%20MG!3m2!1d-18.242732399999998!2d-43.5990186!4m5!1s0xaeb855040ecd45%3A0x361d584b3ee4116d!2sHotel%20Canto%20Do%20Chafariz%20-%20Rua%20Macau%20do%20Meio%20-%20Centro%2C%20Diamantina%20-%20MG!3m2!1d-18.2444573!2d-43.597975399999996!5e0!3m2!1spt-BR!2sbr!4v1658933029627!5m2!1spt-BR!2sbr" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
            </article> <!-- final box-texto-internas -->
        </div>
        <div class='botao0 col-sm-6' style="display: none;" id="mp3">
            <article class="box-como-chegar">
                <iframe src="https://www.google.com/maps/embed?pb=!1m40!1m12!1m3!1d60623.764989104566!2d-43.614343527679296!3d-18.256494904025953!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m25!3e0!4m5!1s0xaeb8c49ad99161%3A0xc47561b131499674!2sHotel%20Fazenda%20Est%C3%A2ncia%20do%20Salitre%20-%20Extra%C3%A7%C3%A3o%2C%20Diamantina%20-%20MG!3m2!1d-18.2687225!2d-43.5354156!4m5!1s0xaeb9cae1c77e37%3A0xdc5be8aaa69d2f20!2sEstilo%20de%20Minas%20-%20Avenida%20Jo%C3%A3o%20Antunes%20de%20Oliveira%2C%20Diamantina%20-%20MG%2C%2039100-000!3m2!1d-18.2393316!2d-43.6231653!4m5!1s0xaeb901241a8593%3A0x8fffab4466233ab2!2sHotel%20Jardim%20do%20Vale%20-%20Beco%20da%20Paci%C3%AAncia%20-%20Diamantina%2C%20MG!3m2!1d-18.242881699999998!2d-43.5965385!4m5!1s0xaeb9008c34e99d%3A0xfa3f4829e8d466c3!2sPousada%20Rel%C3%ADquias%20do%20Tempo%20-%20Rua%20Macau%20de%20Baixo%20-%20Diamantina%2C%20MG!3m2!1d-18.2435495!2d-43.598186899999995!5e0!3m2!1spt-BR!2sbr!4v1658933135745!5m2!1spt-BR!2sbr" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
            </article> <!-- final box-texto-internas -->
        </div>
        <div class='botao0 col-sm-6' style="display: none;" id="mp4">
            <article class="box-como-chegar">
                <iframe src="https://www.google.com/maps/embed?pb=!1m40!1m12!1m3!1d7578.431986385512!2d-43.60141192691639!3d-18.245917410844893!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m25!3e0!4m5!1s0xaeb901ac5638b9%3A0x56bc1d31e1c12a99!2sPousada%20Capistrana%20-%20Rua%20Campos%20Carvalho%20-%20Centro%2C%20Diamantina%20-%20MG!3m2!1d-18.244664699999998!2d-43.5965278!4m5!1s0xaeb900d9c467f3%3A0xd761156bae717d81!2sPousada%20Vale%20do%20Garimpeiro%20-%20Rua%20do%20Tijuco%20-%20Diamantina%2C%20MG!3m2!1d-18.242621!2d-43.5969838!4m5!1s0xaeb8fe2d3b6e85%3A0xa29b87a767a8e906!2sPousada%20da%20Seresta%20-%20Rua%20Jogo%20da%20Bola%20-%20Centro%2C%20Diamantina%20-%20MG!3m2!1d-18.2501262!2d-43.5980882!4m5!1s0xaeb9003576dbf5%3A0x74f65df566ac7680!2sHotel%20Montanhas%20de%20Minas%20-%20Rua%20Romana%20-%20Centro%2C%20Diamantina%20-%20MG!3m2!1d-18.248315599999998!2d-43.5983969!5e0!3m2!1spt-BR!2sbr!4v1658933205837!5m2!1spt-BR!2sbr" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
            </article> <!-- final box-texto-internas -->
        </div>
        <div class='botao0 col-sm-6' style="display: none;" id="mp5">
            <article class="box-como-chegar">
                <iframe src="https://www.google.com/maps/embed?pb=!1m40!1m12!1m3!1d3789.1989850285513!2d-43.60073423550683!3d-18.246697492882202!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m25!3e0!4m5!1s0xaeb95300668d91%3A0x7134afb81dd8bc56!2sHotel%20Esplanada%20-%20Largo%20Dom%20Jo%C3%A3o%20-%20Diamantina%2C%20MG!3m2!1d-18.2463153!2d-43.602701599999996!4m5!1s0xaeb903d8097dd1%3A0xe0026545a7104381!2sPra%C3%A7a%20Dr.%20Prado%20-%20Diamantina%2C%20MG%2C%2039100-000!3m2!1d-18.244302899999997!2d-43.5945063!4m5!1s0xaeb9261eb09f3b%3A0x21ef79147cc60101!2sPOUSADA%20FLOR%20DE%20LIS%20DIAMANTINA%20-%20Rua%20Augusto%20Nelson%20-%20Centro%2C%20Diamantina%20-%20MG!3m2!1d-18.245831799999998!2d-43.5982032!4m5!1s0xaeb9d83045e9cd%3A0x40dbb0054f67216d!2sPousada%20Gameleira%20-%20Rua%20do%20Ros%C3%A1rio%20-%20Centro%2C%20Diamantina%20-%20MG!3m2!1d-18.2455379!2d-43.594929!5e0!3m2!1spt-BR!2sbr!4v1658933301044!5m2!1spt-BR!2sbr" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
            </article> <!-- final box-texto-internas -->
        </div>
        <div class='botao0 col-sm-6' style="display: none;" id="mp6">
            <article class="box-como-chegar">
                <iframe src="https://www.google.com/maps/embed?pb=!1m40!1m12!1m3!1d30315.363635057947!2d-43.62279279947468!3d-18.23653724452334!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m25!3e0!4m5!1s0xaeb906d2a77bef%3A0x964ef0e6e4373b86!2sPOUSADA%20ACAYACA%20-%20Rua%20Acaiaca%20-%20Centro%2C%20Diamantina%20-%20MG!3m2!1d-18.2421602!2d-43.5961278!4m5!1s0xaeb8ff6a30ee6b%3A0xfbd72249d2be5911!2sHospedagem%20Hostel%20Central%20Diamantina%20-%20Rua%20Jogo%20da%20Bola%20-%20Diamantina%2C%20MG!3m2!1d-18.2493607!2d-43.5980821!4m5!1s0xaeb9b0ae92b355%3A0x9dc3c408a901e165!2sHotel%20conex%C3%A3o%20-%20Avenida%20Francisco%20S%C3%A1%20-%20Largo%20Dom%20Jo%C3%A3o%2C%20Diamantina%20-%20MG!3m2!1d-18.2236239!2d-43.6099573!4m5!1s0xaea81f38a69277%3A0xcb8b287aa4df4df7!2sSossego%20-%20Pousada%20em%20Diamantina%2C%20Serro%2C%20Concei%C3%A7%C3%A3o%20do%20Mato%20Dentro%2C%20Milho%20Verde%2C%20Rio%20Preto%20-%20Serrano%2C%20Diamantina%20-%20MG!3m2!1d-18.240827499999998!2d-43.6143467!5e0!3m2!1spt-BR!2sbr!4v1658933382377!5m2!1spt-BR!2sbr" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
            </article> <!-- final box-texto-internas -->
        </div>
        <div class='botao0 col-sm-6' style="display: none;" id="mp7">
            <article class="box-como-chegar">
                <iframe src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d3789.3699903104357!2d-43.60116178550693!3d-18.238852842656907!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e0!4m5!1s0xaeb95c2cae34d3%3A0xb5826f02ad5bd8c0!2sPousada%20Presidente%20-%20Diamantina%20-%20Rua%20Osc%C3%A1r%20Batista%20-%20Diamantina%2C%20MG!3m2!1d-18.236179399999997!2d-43.6015854!4m5!1s0xaeb906d8c4832d%3A0x803e233f1443f800!2sSinh%C3%A1%20Mo%C3%A7a%20-%20Pousada%20em%20Diamantina%20-%20Pra%C3%A7a%20Bras%C3%ADlia%20-%20Centro%2C%20Diamantina%20-%20MG!3m2!1d-18.241111699999998!2d-43.596540399999995!5e0!3m2!1spt-BR!2sbr!4v1658933423602!5m2!1spt-BR!2sbr" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
            </article> <!-- final box-texto-internas -->
        </div>
    </div>

    <nav aria-label="Page navigation example">
        <ul class="pagination">
            <!-- <li onclick="change(this.id)" class="page-item" id="1" ><a class="page-link">1</a></li> -->
            <li onclick="change(this.id)" class="page-item" id="1"><a class="page-link">1</a></li>
            <li onclick="change(this.id)" class="page-item" id="2"><a class="page-link">2</a></li>
            <li onclick="change(this.id)" class="page-item" id="3"><a class="page-link">3</a></li>
            <li onclick="change(this.id)" class="page-item" id="4"><a class="page-link">4</a></li>
            <li onclick="change(this.id)" class="page-item" id="5"><a class="page-link">5</a></li>
            <li onclick="change(this.id)" class="page-item" id="6"><a class="page-link">6</a></li>
            <li onclick="change(this.id)" class="page-item" id="7"><a class="page-link">7</a></li>

        </ul>
    </nav>

    </div>
    <div class='realizacao' style="display:block">
        <section class="centraliza">
            <div class="row pad">
                <img style="margin-top: 30px;" class="img-fluid " src="{{asset('assets/img/7_encontro/Set-Marcas.png')}}" alt="">
            </div>
        </section>
    </div>
</section>
<script>
    function change(id) {
        for (var i = 1; i <= 7; i++) {
            document.getElementById('pg' + i).style.display = 'none';
            document.getElementById('mp' + i).style.display = 'none';
        }

        document.getElementById('pg' + id).style.display = 'block';
        document.getElementById('mp' + id).style.display = 'block';
    }
</script>

<!--Fim conteúdo-->
@endsection