<script type="text/javascript" src="https://staticportaldaindustria.azureedge.net/static/js/alpine.min.js"></script>
<!-- <script defer src="https://readme.ai/static/widget/portaldaindustria-transparencia.js" > </script> -->
<!-- <script type="text/javascript" src="https://staticportaldaindustria.azureedge.net/static/js/vendors.js"></script> -->
<script>
    [...document.querySelectorAll(".tab-content .tab-pane")].forEach((panel) => {
        if (panel.classList.contains("active")) return;
        const tab = document.querySelector(`li.active>[aria-controls="${panel.id}"]`);
        if (tab) {
            panel.classList.add("active");
            return;
        }
    });
    $('a.tab-link').click(function(e){
        e.preventDefault();
        $(this).tab('show');
    });
</script>
<script>
    document.addEventListener("DOMContentLoaded", function (event) {
        const $departamento = document.querySelector(".departamento-regional-select.auto-open")
        $departamento && $departamento.addEventListener("change", function (evt) {
            const value = this.value || this.options[this.selectedIndex].value;
            const selected = this.querySelector(`[value="${value}"]`);
            window.open(value, selected.dataset.target);
        });

        const btnOpenUrl = document.querySelector(".departamento-regional-mapa .btn-open-url");
        btnOpenUrl && btnOpenUrl.addEventListener("click", function (event) {
            const $select = this.parentElement.querySelector(".departamento-regional-select");
            const selected = $select.querySelectorAll("option")[$select.selectedIndex];
            const target = selected.dataset.target;

            $select && target && window.open($select.value, target)
        });
    });
</script>
<script>
const baseUrl = 'https://sistematransparenciaweb.com.br';


let dataResultState = {
  composicaoConselho: [],
  contasOrcamento: [],
  relacaoDirigentes: [],
  relacaoCorpoTecnico: [],
  estruturaRemuneratoria: [],
}

const ApiUrlSources = {
  // SENAI ONLY - I kept the initials for future use.
  'composicaoConselho': (initials, year) => (`${baseUrl}/api-composicao-conselho/publico/composicao-conselho/entidades/SESI/departamentos/SESI-AP/composicao-conselho?ano=${year}`),
  'contasOrcamento': (initials, year) => (`${baseUrl}/api-comissao-contaorcamento/api-comissao-contaorcamento?ano=${year}&departamento=SESI-AP&entidade=SESI`),
  // BOTH
  'relacaoDirigentes': (initials, year) => (`${baseUrl}/api-relacaodirigentes-gestao/publico/relacao-dirigente-empregado/entidades/${initials}/departamentos/${initials}-AP/relacao-dirigente-empregado?ano=${year}`),
  'relacaoCorpoTecnico': (initials, year) => (`${baseUrl}/api-corpo-tecnico/api-corpo-tecnico?ano=${year}&departamento=${initials}-AP&entidade=${initials}`),
  'estruturaRemuneratoria': (initials, year) => (`${baseUrl}/api-estrutura-remuneratoria/publico/estrutura-remuneratoria/entidades/${initials}/departamentos/${initials}-AP/estrutura-remuneratoria?ano=${year}`),
}

const ApiUrlExports = {
  // SENAI ONLY
  'composicaoConselho': (initials, format, year)  => (`${baseUrl}/api-composicao-conselho/publico/composicao-conselho/export?ano=${year}&departamento=SESI-AP&entidade=SESI&formatoExportacao=${format}`),
  'contasOrcamento': (initials, format, year)  => (`${baseUrl}/api-comissao-contaorcamento/api-comissao-contaorcamento/export?ano=${year}&departamento=SESI-AP&entidade=SESI&tipoExportacao=${format}`),
  // BOTH
  'relacaoDirigentes': (initials, format, year) => (`${baseUrl}/api-relacaodirigentes-gestao/publico/relacao-dirigente-empregado/export?ano=${year}&departamento=${initials}-AP&entidade=${initials}&formatoExportacao=${format}`),
  'relacaoCorpoTecnico': (initials, format, year) => (`${baseUrl}/api-corpo-tecnico/api-corpo-tecnico/export?ano=${year}&departamento=${initials}-AP&entidade=${initials}&tipoExportacao=${format}`),
  'estruturaRemuneratoria': (initials, format, year) => (`${baseUrl}/api-estrutura-remuneratoria/publico/estrutura-remuneratoria/export?ano=${year}&departamento=${initials}-AP&entidade=${initials}&formatoExportacao=${format}`)
}

function getNota(state) {
  return state.length > 0 && state[0].nota.split('\n');
}

const sortNomeFuncionario = (a, b) => (a.nomeFuncionario > b.nomeFuncionario) ? 1 : -1;

function getApiDataFromState(stateName, ordering = () => true) {
  return dataResultState[stateName].sort(ordering);
}

function callSourcesApi(source, initials, year, dispatch, event) {
  const apiUrl = ApiUrlSources[source](initials, year);
  fetch(apiUrl, {'Accept': 'application/json'})
    .then((res) => res.json())
    .then((data) => {
      dataResultState[source] = data;
      dispatch(event);
    })
    .catch((error) => {
      dataResultState[source] = [];
      dispatch(event);
      console.log(error);
    });
}

function callRelacaoDirigentesApiRequests(initials, year, dispatch, event) {
  let apiList = ['relacaoDirigentes']
  if(initials == 'SENAI') {
    apiList = ['relacaoDirigentes', 'composicaoConselho', 'contasOrcamento']
  }

  apiList.forEach((item, idx) => {
    callSourcesApi(item, initials, year, dispatch, event)
  })

}

function mapSuplente() {
  return dataResultState['composicaoConselho'].filter((item, idx) => {item.funcao.toLowerCase() === 'suplente'})
}

function callApiExport(source, initials, format, year) {
  const defaultYear = year ? year : 2023;
  const apiExportUrl = ApiUrlExports[source](initials, format, defaultYear)
  window.open(apiExportUrl, '_blank').focus();
}    
</script>


<style>
    .departamento-regional {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
        gap: 32px;

        background: #FFFFFF;
        border: 1px solid rgba(225, 225, 225, 0.5);
        box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05);
    }

    .departamento-regional-shadow {
        border: 1px solid rgba(225, 225, 225, 0.5);
        box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05);
    }

    .departamento-regional .departamento-regional-textos {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 8px;
    }

    .departamento-regional h6,
    .departamento-regional p {
        /* font */
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .departamento-regional h6 {
        font-weight: 700;
        font-size: 16px;
        letter-spacing: 0.04em;
        margin: 0;
    }

    .departamento-regional .departamento-regional-textos p {
        color: #222222;
        font-size: 14px !important;
    }

    .departamento-regional p:last-child {
        margin-bottom: 0;
    }

    .departamento-regional-select {
        width: 100%;
        border: 2px solid #A2A2A2;
        border-radius: 4px;

        /* font */
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #222222;
        opacity: 0.64;
    }

    .departamento-regional-senai h6 {
        color: #ff8c00;
    }

    .departamento-regional-sesi h6 {
        color: #009C31;
    }

    /* Mapa */

    .departamento-regional-mapa {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px 0px 32px;
        gap: 16px;

        background: #FFFFFF;
        border: 1px solid rgba(130, 130, 130, 0.5);
        box-shadow: 0px 30px 40px rgba(0, 0, 0, 0.05);
    }

    .departamento-regional-mapa-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 16px;
        gap: 16px;
        width: 100%;
    }

    .departamento-regional-separador {
        display: block;
        border-bottom: 1px solid rgba(130, 130, 130, 0.5);
        width: 100%;
    }

    .departamento-regional-mapa-titulo {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 16px;
        gap: 8px;
        width: 100%;
        background: #828282;

        /* Font */
        
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        color: #FFFFFF;
    }

    .departamento-regional-mapa-subtitulo {
        width: 100%;

        /* Font */
        
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        color: #373737;
    }

    
    .departamento-regional-mapa .svg-wrap {
        width: 95%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .departamento-regional-mapa .svg-wrap .outros-departamentos {
        position: absolute;
        display: flex;
        flex-direction: column;
        gap: 8px;
        right: 0;
        bottom: 50px;
    }

    .departamento-regional-mapa .svg-wrap .outros-departamentos a {
        display: block;
        background: #D3D2D1;
        border-radius: 8px;
        padding: 10px 20px;

        
        font-style: normal;
        font-weight: 700;
        font-size: 10px;
        line-height: 120%;
        text-align: center;
        color: #000000;
    }

    .departamento-regional-mapa .svg-wrap .outros-departamentos a:hover {
        background-color: #999;
        color: #000 !important;
    }

    .departamento-regional-mapa svg {
        width: 100%;
    }

    .departamento-regional-mapa svg a text {
        fill: #000;
        
        font-weight: 700;
        font-size: 14px;
    }

    .departamento-regional-mapa .btn.btn-primary {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 10px 16px 12px 16px;
        gap: 8px;
        border-radius: 8px;
        border: unset;

        /* Font */
        
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        color: #FFFFFF;
    }

    [data-instituicao="senai"] .btn-primary {
        background: #00963f;
    }

    [data-instituicao="sesi"] .btn-primary {
        background: #01A62D;
    }
</style>

    <style type="text/css">
        /* Defina a imagem de fundo. */
        .image-size-backgroud-4767912{
            background-image: url('');
        }
        
            /*Default ou Centralizado - igual ao plugin de coluna*/
            .image-size-backgroud-4767912 {
                background-repeat: no-repeat;
                background-position: top center;
                background-size: 100%;
            }
        

        
    </style>


  <style type="text/css">
  .background-image-4767909{
      background-image:  url('');

  }
  
  
  
      .image-size-backgroud-4767909 {
          background-size: None;
      }
  
  
  </style>


<style>
  .si-transparencia-empty {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 48px 0px;
    gap: 80px;
  }
  
  .si-transparencia-empty svg path {
    fill: 1px !important;
  }
  
  .si-transparencia-empty-label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
  
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
  
  .si-transparencia-empty-label h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
  }
  
  [data-entidade="sesi"] .si-transparencia-empty-label h4 {
    color: #009c31;
  }
  
  [data-entidade="senai"] .si-transparencia-empty-label h4 {
    color: #ff862c;
  }
  
  .si-transparencia-empty-label strong {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
  }
  
  [data-entidade="sesi"] .si-transparencia-empty-label strong {
    color: #005C1D;
  }
  
  [data-entidade="senai"] .si-transparencia-empty-label strong {
    color: #CC6B23;
  }
</style>


    <style type="text/css">
        /* Defina a imagem de fundo. */
        .image-size-backgroud-3527910{
            background-image: url('');
        }
        
            /*Default ou Centralizado - igual ao plugin de coluna*/
            .image-size-backgroud-3527910 {
                background-repeat: no-repeat;
                background-position: top center;
                background-size: 100%;
            }
        

        
    </style>


    <style type="text/css">
        /* Defina a imagem de fundo. */
        .image-size-backgroud-3527913{
            background-image: url('');
        }
        
            /*Default ou Centralizado - igual ao plugin de coluna*/
            .image-size-backgroud-3527913 {
                background-repeat: no-repeat;
                background-position: top center;
                background-size: 100%;
            }
        

        
    </style>


    <style type="text/css">
        /* Defina a imagem de fundo. */
        .image-size-backgroud-3527915{
            background-image: url('');
        }
        
            /*Default ou Centralizado - igual ao plugin de coluna*/
            .image-size-backgroud-3527915 {
                background-repeat: no-repeat;
                background-position: top center;
                background-size: 100%;
            }
        

        
    </style>


    <style type="text/css">
        /* Defina a imagem de fundo. */
        .image-size-backgroud-3527919{
            background-image: url('');
        }
        
            /*Default ou Centralizado - igual ao plugin de coluna*/
            .image-size-backgroud-3527919 {
                background-repeat: no-repeat;
                background-position: top center;
                background-size: 100%;
            }
        

        
    </style>


<style>
.alt-ta-in {
    display: flex;
    margin-left: -32px;
    align-items: baseline;
}
.mt-4px-negative {
    margin-top: -4px !important;
}
</style>


<style>
.d-flexx {
    display: flex;
    flex-wrap: wrap;
}
.socials-draw {
    /*border: 1px solid white;
    border-radius: 50px;*/
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.socials-draw div {
    width: 24px;
    height: 24px;
    background-color: white;
}
.socials-draw:hover {
     border: 1px solid #337ab7;
}
.socials-draw:hover div {
    background-color: #337ab7;
}
</style>
       <style>
            .btn-transparencia {
                
                    background: #00963f !important;
                
                
                    border-color: #00963f !important;
                
                border-radius: 0 !important;
                color: #fff !important;
                font-weight: bold;
            }
            .btn-transparencia:hover {
                color: #fff !important;
            }
            .materia {
                color: #222;
                font-size: 14px;
                line-height: 21px;
            }


            .materia h2 {
                
                    color: #00963f;
                
                font-size: 22px;
                font-weight: bold;
            }
            .materia a {
                
                    color: #00963f;
                
                font-size: 14px;
                line-height: 21px;
            }
            .materia td a {
                color: #000 !important;
                font-size: 16px;
                line-height: 21px;
            }

            .materia p, .materia p * {
                font-size: 18px !important;
            }

            .breadcrumb-local li a{
                font-size: 14px;
            }

            .table tr td {
                vertical-align: middle !important;
            }
            .titulo_acessibilidade {
               margin-left: 10px;
               margin-top: 18px;
               font-weight: bold;
               background:url("https://staticportaldaindustria.azureedge.net/static/img/fundo_tit.png");
               background-position-y:43px;
            }
            .titulo_acessibilidade2 {
               margin-left: 10px;
               margin-top: 18px;
               font-weight: bold;
               background:url("https://staticportaldaindustria.azureedge.net/static/img/fundo_tit2.png");
               background-position-y:43px;
            }
            .Tit_acess{flex: 1; max-width: auto; min-width: auto; padding-left:10px;}
            .Tit_ico {flex:0}
            .Tit_bloco{display: flex; margin-left:0px;}


            .custom-nav-tabs {
                display: flex;
                flex-direction: row;
                justify-content: space-around;
                border-bottom: unset;
            }

            .custom-nav-tabs>li>a {
                text-align: center;
                border: unset;
                padding: 12px 16px;
            }

            .custom-nav-tabs>li{
                border-bottom: 4px solid #F8F8F8;;
                transition: all 500ms ease;
            }

            .custom-nav-tabs>li.active{
            
                border-bottom: 4px solid #00963f;
            

            }

            .custom-nav-tabs>li>a:focus, .custom-nav-tabs>li>a:hover {
                background-color: transparent;
            }
            .margin-top-20 {
                margin-top: 20px;
            }
            .custom-nav-tabs>li>a {
                
                font-style: normal;
                font-weight: 400;
                font-size: 18px;
                line-height: 150%;
                color: #222222 !important;
            }
            .tab-padding-top {
                padding-top: 48px;
            }



        </style>
<style>
    .planejamento-estrategico {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .planejamento-estrategico-controles {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        width: 100%;
        min-height: 64px;
    }

    .planejamento-estrategico-tabela {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        width: 100%;
        filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.08));
        border-radius: 4px;
        overflow: hidden;
    }

    [data-style="sesi"] .planejamento-estrategico-tabela {
        border: 1px solid #0F6D47;
        background: #0F6D47;
    }

    [data-style="senai"] .planejamento-estrategico-tabela {
        border: 1px solid #00963f;
        background: #00963f;
    }

    /* Reset Table Style */
    .planejamento-estrategico-tabela table {
        width: 100%;
        background: unset;
    }

    .planejamento-estrategico-tabela table > thead {
        background: unset;
        border: unset;
        font-size: unset;
        line-height: unset;
        vertical-align: unset;
        margin: unset;
        padding: unset;
    }

    .planejamento-estrategico-tabela table > thead > tr,
    .planejamento-estrategico-tabela table > tbody > tr {
        background: unset;
        border: unset;
    }

    .planejamento-estrategico-tabela table > thead > tr > th,
    .planejamento-estrategico-tabela table > tbody > tr > td {
        padding: unset;
        margin: unset;

        background: unset;
        border-radius: unset !important;
        border: unset !important;

        font-size: unset;
        text-align: unset;
        line-height: unset;
    }

    /* Table */
    [data-style="sesi"] .planejamento-estrategico-tabela table > thead {
        background: #009C31;
    }

    [data-style="senai"] .planejamento-estrategico-tabela table > thead {
        background: #00963f;
    }

    .planejamento-estrategico-tabela table > thead > tr > th,
    .planejamento-estrategico-tabela table > tbody > tr > td {
        
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 110%;
        padding: 14px 16px;
        vertical-align: middle;
    }

    .planejamento-estrategico-tabela table > thead > tr th {
        font-weight: 700;
        color: #FFFFFF;
    }

    .planejamento-estrategico-tabela table > tbody > tr > td:nth-child(1) {
        text-align: start;
    }

    .planejamento-estrategico-tabela table > tbody > tr > td:nth-child(n+2) {
        text-align: start;
    }

    .planejamento-estrategico-tabela table > tbody > tr > td:nth-child(n+4) {
        text-align: center !important;
    }

    .planejamento-estrategico-tabela table > thead > tr > th {
        text-align: center;
    }


    .planejamento-estrategico-tabela table > thead > tr > th[colspan="3"] {
        text-align: start;
    }

    .planejamento-estrategico-tabela table > * > tr > [colspan="1"] {
        width: calc((100% / 13) * 1) !important;
    }

    .planejamento-estrategico-tabela table > * > tr > [colspan="2"] {
        width: calc((100% / 13) * 2) !important;
    }

    .planejamento-estrategico-tabela table > * > tr > [colspan="5"] {
        width: calc((100% / 13) * 6) !important;
    }

    .planejamento-estrategico-tabela table > tbody > tr {
        border-bottom: 1px solid #C0C0C0;
    }

    .planejamento-estrategico-tabela table > tbody > tr {
        border-bottom: 1px solid #C0C0C0;
    }

    .planejamento-estrategico-tabela table > tbody > tr:last-child {
        border-bottom: unset;
    }

    .planejamento-estrategico-tabela table > tbody > tr.estrategia {
        background: #DCDCDC;
    }

    .planejamento-estrategico-tabela table > tbody > tr.estrategia > td {
        font-weight: 700;
        color: #222222;
    }

    .planejamento-estrategico-tabela table > tbody > tr.indicador {
        background: #EDEDED;
    }

    .planejamento-estrategico-tabela table > tbody > tr.indicador > td{
        font-weight: 500;
    }

    .planejamento-estrategico-tabela table > tbody > tr.objetivo {
        background: #FFFFFF;
    }

    .planejamento-estrategico-tabela table > tbody > tr.objetivo:hover {
        background: #EDEDED;
    }

    .planejamento-estrategico-tabela table > tbody > tr.objetivo td {
        padding-top: 18px;
        padding-right: 16px;
        padding-bottom: 18px;
        padding-left: 24px;
    }

    .planejamento-estrategico-tabela table > tbody > tr.objetivo td:last-child {
        text-align: start;
    }

    .planejamento-estrategico-tabela table.relacao-dirigentes > tbody > tr.objetivo td:last-child {
        text-align: center;
    }

    .planejamento-estrategico-tabela table > tbody > tr.objetivo td:first-child  {
        font-weight: bold;
        text-align: start;
    }

    .planejamento-estrategico-tabela table > tbody > tr > td > .dot {
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        float: left;
        margin: 2px 8px 0 0;
    }

    .planejamento-estrategico-tabela table > tbody > tr > td > .dot.dot-cinza {
        background: #8496B0;
    }

    .planejamento-estrategico-tabela table > tbody > tr > td > .dot.dot-azul {
        background: #333E50;
    }

    .planejamento-estrategico-tabela table > tbody > tr > td > .dot.dot-verde {
        background: #6EAE46;
    }

    .planejamento-estrategico-tabela table > tbody > tr > td > .dot.dot-laranja {
        background: #00963f;
    }

    .planejamento-estrategico-tabela table > tbody > tr > td > .dot.dot-cinza {
        background: #8397B0;
    }

    .planejamento-estrategico-tabela table > tbody > tr > td > .dot.dot-marrom {
        background: #767070;
    }

    .planejamento-estrategico-rodape {
        max-width: 550px;
    }

    .planejamento-estrategico-botto-space {
        margin-top: 10px;
    }
    .planejamento-estrategico-select {
        padding: initial;
    }
    .planejamento-estrategico-rodape > p {
        
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        color: #222222;
    }
    .content-transparencia button{
    
        border: 1px solid #00963f !important;
    

    }

    #year-select {
        font-size: 16px;
    
        color: #00963f;
    
    }
    .button-outline-color {
        margin-left: 5px;
        font-size: 16px;
    
        border: 2px solid #00963f;
    
    }
</style>
<style>
@charset "UTF-8";.materia .label {
    font-size: 14px !important
}

.back-top {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99;
    right: 25px;
    bottom: -25px;
    height: 50px;
    width: 50px;
    transition: all .5s ease-in-out;
    transition-delay: .2s;
    background: url("../../img/backtop.png");
    border: 1px solid white
}

.back-top:hover {
    background: url("../../img/hover_senai_backtop.png");
    cursor: pointer;
    border: 1px solid white
}

.back-top.show {
    visibility: visible;
    cursor: pointer;
    bottom: 25px;
    opacity: 50
}

.back-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none
}

.top-bar {
    background: #00963f;
    border-color: #c66900 !important
}

.casa-color,.casa-color *,.casa-color a:focus,.casa-color a:hover,.casa-color-hover:hover,a:hover,.active-item,.page-links .p-links-hold>span .logo-sistema-s,.page-links .p-links-hold>span:hover,.page-links .p-links-hold>span:hover .logo-sistema-s.active,.tabs-noticia-lateral .nav li.active a,.aside-lo-1 ul li:nth-child(1),.tabs header ul li * {
    color: #00963f !important
}

main a,.main p a,.panel-body a {
    color: #00963f
}

.casa-color-light,.casa-color-light *,.casa-color-light a:hover,.casa-color-light-hover:hover {
    color: #fdd3a0 !important
}

.casa-color-bg-hover:hover {
    background: #00963f
}

.hat {
    border-color: #00963f !important
}

.casa-color-bg-dark,.casa-color-bg,.bt-color,.footer,.pagination>li.active a,.canal-02-ultimas-noticias .carousel-indicators li.active,.testimon .carousel-indicators li.active,.tslider .carousel-indicators li.active {
    background-color: #00963f !important;
    color: #fff !important
}

.casa-color-bg-dark,.footer-mid,.slider #slider-thumbs .bts li.active,a.bt-color:hover,.bt-color:hover,a.bt-color-3:hover,.bt-color-3:hover {
    background: #c26603 !important
}

.slider #slider-thumbs .bts li,.carousel-indicators li.active {
    border-color: #c26603;
    background-color: #c26603
}

.newsletter div.head:after {
    border-color: transparent transparent transparent #faae1a
}

.top-bar nav ul li.active * {
    color: #ffe556
}

.casa-color-border {
    border-color: #00963f !important
}

.casa-color-border-seta-top {
    border-color: transparent transparent #00963f transparent !important
}

.casa-color-border-seta-right {
    border-color: transparent transparent transparent #00963f !important
}

.casa-color-border-seta-bottom {
    border-color: #00963f transparent transparent transparent !important
}

.casa-color-border-seta-left {
    border-color: transparent #00963f transparent transparent !important
}

.casa-color-border-dark {
    border-color: #00963f !important
}

.gradient ~ .casa-color-border {
    border-color: #dc7200 !important
}

.gradient ~ .casa-color-border-seta-top {
    border-color: transparent transparent #dc7200 transparent !important
}

.gradient ~ .casa-color-border-seta-right {
    border-color: transparent transparent transparent #dc7200 !important
}

.gradient ~ .casa-color-border-seta-bottom {
    border-color: #dc7200 transparent transparent transparent !important
}

.gradient ~ .casa-color-border-seta-left {
    border-color: transparent #dc7200 transparent transparent !important
}

input:focus,select:focus,textarea:focus,button:focus {
    outline-color: #00963f !important
}

.gradient {
    background: #dc7200 !important;
    background: -moz-linear-gradient(70deg,#dc7200 0,#00963f 51%,#faae1a 100%) !important;
    background: -webkit-gradient(linear,left bottom,right top,color-stop(0,#dc7200),color-stop(51%,#00963f),color-stop(100%,#faae1a)) !important;
    background: -webkit-linear-gradient(70deg,#dc7200 0,#00963f 51%,#faae1a 100%) !important;
    background: -o-linear-gradient(70deg,#dc7200 0,#00963f 51%,#faae1a 100%) !important;
    background: -ms-linear-gradient(70deg,#dc7200 0,#00963f 51%,#faae1a 100%) !important;
    background: linear-gradient(70deg,#dc7200 0,#00963f 51%,#faae1a 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$gradient-filter-color-start',endColorstr='$gradient-filter-color-end',GradientType=1) !important
}

.gradient-hover:hover {
    background: #d97615 !important;
    background: -moz-linear-gradient(70deg,#ff9415 0,#ffc046 51%,#ffca14 100%) !important;
    background: -webkit-gradient(linear,left bottom,right top,color-stop(0,#ff9415),color-stop(51%,#ffc046),color-stop(100%,#ffc046)) !important;
    background: -webkit-linear-gradient(70deg,#ff9415 0,#ffc046 51%,#ffca14 100%) !important;
    background: -o-linear-gradient(70deg,#ff9415 0,#ffc046 51%,#ffca14 100%) !important;
    background: -ms-linear-gradient(70deg,#ff9415 0,#ffc046 51%,#ffca14 100%) !important;
    background: linear-gradient(70deg,#ff9415 0,#ffc046 51%,#ffca14 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$gradient-hover-filter-color-start',endColorstr='$gradient-hover-filter-color-end',GradientType=1) !important
}

.gradient-2 {
    background: #ffa435;
    background: -moz-linear-gradient(top,#ffa435 0,#cd6f0a 100%);
    background: -webkit-linear-gradient(top,#ffa435 0,#cd6f0a 100%);
    background: -o-linear-gradient(top,#ffa435 0,#cd6f0a 100%);
    background: -ms-linear-gradient(top,#ffa435 0,#cd6f0a 100%);
    background: linear-gradient(to bottom,#ffa435 0,#cd6f0a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$gradient-2-filter-color-start',endColorstr='$gradient-2-filter-color-end',GradientType=1) !important
}

.bm-fale-conosco a:hover {
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    color: #dc7200 !important;
    text-decoration: none
}

#mainHeader .logo-page {
    max-width: 200px;
    width: 200px
}

#noticia .logo-page {
    padding: 5px 0 0 0
}
</style>
<p class="acessibilidade">Acesse as abas abaixo para conferir os nomes dos dirigentes, membros do órgão colegiado, do corpo técnico e a estrutura remuneratória do Departamento Regional do SESI/AP.</p>
<p class="acessibilidade"><strong>Acesse as abas abaixo para conferir as informações de dirigentes, órgão colegiado e empregados.</strong></p>
<div class="row">
    <div class="mobile-fallback background-image-4584080 image-size-backgroud image-repeat-backgroud row nt nt-sesi">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12  image-size-backgroud image-mobile-background">
            <div>
                <!-- Nav tabs -->
                <ul class="nav nav-tabs custom-nav-tabs" role="tablist">
                    <li role="presentation" class="active" style="width: 33%;"><a href="#relacao_dirigentes"
                            aria-controls="relacao_dirigentes" role="tab" data-toggle="tab">Relação de Dirigentes e Órgãos Colegiados</a>
                    </li>
                    <li role="presentation" style="width: 33%;"><a href="#corpo_tenico" aria-controls="corpo_tenico"
                            role="tab" data-toggle="tab">Membros do Corpo Técnico (Empregados)</a></li>
                    <li role="presentation" style="width: 33%;"><a href="#estrutura_remuneratoria"
                            aria-controls="estrutura_remuneratoria" role="tab" data-toggle="tab">Estrutura
                            Remuneratória</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="row content-transparencia" id="tab-content-transparencia">
    <div class="tab-content">
        <!-- ALL these pages below uses AlpineJS -->
        <div role="tabpanel" class="tab-pane tab-padding-top fade active in" id="relacao_dirigentes">
              <iframe
                src="https://ddr.sistemaindustria.com.br/iframe/relacao-dirigentes?entidade=SESI&orgao=Departamento+Regional&estado=AP"
                style="background: white; border: 0;outline: none;box-shadow: none;width:100%;height:2000px;"
                title="content"
                loading="lazy"
              ></iframe>
        </div>
        <div role="tabpanel" class="tab-pane tab-padding-top fade" id="corpo_tenico">
            <div class="row-fluid">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 ">
                    <b style="font-size: 12px;">ANO</b>
                </div>
                <div
                    x-data="{selectedYear: '2026', source: 'relacaoCorpoTecnico', initials: 'SESI', event: 'reload-relacao-corpo-tecnico'}">
                    <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"
                        x-data="callSourcesApi(source, initials, selectedYear, $dispatch, event);">
                        <select class="form-control planejamento-estrategico-select" id="year-select" name="year-select"
                            @change="callSourcesApi(source, initials, selectedYear, $dispatch, event);"
                            x-model="selectedYear">
                            <template x-for="year in [2026,2025,2024,2023,2022]">
                                <option class="casa-color" :value="year"> <b class="casa-color" x-text="year">2026</b></option><option class="casa-color" :value="year"> <b class="casa-color" x-text="year">2025</b></option><option class="casa-color" :value="year"> <b class="casa-color" x-text="year">2024</b></option><option class="casa-color" :value="year"> <b class="casa-color" x-text="year">2023</b></option><option class="casa-color" :value="year"> <b class="casa-color" x-text="year">2022</b></option>
                            </template>
                        </select>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 pull-right">
                        <button class="btn btn-default button-outline-color casa-color pull-right"
                            @click="callApiExport(source, initials, 'ODS', selectedYear)" type="button"><b>Salvar (ODS)</b></button>
                        <button class="btn btn-default button-outline-color casa-color pull-right"
                            @click="callApiExport(source, initials, 'XLSX', selectedYear)" type="button"><b>Salvar (XLSX)</b></button>
                    </div>
                </div>
                <div class="common-space-cms"></div>
            </div>
            <div class="row-fluid margin-top-20" id="api-table" data-entidade="sesi">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" x-data="{source: 'relacaoCorpoTecnico'}">
                    <div id="planejamento" class="planejamento-estrategico" data-style="sesi"
                        x-data="{state: getApiDataFromState(source, sortNomeFuncionario), update() { this.state = getApiDataFromState(source, sortNomeFuncionario) }}">
                        <div class="planejamento-estrategico-tabela" x-show="state.length > 0">
                            <table>
                                <thead @reload-relacao-corpo-tecnico.window="update()">
                                    <tr>
                                        <th>Nome</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <template x-for="item in state">
                                        <tr class="objetivo">
                                            <td x-text="item.nomeFuncionario"></td>
                                        </tr>
                                    </template>
                                </tbody>
                            </table>
                        </div>
                        <div class="planejamento-estrategico-rodape" x-show="state.length > 0">
                            <p><b>Nota Informativa</b></p>
                            <template x-for="item in getNota(state)">
                                <p x-text="item"></p>
                            </template>
                        </div>


                        <div class="si-transparencia-empty" x-show="state.length <= 0">
                            <div class="si-transparencia-empty-label">
                                <h4>Desculpe! Não há dados disponíveis para sua busca no momento.</h4>
                                <div>
                                    <strong>Tente outra vez!</strong>
                                    <p>Selecione outro período para localizar o que procura.</p>
                                </div>
                            </div>
                            <div class="si-transparencia-empty-imagem">

                                <img
                                    src="https://staticportaldaindustria.azureedge.net/static/si_transparencia/imgs/sesi-empty.png">

                            </div>
                        </div>


                    </div>
                </div>
            </div>

        </div>
        <div role="tabpanel" class="tab-pane tab-padding-top fade" id="estrutura_remuneratoria">
            <div class="row-fluid">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 ">
                    <b style="font-size: 12px;">ANO</b>
                </div>
                <div
                    x-data="{selectedYear: '2026', source: 'estruturaRemuneratoria', initials: 'SESI', event: 'reload-estrutura-remuneratoria'}">
                    <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"
                        x-data="callSourcesApi(source, initials, selectedYear, $dispatch, event);">
                        <select class="form-control planejamento-estrategico-select" id="year-select" name="year-select"
                            @change="callSourcesApi(source, initials, selectedYear, $dispatch, event);"
                            x-model="selectedYear">
                            <template x-for="year in [2026,2025,2024,2023,2022]">
                                <option class="casa-color" :value="year"> <b class="casa-color" x-text="year">2026</b></option><option class="casa-color" :value="year"> <b class="casa-color" x-text="year">2025</b></option><option class="casa-color" :value="year"> <b class="casa-color" x-text="year">2024</b></option><option class="casa-color" :value="year"> <b class="casa-color" x-text="year">2023</b></option><option class="casa-color" :value="year"> <b class="casa-color" x-text="year">2022</b></option>
                            </template>
                        </select>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 pull-right">
                        <button class="btn btn-default button-outline-color casa-color pull-right"
                            @click="callApiExport(source, initials, 'ODS', selectedYear)" type="button"><b>Salvar
                                (ODS)</b></button>
                        <button class="btn btn-default button-outline-color casa-color pull-right"
                            @click="callApiExport(source, initials, 'XLSX', selectedYear)" type="button"><b>Salvar
                                (XLSX)</b></button>
                    </div>
                </div>
                <div class="common-space-cms"></div>
            </div>
            <div class="row-fluid margin-top-20" data-entidade="sesi">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" x-data="{source: 'estruturaRemuneratoria'}">
                    <div id="planejamento" class="planejamento-estrategico" data-style="sesi"
                        x-data="{state: getApiDataFromState(source), update() { this.state = getApiDataFromState(source) }}">
                        <div class="planejamento-estrategico-tabela" @reload-estrutura-remuneratoria.window="update()"
                            x-show="state?.length > 0">
                            <table>
                                <thead>
                                    <tr>
                                        <th>Cargo</th>
                                        <th>Ponto Inicial (R$)</th>
                                        <th>Ponto Final (R$)</th>
                                        <th>Nº Empregados</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <template x-for="item in state">
                                        <tr class="objetivo">
                                            <td x-text="item.cargo"></td>
                                            <td x-text="item.pontoInicial"></td>
                                            <td x-text="item.pontoFinal"></td>
                                            <td class="text-center" x-text="item.numeroEmpregados"></td>
                                        </tr>
                                    </template>
                                </tbody>
                            </table>
                        </div>
                        <div class="planejamento-estrategico-rodape" x-show="state?.length > 0">
                            <p><b>Nota Informativa</b></p>
                            <template x-for="item in getNota(state)">
                                <p x-text="item"></p>
                            </template>
                        </div>


                        <div class="si-transparencia-empty" x-show="state?.length <= 0">
                            <div class="si-transparencia-empty-label">
                                <h4>Desculpe! Não há dados disponíveis para sua busca no momento.</h4>
                                <div>
                                    <strong>Tente outra vez!</strong>
                                    <p>Selecione outro período para localizar o que procura.</p>
                                </div>
                            </div>
                            <div class="si-transparencia-empty-imagem">

                                <img
                                    src="https://staticportaldaindustria.azureedge.net/static/si_transparencia/imgs/sesi-empty.png">

                            </div>
                        </div>


                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
    {"id":970,"date":"2019-09-06T05:04:10","date_gmt":"2019-09-06T08:04:10","guid":{"rendered":"http:\/\/www.ap.sesi.org.br\/transparencia-sesi\/?page_id=970"},"modified":"2026-02-18T12:24:36","modified_gmt":"2026-02-18T15:24:36","slug":"informacoes-de-dirigentes-e-empregados","status":"publish","type":"page","link":"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/informacoes-de-dirigentes-e-empregados\/","title":{"rendered":"Informa\u00e7\u00f5es de Dirigentes, \u00d3rg\u00e3os Colegiados e Empregados"},"content":{"rendered":"\n<h4><a style=\"color: #00963f;\" href=\"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/storage\/2025\/07\/RelacaoDirigenteEmpregado-SESI-AP-2024.pdf\" target=\"_blank\" rel=\"noopener\"><br \/>\n<i class=\"fa iconDownload\">\uf019\u00a0 <\/i>Rela\u00e7\u00e3o de dirigentes 2024 &#8211; PDF<br \/>\n<\/a><a style=\"color: #00963f;\" href=\"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/storage\/2025\/07\/RelacaoDirigenteEmpregado-SESI-AP-2024.ods\" target=\"_blank\" rel=\"noopener\"><i class=\"fa iconDownload\">\uf019\u00a0 <\/i>Rela\u00e7\u00e3o de dirigentes 2024 &#8211; ODS<br \/>\n<\/a><a style=\"color: #00963f;\" href=\"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/storage\/2025\/07\/RelacaoDirigenteEmpregado-SESI-AP-2023.pdf\" target=\"_blank\" rel=\"noopener\"><i class=\"fa iconDownload\">\uf019\u00a0 <\/i>Rela\u00e7\u00e3o de dirigentes 2023 &#8211; PDF<br \/>\n<\/a><a style=\"color: #00963f;\" href=\"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/storage\/2025\/07\/RelacaoDirigenteEmpregado-SESI-AP-2023.ods\" target=\"_blank\" rel=\"noopener\"><i class=\"fa iconDownload\">\uf019\u00a0 <\/i>Rela\u00e7\u00e3o de dirigentes 2023 &#8211; ODS<br \/>\n<\/a><\/h4>\n","protected":false},"excerpt":{"rendered":"<p>\uf019\u00a0 Rela\u00e7\u00e3o de dirigentes 2024 &#8211; PDF \uf019\u00a0 Rela\u00e7\u00e3o de dirigentes 2024 &#8211; ODS \uf019\u00a0 Rela\u00e7\u00e3o de dirigentes 2023 &#8211; PDF \uf019\u00a0 Rela\u00e7\u00e3o de dirigentes 2023 &#8211; ODS<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-970","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/wp-json\/wp\/v2\/pages\/970","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/wp-json\/wp\/v2\/comments?post=970"}],"version-history":[{"count":10,"href":"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/wp-json\/wp\/v2\/pages\/970\/revisions"}],"predecessor-version":[{"id":2853,"href":"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/wp-json\/wp\/v2\/pages\/970\/revisions\/2853"}],"wp:attachment":[{"href":"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/wp-json\/wp\/v2\/media?parent=970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}