<script type="text/javascript" src="https://staticportaldaindustria.azureedge.net/static/js/alpine.min.js" defer>
</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>
window.membrosDoCorpoTecnico = function() {
    const urls = {
        download: ({
                api,
                ano,
                departamento,
                entidade,
                formato
            }) =>
            `${api}/api-corpo-tecnico/api-corpo-tecnico/export?ano=${ano}&departamento=${departamento}&entidade=${entidade}&tipoExportacao=${formato}`,
        data: ({
                api,
                ano,
                departamento,
                entidade
            }) =>
            `${api}/api-corpo-tecnico/api-corpo-tecnico?ano=${ano}&departamento=${departamento}&entidade=${entidade}`
    }

    function getLastFiveYears() {
        const currentYear = new Date().getFullYear();
        const years = [];

        for (let i = 0; i < 5; i++) {
            years.push(currentYear - i);
        }

        return JSON.stringify(years);
    }

    function getCurrentYearAsString() {
        const currentYear = new Date().getFullYear();
        return currentYear.toString();
    }


    function getAnoInicial() {
        try {
            return parseInt(getCurrentYearAsString());
        } catch (error) {
            return 2022
        }
    }

    function getListaAnos() {
        try {
            return JSON.parse(getLastFiveYears());
        } catch (error) {
            return 2022
        }
    }

    return {
        api: 'https://sistematransparenciaweb.com.br',
        ano: getAnoInicial(),
        entidade: 'SESI',
        departamento: 'SESI-AP',
        anos: getListaAnos(),
        itens: [],
        possuiDados() {
            return this.itens.length > 0;
        },
        getItens() {
            return this.itens;
        },
        possuiFonte() {
            return this.itens.length > 0 && this.getFonte() !== "";
        },
        possuiNota() {
            return this.itens.length > 0 && this.getNota().length > 0;
        },
        getNota() {
            const notas = this.itens.length > 0 ? this.itens[0].nota : "";
            return notas.split("\n").filter(e => e !== "").join("<br/>");
        },
        getTituloNota() {
            return this.itens.length > 0 ? this.itens[0].titulo : "Nota:";
        },
        getFonte() {
            return this.itens.length > 0 ? this.itens[0].fonte : "";
        },
        download(formato) {
            window.open(urls.download({
                ...this,
                formato
            }));
        },
        downloadXLSX() {
            this.download("XLSX");
        },
        downloadODS() {
            this.download("ODS");
        },
        fetchData() {
            fetch(urls.data({
                    ...this
                }), {
                    'Accept': 'application/json'
                })
                .then((res) => res.json())
                .then((data) => {
                    this.itens = data.map((item) => {
                        return {
                            nome: item.nomeFuncionario,
                            nota: item.nota,
                            fonte: item.fonte,
                            titulo: item.titulo,
                            cargo: item.cargo,
                        }
                    }).sort((lhs, rhs) => lhs.nome.localeCompare(rhs.nome));
                })
                .catch((error) => {
                    this.itens = [];
                    console.log(error);
                });
        },
    }
};
</script>


<script>
window.estruturaRemuneratoria = function() {
    const urls = {
        download: ({
                api,
                ano,
                departamento,
                entidade,
                formato
            }) =>
            `${api}/api-estrutura-remuneratoria/publico/estrutura-remuneratoria/export?ano=${ano}&departamento=${departamento}&entidade=${entidade}&formatoExportacao=${formato}`,
        data: ({
                api,
                ano,
                departamento,
                entidade
            }) =>
            `${api}/api-estrutura-remuneratoria/publico/estrutura-remuneratoria/entidades/${entidade}/departamentos/${departamento}/estrutura-remuneratoria?ano=${ano}`
    }

    function getLastFiveYears() {
        const currentYear = new Date().getFullYear();
        const years = [];

        for (let i = 0; i < 5; i++) {
            years.push(currentYear - i);
        }

        return JSON.stringify(years);
    }

    function getCurrentYearAsString() {
        const currentYear = new Date().getFullYear();
        return currentYear.toString();
    }


    function getAnoInicial() {
        try {
            return parseInt(getCurrentYearAsString());
        } catch (error) {
            return 2022
        }
    }

    function getListaAnos() {
        try {
            return JSON.parse(getLastFiveYears());
        } catch (error) {
            return 2022
        }
    }

    return {
        api: 'https://sistematransparenciaweb.com.br',
        ano: getAnoInicial(),
        entidade: 'SESI',
        departamento: 'SESI-AP',
        anos: getListaAnos(),
        itens: [],
        possuiDados() {
            return this.itens.length > 0;
        },
        getItens() {
            return this.itens;
        },
        possuiFonte() {
            return this.itens.length > 0 && this.getFonte() !== "";
        },
        possuiNota() {
            return this.itens.length > 0 && this.getNota().length > 0;
        },
        getNota() {
            const notas = this.itens.length > 0 ? this.itens[0].nota : "";
            return notas.split("\n").filter(e => e !== "").join("<br/>");
        },
        getTituloNota() {
            return this.itens.length > 0 ? this.itens[0].titulo : "Nota:";
        },
        getFonte() {
            return this.itens.length > 0 ? this.itens[0].fonte : "";
        },
        download(formato) {
            window.open(urls.download({
                ...this,
                formato
            }));
        },
        downloadXLSX() {
            this.download("XLSX");
        },
        downloadODS() {
            this.download("ODS");
        },
        fetchData() {
            fetch(urls.data({
                    ...this
                }), {
                    'Accept': 'application/json'
                })
                .then((res) => res.json())
                .then((data) => {
                    this.itens = data.map((item) => {
                        return {
                            cargo: item.cargo,
                            pi: item.pontoInicial,
                            pf: item.pontoFinal,
                            total: item.numeroEmpregados,
                            nota: item.nota,
                            fonte: item.fonte,
                            titulo: item.titulo,
                            adicionais: item.adicionaisPossiveis,
                        }
                    });
                })
                .catch((error) => {
                    this.itens = [];
                    console.log(error);
                });
        },
    }
};
</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>
<style>
:root {
    --cor-casa: #52AE32
}

.tab-content>.tab-pane {
    display: none;
    flex-direction: column;
    gap: 40px
}

.tab-content>.tab-pane.active {
    display: flex
}

.custom-nav-tabs {
    padding-top: 48px;
    padding-bottom: 48px
}

.tab-content .tab-pane {
    gap: 40px
}

.tab-content .tab-pane p {
    color: #222 !important;
    font-family: Calibre !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 150% !important
}

.tab-content .tab-pane p:last-child {
    margin: 0
}

.tab-content .tab-pane p strong {
    font-weight: 700 !important;
    font-size: 16px !important
}

.download-documentos {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.download-documentos strong {
    color: var(--cor-casa);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

.download-documentos .si-download-pequeno {
    width: 100%
}

.download-documentos .si-download-pequeno section {
    width: 100%
}

.download-documentos .si-download-pequeno svg {
    min-width: 18px
}

.si-download-mini {
    width: max-content !important;
    gap: 16px !important;
    padding-left: 12px !important;
    border-left: 4px solid var(--cor-casa) !important;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08) !important;
    transition: box-shadow 300ms ease-in-out
}

.si-download-mini:hover {
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0) !important
}

.si-download-mini section {
    width: max-content
}

.si-download-mini section p {
    color: #262626 !important
}

.si-download-mini section span {
    color: #C0C0C0 !important
}

.tab-pane .accordions {
    display: flex;
    flex-direction: column;
    gap: 32px
}

.tab-pane .accordions .accordion {
    background: transparent;
    border-radius: 0
}

.tab-pane .accordions .accordion.open .accordion-header {
    border-bottom: 2px solid var(--cor-casa)
}

.tab-pane .accordions .accordion .accordion-header {
    border-bottom: 1px solid rgba(250, 145, 26, 0.3);
    padding: 8px
}

.tab-pane .accordions .accordion .accordion-header h5 {
    color: var(--cor-casa);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.tab-pane .accordions .accordion .accordion-body .accordion-body-content {
    box-shadow: unset;
    margin: 16px 0;
    padding: 0
}

#relatorios-e-demonstrativos .accordion-body-content {
    display: flex;
    gap: 12px;
    flex-wrap: wrap
}

.si-tabela-integrantes {
    width: 100%;
    background: unset;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid var(--cor-casa)
}

.si-tabela-integrantes table {
    width: 100%;
    background: unset
}

.si-tabela-integrantes table>thead,
.si-tabela-integrantes table>tfoot {
    background: unset;
    border: unset;
    font-size: unset;
    line-height: unset;
    vertical-align: unset;
    margin: unset;
    padding: unset
}

.si-tabela-integrantes table>thead>tr,
.si-tabela-integrantes table>tbody>tr,
.si-tabela-integrantes table>tfoot>tr {
    background: unset;
    border: unset
}

.si-tabela-integrantes table>thead>tr>th,
.si-tabela-integrantes table>tbody>tr>td,
.si-tabela-integrantes table>tfoot>tr>td {
    padding: unset;
    margin: unset;
    background: unset;
    border-radius: unset !important;
    border: unset !important;
    font-family: unset;
    font-size: unset;
    text-align: unset;
    line-height: unset
}

.si-tabela-integrantes table>thead>tr>th,
.si-tabela-integrantes table>tfoot>tr>td {
    text-align: center;
    padding: 21px 16px;
    background: var(--cor-casa);
    color: white
}

.si-tabela-integrantes table>tbody>tr {
    border-bottom: 1px solid #c0c0c0
}

.si-tabela-integrantes table>tbody>tr>td {
    padding: 20px 24px
}

[data-entidade="senai"] .si-transparencia-titulo {
    color: #E84910 !important
}
</style>
<style>
.download-documentos>.si-download-pequeno section p {
    font-family: Inter !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
    color: #262626 !important
}

.download-documentos>.si-download-pequeno section span {
    color: #8b8b8b
}
</style>

<style type="text/css">
/* Defina a imagem de fundo. */
.image-size-backgroud-6500498 {
    background-image: url('');
}

/*Default ou Centralizado - igual ao plugin de coluna*/
.image-size-backgroud-6500498 {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
</style>

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

    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-family: 'Calibre Regular';
    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-family: 'Calibre Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #222222;
    opacity: 0.64;
}

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

.departamento-regional-sesi h6 {
    color: #52AE32;
}

/* 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-family: 'Calibre Regular';
    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-family: 'Inter';
    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-family: 'Inter';
    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-family: 'Inter';
    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-family: 'Calibre Regular';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
}

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

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

<style type="text/css">
/* Defina a imagem de fundo. */
.image-size-backgroud-6500500 {
    background-image: url('');
}

/*Default ou Centralizado - igual ao plugin de coluna*/
.image-size-backgroud-6500500 {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
</style>


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

}



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


<style>
.custom-nav-tabs {
    display: flex;
    flex-direction: row;
    align-items: end;
    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 rgba(1, 1, 1, .25);
    ;
}

.custom-nav-tabs>li>a:focus,
.custom-nav-tabs>li>a:hover {
    background-color: transparent;
}
</style>


<style>
#si_iframe {
    border: none;
}
</style>


<style>
.si-download-pequeno {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 48px;
    padding: 0 24px;
    background: #FFFFFF;
    border: 1px solid #F7F7F7;
    border-radius: 4px;
    height: 56px;
    width: max-content;

    color: #E84910;
    font-size: 14px;
    line-height: 21px;
    border-left: 4px solid var(--cor-casa);
    justify-content: space-between;
}

.si-download-pequeno:hover {
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
}

.si-download-pequeno section * {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
}

.si-download-pequeno section p {
    line-height: 24px;
    margin: 0;
    color: #262626;
}

.si-download-pequeno section span {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #222222;
}

.si-download-pequeno svg path {
    stroke: var(--cor-casa, #E84910);
    fill: unset;
}
</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-family: "Inter";
    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>

<link href="https://fonts.cdnfonts.com/css/calibre" rel="stylesheet">
<link rel="stylesheet" href="https://staticportaldaindustria.azureedge.net/static/si_transparencia/css/style.css">

<style>
.si-transparencia-tabela table>*>tr>[colspan="8"] {
    width: calc((100% / 12) * 8) !important;
}

.si-transparencia-tabela table>*>tr>[colspan="6"] {
    width: calc((100% / 12) * 6) !important;
}

.si-transparencia-tabela table>*>tr>[colspan="5"] {
    width: calc((100% / 12) * 5) !important;
}

.si-transparencia-tabela table>*>tr>[colspan="4"] {
    width: calc((100% / 12) * 4) !important;
}

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

.si-transparencia.si-transparencia-membro-do-corpo-tecnico table>tbody>tr>[x-text="item.nome"] {
    text-align: start
}
</style>


<style>
.si-transparencia-tabela table>*>tr>[colspan="9"] {
    width: calc((100% / 12) * 9) !important;
}

.si-transparencia-tabela table>*>tr>[colspan="5"] {
    width: calc((100% / 12) * 5) !important;
}

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

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

.si-transparencia.si-transparencia-estrutura-remuneratoria table>tbody>tr>td[colspan="2"] {
    text-align: center
}
</style>


<style>
.si-download-simples {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    background: #ffffff;
    padding: 10px 16px;

    max-width: max-content;
    border-radius: 8px;
    color: #52AE32;
    font-size: 14px;
    line-height: 21px;
    border: 2px solid #52AE32;
}

.si-download-simples:hover {
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
}

.si-download-simples span {
    background: #52AE32;
    font-size: 14px !important;
}

.si-download-simples svg path {
    stroke: #52AE32;
    fill: unset;
}
</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="#membros-do-corpo-tecnico-empregados" aria-controls="membros-do-corpo-tecnico-empregados"
                            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 fade in" id="membros-do-corpo-tecnico-empregados">
          <div class="si-transparencia si-transparencia-membro-do-corpo-tecnico" x-data="{ state: membrosDoCorpoTecnico() }" x-init="state.fetchData()" data-entidade="sesi">
            <div class="si-transparencia-controles">
              <div class="si-transparencia-filtros">
                <div class="form-group">
                  <label for="anos">Ano</label>
                  <select name="anos" id="anos" class="form-control" x-model="state.ano" @change="state.fetchData()">
                    <template x-for="ano in state.anos">
                      <option x-text="ano" :selected="ano === state.ano"></option>  
                    </template>
                  </select>
                </div>
              </div>
              <div class="si-transparencia-downloads" x-show="state.possuiDados()">
                  <button class="btn btn-success" @click="state.downloadXLSX()">Salvar (XLSX)</button>
                  <button class="btn btn-success" @click="state.downloadODS()">Salvar (ODS)</button>
              </div>
            </div>
            <div class="si-transparencia-tabela" x-show="state.possuiDados()">
              <table>
                <thead>
                  <tr>
                    <th colspan="6">Nome</th>
                    <th colspan="6">Cargo</th>
                  </tr>
                </thead>
                <tbody>
                  <template x-for="item in state.getItens()">
                    <tr>
                      <td colspan="6" x-text="item.nome"></td>
                      <td colspan="6" x-text="item.cargo" style="text-align: start;"></td>
                    </tr>
                  </template>
                </tbody>
              </table>
            </div>
          <div class="si-transparencia-empty"x-show="!state.possuiDados()">
            <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 class="si-transparencia-notas" x-show="state.possuiDados()">
              <div x-show="state.possuiFonte()" class="si-transparencia-nota">
                <strong>Fonte: </strong>
                <p x-html="state.getFonte()"></p>
              </div>
              <div x-show="state.possuiNota()" class="si-transparencia-nota">
                <strong x-text="state.getTituloNota()"></strong>
                <p x-html="state.getNota()"></p>
              </div>
            </div>
          </div>
        </div>
        <div role="tabpanel" class="tab-pane fade in" id="estrutura-remuneratoria">
          <div class="si-transparencia si-transparencia-estrutura-remuneratoria" x-data="{ state: estruturaRemuneratoria() }" x-init="state.fetchData()" data-entidade="sesi">
              <div class="si-transparencia-controles">
                  <div class="si-transparencia-filtros">
                      <div class="form-group">
                          <label for="anos">Ano</label>
                          <select name="anos" id="anos" class="form-control" x-model="state.ano" @change="state.fetchData()">
                              <template x-for="ano in state.anos">
                                  <option x-text="ano" :selected="ano === state.ano"></option>  
                              </template>
                          </select>
                      </div>
                  </div>
                  <div class="si-transparencia-downloads" x-show="state.possuiDados()">
                      <button class="btn btn-success" @click="state.downloadXLSX()">Salvar (XLSX)</button>
                      <button class="btn btn-success" @click="state.downloadODS()">Salvar (ODS)</button>
                  </div>
            </div>
            <div class="si-transparencia-tabela" x-show="state.possuiDados()">
              <table>
                <thead>
                  <tr>
                    <th colspan="5">Cargo</th>
                    <th colspan="2">Ponto Inicial (R$)</th>
                    <th colspan="2">Ponto Final (R$)</th>
                    <th colspan="2">Nº Empregados</th>
                    <th colspan="2">Adicionais Possíveis</th>
                  </tr>
                </thead>
                <tbody>
                  <template x-for="item in state.getItens()">
                    <tr>
                      <td colspan="5" x-text="item.cargo"></td>
                      <td colspan="2" x-text="item.pi"></td>
                      <td colspan="2" x-text="item.pf"></td>
                      <td colspan="2" x-text="item.total"></td>
                      <td colspan="2" x-text="item.adicionais"></td>
                    </tr>
                  </template>
                </tbody>
              </table>
            </div>
            
            

          <div class="si-transparencia-empty"x-show="!state.possuiDados()">
            <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 class="si-transparencia-notas" x-show="state.possuiDados()">
              <div x-show="state.possuiFonte()" class="si-transparencia-nota">
                <strong>Fonte: </strong>
                <p x-html="state.getFonte()"></p>
              </div>
              <div x-show="state.possuiNota()" class="si-transparencia-nota">
                <strong x-text="state.getTituloNota()"></strong>
                <p x-html="state.getNota()"></p>
              </div>
            </div>
          </div>
          <div  class="download-documentos">
            <a href="https://static.portaldaindustria.com.br/media/filer_public/23/02/230271b7-8118-4352-8acf-5e4a7fcced96/resumo_pccr_para_transparencia_lai_sesi.pdf" class="si-download-simples" target="_blank" title="Download Plano de Cargos e Salários"  download>
                
                <svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M17.0209 12.2103V14.3156C17.0209 14.897 16.5496 15.3682 15.9683 15.3682H2.28408C1.70272 15.3682 1.23145 14.897 1.23145 14.3156V12.2103M4.38934 6.42087L9.12548 11.1577L13.8623 6.42087H11.2307V1.68403C11.2307 1.39335 10.9951 1.15771 10.7044 1.15771H7.54653C7.25586 1.15771 7.02022 1.39335 7.02022 1.68403V6.42087H4.38934Z" stroke="#FA911A" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
                
                Plano de Cargos e Salários
                <span class="label label-default">183 Kb</span>
            </a>
          </div>
        </div>
    </div>
</div>
    <br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /var/www/html/informacaoDirigentesBaseCssSesi.php:1) in <b>/var/www/html/sesi/transparencia-sesi/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1904</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /var/www/html/informacaoDirigentesBaseCssSesi.php:1) in <b>/var/www/html/sesi/transparencia-sesi/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1904</b><br />
{"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}]}}