<?php require('_topo.php'); ?>


<style>

button#pills-compliance-tab2 {
    border: 2px solid #004c18;
}

button#pills-compliance-tab3 {
    border: 2px solid #004c18;
}

</style>

        <main>
            <section class="background-center-top background-cover pb-5 pt-5 text-center text-light" style="z-index: 1000 !important; background-image: url('assets/img/Elipse%201%20(1).png'); margin-top: 10px; padding-top: 100px !important; padding-bottom: 30px !important;"> 
                <div class="container  pt-5"> 
                    <div class="justify-content-center mt-5 pb-3 pt-0 row text-center">
                        <div class="col-lg-9 col-md-10 col-xl-8">
                            <h3 class="fw-bold h1 mb-4 text-capitalize text-white" style="font-family: 'Inter', sans-serif; font-size: 35px; color: #ffffff !important; text-transform: uppercase !important; font-weight: 700 !important;">GOVERNAN&Ccedil;A</h3>
                        </div>
                    </div>                     
                </div>                 
            </section>
            <section class="bg-white pb-5 pt-5"> 
                <div class="container">
                    <div class="gy-3 justify-content-center row text-center"> 
                        <div id="box_privacidade" class="col-md-9 pb-3 pt-3">
                            <ul class="align-content-center governanca mb-3 nav nav-pills" id="pills-tab" role="tablist" style="margin-bottom: 20px !important;">
                                <li class="governanca nav-item" role="presentation">
                                    <button class="active nav-link" id="pills-privacidade-tab" data-bs-toggle="pill" data-bs-target="#pills-privacidade" type="button" role="tab" aria-controls="pills-privacidade" aria-selected="true" style="border-radius: 10px; border-width: 2px !important; border-color: #004c18; font-family: 'Montserrat', sans-serif; font-style: normal; text-transform: uppercase; font-weight: 700; font-size: 16px; padding: 15px 20px; margin: 10px; width: 200px;">Privacidade</button>
                                </li>
                                <li class="governanca nav-item" role="presentation">
                                    <button class="nav-link" id="pills-compliance-tab" data-bs-toggle="pill" data-bs-target="#pills-compliance" type="button" role="tab" aria-controls="pills-compliance" aria-selected="false" style="border-radius: 10px; border-width: 2px !important; border-color: #004c18; font-family: 'Montserrat', sans-serif; font-style: normal; text-transform: uppercase; font-weight: 700; font-size: 16px; padding: 15px 20px; margin: 10px;">Compliance</button>
                                </li>
                                
                                <li class="governanca nav-item" role="presentation">
                                    <button class="nav-link" id="pills-compliance-tab2" data-bs-toggle="pill" data-bs-target="#pills-compliance2" type="button" role="tab" aria-controls="pills-compliance2" aria-selected="false" style="border-radius: 10px; border-width: 2px !important; border-color: #004c18; font-family: 'Montserrat', sans-serif; font-style: normal; text-transform: uppercase; font-weight: 700; font-size: 16px; padding: 15px 20px; margin: 10px;">Estrutura</button>
                                </li>
                                
                                <li class="governanca nav-item" role="presentation">
                                    <button class="nav-link" id="pills-compliance-tab3" data-bs-toggle="pill" data-bs-target="#pills-compliance3" type="button" role="tab" aria-controls="pills-compliance3" aria-selected="false" style="border-radius: 10px; border-width: 2px !important; border-color: #004c18; font-family: 'Montserrat', sans-serif; font-style: normal; text-transform: uppercase; font-weight: 700; font-size: 16px; padding: 15px 20px; margin: 10px;">Canal de Denúncias</button>
                                </li>
                            </ul>
                            <div class="tab-content" id="pills-tabContent">
                                <div class="tab-pane fade show active" id="pills-privacidade" role="tabpanel" aria-labelledby="pills-privacidade-tab">
                                    <div class="g-4 justify-content-center mb-5 row row-cols-lg-3 row-cols-md-2 row-cols-xl-4 row-cols-xxl-4"> 
</div>

<?php

$buscaTexto = mysql_query("SELECT * FROM pagina   where id='4'");
$row=mysql_fetch_array($buscaTexto);
$texto1             = $row['texto1'];
$texto2             = $row['texto2'];
$texto3             = $row['texto3'];
$texto4             = $row['texto4'];
$texto5             = $row['texto5'];

echo $texto1;

?>


                                </div>
                                <div class="tab-pane fade" id="pills-compliance" role="tabpanel" aria-labelledby="pills-compliance-tab">
                                    <div class="g-4 justify-content-center mb-5 row row-cols-lg-3 row-cols-md-2 row-cols-xl-4 row-cols-xxl-4">
</div>
                                    <?php  echo $texto2; ?>
                                </div>
                                
                                
                                <div class="tab-pane fade" id="pills-compliance2" role="tabpanel" aria-labelledby="pills-compliance-tab2">
                                    <div class="g-4 justify-content-center mb-5 row row-cols-lg-3 row-cols-md-2 row-cols-xl-4 row-cols-xxl-4">
</div>
                                    <?php  echo $texto4; ?>
                                </div>
                                
                                <div class="tab-pane fade" id="pills-compliance3" role="tabpanel" aria-labelledby="pills-compliance-tab3">
                                    <div class="g-4 justify-content-center mb-5 row row-cols-lg-3 row-cols-md-2 row-cols-xl-4 row-cols-xxl-4">
</div>
                                    <?php  echo $texto5; ?>
                                </div>
                                
                                <div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">...</div>
                            </div>
                        </div>
                        <div class="col-md-3 pb-3 pt-3"> <a href="https://www.capal.coop.br/pdf/Arquivo-2021-08-26-11-17-44.pdf" target="_blank" class="btn btn-outline-primary rounded-0" style="font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 700; border-radius: 15px !important; border-width: 2px; border-color: #004c18; font-style: normal; text-transform: uppercase; padding: 15px 20px !important;">Pol&iacute;tica Aviso Externo de privacidade</a>
                            <a href="https://www.capal.coop.br/site/POL-CORP-001-politica-global-de-protecao-de-dados.pdf" target="_blank"  class="btn btn-outline-primary mt-3 pb-2 pe-5 ps-5 pt-2 rounded-0" style="font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 700; border-radius: 15px !important; border-width: 2px; border-color: #004c18; margin-top: 30px; font-style: normal; text-transform: uppercase; padding: 15px 20px !important;">Pol&iacute;tica global de prote&ccedil;&atilde;o de dados</a>
                            <a href="integridade_formulario.php" class="btn btn-outline-primary mt-3 pb-2 pe-5 ps-5 pt-2 rounded-0" style="font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 700; border-radius: 15px !important; border-width: 2px; border-color: #004c18; margin-top: 30px; font-style: normal; text-transform: uppercase; padding: 15px 10px !important; margin-bottom: 10px;">Requerimento para exerc&iacute;cio dos direitos dos titulares</a>
                        </div>
                        <div class="container" style="text-align: center;">
</div>
                    </div>                     



            </section>
            <section class="bg-white pb-5 pt-5" style=".png');"> 
                <div class="container" style="text-align: center;">
                    <div class="background-center-center background-cover justify-content-center mb-5 p-5 rounded-pill row text-center" style="background-image: url('assets/img/Retangulo%208.png');">
                        <div class="col-lg-9 col-md-10 col-xl-5">
                            <h3 class="fw-bold h1 mb-4 text-capitalize text-dark" style="font-family: 'Inter', sans-serif; font-size: 30px; text-transform: none !important; font-weight: 700 !important;"></h3>
                        </div>
                        <div id="box_denuncia" class="col-lg-9 col-md-10 col-xl-7 mobile-aling-center-call" style="text-align: left;">
                            <?php  echo $texto3; ?><a href="https://canal.ouvidordigital.com.br/capal" target="_blank" class="btn btn-outline-light ms-2 pb-2 pe-5 ps-5 pt-2 rounded-0" style="font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: 700; border-radius: 15px !important; border-width: 2px; border-color: #ffffff; padding: 15px 50px !important; font-style: normal; text-transform: uppercase; margin-top: 20px;">Saiba mais</a>
                        </div>
                    </div>                     
                </div>
                <div class="container" style="text-align: center;">
                    <div class="background-center-center background-cover justify-content-center mb-5 p-5 rounded-pill row text-center" style="background-image:url('assets/img/bannercooperador.png');">
                        <div class="col-lg-9 col-md-10 col-xl-5">
                            <h3 class="fw-bold h1 mb-4 text-capitalize text-dark" style="font-family: 'Inter', sans-serif; font-size: 30px; text-transform: none !important; font-weight: 700 !important;"></h3>
                        </div>
                        <div id="box_cooperado" class="col-lg-9 col-md-10 col-xl-7 mobile-aling-center-call" style="text-align: left;">
<?php

$buscaTexto = mysql_query("SELECT * FROM pagina   where id='1'");
$row=mysql_fetch_array($buscaTexto);
$texto2             = $row['texto2'];

echo $texto2;

?><a href="cooperativa.php" class="btn btn-outline-primary mt-3 pb-2 pe-5 ps-5 pt-2 rounded-0" style="font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: 700; border-radius: 15px !important; border-width: 2px; border-color: #004c18; padding: 15px 50px !important; margin-top: 30px; font-style: normal; text-transform: uppercase;">Saiba mais</a>
                        </div>
                    </div>                     
                </div>                 
            </section>

<?php require('_rodape.php'); ?>
