<script>
    var $ = jQuery.noConflict();
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==" crossorigin="anonymous" referrerpolicy="no-referrer" /><link rel="stylesheet" href="https://staticportaldaindustria.azureedge.net/static/si_transparencia/css/style.css">
<script type="text/javascript" src="https://staticportaldaindustria.azureedge.net/static/js/alpine.min.js" defer></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap" rel="stylesheet">
<script src="https://staticportaldaindustria.azureedge.net/static/js/mini-accordions.js"></script>
<script type="text/javascript" src="https://staticportaldaindustria.azureedge.net/static/bower_components/mustache.js/mustache.min.js"></script>
<script type="text/javascript" src="https://staticportaldaindustria.azureedge.net/static/bower_components/typeahead.js/dist/typeahead.bundle.min.js"></script>
<script type="text/javascript" src="https://staticportaldaindustria.azureedge.net/static/js/dirigentes_empregados_v5.js"></script>
<link rel="stylesheet" href="https://staticportaldaindustria.azureedge.net/static/css/casa-color/sesi_style.css">
<style>:root{--cor-casa-senai: #FA911A}.si-download-extra{display:flex;flex-direction:column;gap:16px}.si-download-extra.si-download-extra-sesi a{border:2px solid #009c31}.si-download-extra.si-download-extra-sesi a span.label{background:#009c31}.si-download-extra.si-download-extra-senai a{border:2px solid #fa911a}.si-download-extra.si-download-extra-senai a span.label{background:#fa911a}.si-download-extra a{display:flex;flex-direction:row;align-items:center;gap:8px;background:#ffffff;padding:10px 16px;box-shadow:0px 4px 16px rgba(0,0,0,0.08);max-width:max-content;border-radius:8px}.si-download-extra a span.icon{padding:0}.nt .nt-downloads{display:flex;align-items:center;flex-direction:row;gap:30px}.nt .nt-downloads .si-download{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:24px 16px;width:146px;height:165px;background:#FFFFFF;border:1px solid #646464;border-radius:8px}.nt .nt-downloads .si-download section{display:flex;flex-direction:column;gap:20px}.nt .nt-downloads .si-download section p{font-style:normal;font-weight:400;font-size:16px !important;line-height:16px}.nt .nt-downloads .si-download section h4{font-style:normal;font-weight:600;font-size:18px !important;line-height:16px}.nt .nt-downloads .si-download section span{font-style:normal;font-weight:400;font-size:14px !important;line-height:16px;color:#646464}.nt .nt-downloads .si-download img{align-self:end}.nt .nt-downloads-horizontal .si-download{display:flex;flex-direction:row;align-items:center;padding:0 24px;gap:16px;background:#FFFFFF;border:1px solid #F7F7F7;border-radius:4px;height:56px;width:457px}.nt .nt-downloads-horizontal .si-download section{width:100%}.nt .nt-downloads-horizontal .si-download section *{font-style:normal;font-weight:400;font-size:14px}.nt .nt-downloads-horizontal .si-download section p{line-height:24px;margin:0;color:#262626}.nt .nt-downloads-horizontal .si-download section span{font-weight:500;font-size:12px;line-height:16px;color:#222222}.nt .tab-pane{padding-top:48px}.nt .tab-content p{font-style:normal;font-weight:400;font-size:14px !important;line-height:150%}.nt .tab-content p strong{font-style:normal;font-weight:700;font-size:14px !important;line-height:160%;color:#222222}.nt .custom-nav-tabs>li>a{font-style:normal;font-weight:400;font-size:18px;line-height:150%;color:#222222 !important}.nt .custom-nav-tabs>li>a:hover{color:#222222 !important}.nt .nt-mapa-estrategico .nt-cards{display:flex;align-items:center;justify-content:space-between}.nt .nt-mapa-estrategico .nt-card.nt-card-cinza .custom-card{background:#8397B0;border:1px solid #8FA5C0;box-shadow:2px 2px 0px #8397B0;border-radius:8px}.nt .nt-mapa-estrategico .nt-card.nt-card-azul .custom-card{background:#333E50;border:1px solid #4C5B73;box-shadow:2px 2px 0px #333E50;border-radius:8px}.nt .nt-mapa-estrategico .nt-card.nt-card-verde .custom-card{background:#70AC48;border:1px solid #52B972;box-shadow:2px 2px 0px #009C31;border-radius:8px}.nt .nt-mapa-estrategico .nt-card.nt-card-laranja .custom-card{background:#FA911A;border:1px solid #C26603;box-shadow:2px 2px 0px #C26603;border-radius:8px}.nt .nt-mapa-estrategico .nt-card.nt-card-marrom .custom-card{background:#767070;border:1px solid #979191;box-shadow:2px 2px 0px #767070;border-radius:8px}.nt .nt-mapa-estrategico .nt-card .custom-card{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;gap:12px}.nt .nt-mapa-estrategico .nt-card .custom-card>header{margin:0 !important;padding:0 !important}.nt .nt-mapa-estrategico .nt-card .custom-card>header p{font-style:normal;font-weight:700;font-size:16px !important;line-height:150%;text-align:center;color:#FFFFFF;margin:0}.nt .nt-mapa-estrategico .nt-card .custom-card>main{width:100%}.nt .nt-mapa-estrategico .nt-card .custom-card>main button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;width:100%;background:#FFFFFF;border:1px solid #D0D0D0;box-shadow:2px 2px 4px rgba(0,0,0,0.1);border-radius:8px}.nt .nt-mapa-estrategico .nt-card .custom-card>main button p{font-style:normal;font-weight:400;font-size:12px !important;line-height:150%;text-align:center;color:#222222;margin:0}.nt .nt-mapa-estrategico .nt-seta{display:flex;align-items:center;justify-content:center;width:fit-content;padding:0}.nt .nt-mapa-estrategico .nt-seta img{padding:15px}.nt .nt-mapa-estrategico .nt-seta-centro{display:flex;align-items:center;justify-content:center;padding:0}.nt .nt-mapa-estrategico .nt-seta-centro img{padding:15px}.nt.nt-senai .custom-nav-tabs>li.active{border-bottom:4px solid var(--cor-casa-senai)}.nt.nt-senai .nt-downloads .si-download section p{color:var(--cor-casa-senai)}.nt.nt-senai .nt-downloads .si-download section h4{color:var(--cor-casa-senai)}.nt.nt-senai .nt-downloads-horizontal .si-download{border-left:4px solid var(--cor-casa-senai)}.nt.nt-sesi .custom-nav-tabs>li.active{border-bottom:4px solid #1E984F}.nt.nt-sesi .nt-downloads .si-download section p{color:#0F6D47}.nt.nt-sesi .nt-downloads .si-download section h4{color:#0F6D47}.nt.nt-sesi .nt-downloads-horizontal .si-download{border-left:4px solid #009C31}.nt-unidades h4,.nt-unidades h4 strong{font-weight:700}.nt-unidades p{color:#5c5c5c;font-size:16px}@media only screen and (max-width: 970px){.nt-cards-row{display:flex;flex-direction:column;gap:15px}.nt-seta{display:flex;align-items:center;justify-content:center;width:fit-content;padding:0}.nt-seta img{padding:15px}}@media only screen and (max-width: 600px){.nt .nt-mapa-estrategico .nt-seta img{padding:0}}
</style>
<style>:root{--cor-casa: #009C31}.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:0px}.tab-content .tab-pane{gap:40px}.tab-content .tab-pane p{color:#222 !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-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.open .accordion-body{max-height:300000000000000px}.tab-pane .accordions .accordion .accordion-header{border-bottom:1px solid var(--cor-casa);padding:8px}.tab-pane .accordions .accordion .accordion-header h5{color:var(--cor-casa);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-transparencia-tabela>table>tbody>tr{background:unset !important;cursor:unset !important}.si-transparencia-tabela>table>tbody>tr>td.border-right{border-right:1px solid #c0c0c0 !important}.si-transparencia-tabela>table>tbody>tr>td{padding:20px 24px !important}.si-transparencia-tabela>table>tbody>tr>td.tbody-head{padding:18px 16px !important;font-weight:700;text-align:start !important}.si-transparencia-tabela>table>tbody>tr>td.tbody-text-start{text-align:start !important}.si-transparencia-tabela>table>tbody>tr>td.tbody-text-end{text-align:end !important}.si-transparencia-tabela>table>tbody>tr>td.tbody-text-center{text-align:center !important}.si-transparencia-tabela>table>tbody>tr>td.fw-bold{font-weight:700 !important}.si-transparencia-tabela>table>tbody>tr>td.fs-16px{font-size:16px !important}.si-transparencia-tabela>table>tbody>tr.bg-600{background:#F1F1F1 !important}.si-transparencia-tabela>table>tbody>tr.bg-500{background:#FAFAFA !important}.si-transparencia-tabela>table>tbody>tr.bg-200{background:#E1E1E1 !important}.si-transparencia-tabela>table>thead>tr>th{padding:20px 24px !important}.si-transparencia-tabela>table>thead>tr>th.tbody-head{padding:18px 16px !important;font-weight:700;text-align:start}.si-transparencia-tabela>table>thead>tr>th.table-thead-title{font-size:16px !important;font-weight:700 !important;line-height:17.6px !important;text-align:center !important;text-transform:uppercase !important}.si-transparencia-tabela-grande .si-transparencia-tabela table tbody tr td{padding:20px 24px !important}
</style>


    <style type="text/css">
        /* Defina a imagem de fundo. */
        .image-size-backgroud-5904777{
            background-image: url('');
        }
        
            /*Default ou Centralizado - igual ao plugin de coluna*/
            .image-size-backgroud-5904777 {
                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-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: #FA911A;
    }

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

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

        
    </style>


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

  }
  
  
  
      .image-size-backgroud-5904776 {
          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-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>
    .si-transparencia-aplicacao-da-receita-liquida-de-contribuicao-compulsoria table > thead > tr > [colspan="12"] {
        text-align: center;
    }

    .si-transparencia-aplicacao-da-receita-liquida-de-contribuicao-compulsoria table > * > tr > [colspan="9"] {
        width: calc((100% / 12) * 9) !important;
        border-right: 1px solid #c0c0c0 !important;
    }

    .si-transparencia-aplicacao-da-receita-liquida-de-contribuicao-compulsoria table > * > tr > [colspan="1"] {
        width: calc((100% / 12) * 1) !important;
    }
</style>


<style>
    .transparencia-select-titulo {
        
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 30px;
    }

    .transparencia-dropdown,
    .gratuidade-conteudo {
        
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
    }


    .transparencia-dropdown button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 210px;
        height: 44px;
        background: #FFFFFF;
        border: 1px solid #E4ECF5;
        border-radius: 4px;
        text-align: left;
        color: #CAD9EB;
    }

    .transparencia-dropdown button.active {
        box-shadow: unset;
        background-color: #fff !important;
    }

    .transparencia-dropdown button.active span {
        
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
    }

    .transparencia-dropdown button:hover {
        color: #CAD9EB;
        background-color: #fff;
        border-color: #E4ECF5;
    }

    .transparencia-dropdown button span {
        width: 100%;
    }

    .transparencia-dropdown button i {
        font-size: 24px;
    }

    .transparencia-dropdown ul.dropdown-menu {
        width: 210px;
        background: #FFFFFF;
        border: 1px solid #E4ECF5;
        border-radius: 4px;

        border: 1px solid #E4ECF5;
        border-radius: 4px;

        padding-top: 0;
        padding-bottom: 0;
    }

    .transparencia-dropdown .dropdown-menu>li>a {
        padding: 10px 16px;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #657388 !important;
    }

    .transparencia-dropdown .dropdown-menu>li.active>a {
        border-left-width: 0px !important;
        border-right-width: 0px !important;
    }

    .transparencia-downloads {
        display: none;
        align-items: center;
        justify-content: end;
    }

    .transparencia-downloads button {
        margin-left: 16px;
    }

    .transparencia-downloads .btn-download {
        padding: 12px 16px;
        /* border: 1.4px solid #1E984F !important; */
        border-radius: 8px;
        background-color: transparent !important;

        
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
        /* color: #1E984F !important; */

        opacity: 1;
        transition: opacity 250ms ease-in-out;
    }

    .transparencia-downloads .btn-download:hover {
        opacity: .75;
    }

    .transparencia-dropdown .btn-default.active.focus,
    .transparencia-dropdown .btn-default.active:focus,
    .transparencia-dropdown .btn-default.active:hover,
    .transparencia-dropdown .btn-default:active.focus,
    .transparencia-dropdown .btn-default:active:focus,
    .transparencia-dropdown .btn-default:active:hover,
    .transparencia-dropdown .open>.dropdown-toggle.btn-default.focus,
    .transparencia-dropdown .open>.dropdown-toggle.btn-default:focus,
    .transparencia-dropdown .open>.dropdown-toggle.btn-default:hover {
        color: #CAD9EB;
        background-color: #fff;
    }

    .gratuidade-conteudo {
        margin-top: 26px;
        display: flex;
    }

    .gratuidade-conteudo-table {
        overflow: hidden;
        border-radius: 4px;
        width: 100%;
    }

    .gratuidade-conteudo table {
        border-spacing: 0px;
        width: 101%;
    }

    .gratuidade-conteudo table,
    .gratuidade-conteudo table>*,
    .gratuidade-conteudo table>*>*,
    .gratuidade-conteudo table>*>*>* {
        margin: 0 !important;
        padding: 0 !important;
        background: unset !important;
        background-color: unset !important;
        border: 0px solid #fff !important;

        
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 110% !important;
    }

    .gratuidade-conteudo table>thead>tr>th:first-child {
        color: #fff !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        text-align: center;
        padding: 16px 8px !important;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

    .gratuidade-conteudo table>tbody>tr>th {
        font-weight: 600 !important;
        background-color: #D0D0D0 !important;
        text-align: center !important;
        color: #000;
        border-bottom: 1px solid #C0C0C0 !important;
        border-right: 1px solid #C0C0C0 !important;
        border-radius: 0 !important;
        vertical-align: middle !important;
        padding: 8px 4px !important;
    }

    .gratuidade-conteudo table>tbody>tr.titulo:last-child>td,
    .gratuidade-conteudo table>tbody>tr.descricao:last-child>td {
        border-bottom: 0px solid #C0C0C0 !important;
    }

    .gratuidade-conteudo table>tbody>tr>td {
        padding: 8px !important;
        text-align: left !important;
        background-color: #D0D0D0 !important;
        vertical-align: middle !important;

        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

    .gratuidade-conteudo table>tbody>tr.programa>td {
        background-color: #f4f4f4 !important;
        border-bottom: 1px solid #C0C0C0 !important;
        border-right: 1px solid #C0C0C0 !important;
        font-weight: 700 !important;
    }

    .gratuidade-conteudo table>tbody>tr:last-child>td {
        border-bottom: 0px solid #C0C0C0 !important;
    }

    .gratuidade-conteudo table>tbody>tr.programa>td:nth-child(n+2),
    .gratuidade-conteudo table>tbody>tr.produto>td:nth-child(n+2) {
        text-align: end !important;
    }

    .gratuidade-conteudo table>tbody>tr.produto>td {
        background-color: #FFFFFF !important;
        border-bottom: 1px solid #C0C0C0 !important;
        border-right: 1px solid #C0C0C0 !important;
    }

    .gratuidade-conteudo table>tbody>tr>th:last-child,
    .gratuidade-conteudo table>tbody>tr>td:last-child {
        border-right: 0 !important;
    }

    .gratuidade-conteudo-carregando {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .gratuidade-conteudo-erro {
        padding: 50px;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .vagas-notas,
    .vagas-fontes,
    .vagas-analises,
    .indicadores-notas,
    .indicadores-fontes,
    .indicadores-analises {
        
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        color: #222222;
        margin-top: 16px;
    }

    td[colspan="5"],
    th[colspan="5"] {
        width: calc((100% / 8) * 5) !important;
    }

    td[colspan="3"],
    th[colspan="3"] {
        width: calc((100% / 8) * 3) !important;
    }

    td[colspan="1"],
    th[colspan="1"] {
        width: calc((100% / 8) * 1) !important;
    }
    .gratuidade-conteudo-table .table > tbody > tr.programa > td[colspan="1"],
    .gratuidade-conteudo-table .table > tbody > tr.produto > td[colspan="1"] {
        text-align: center !important;
    }
</style>
<link rel="stylesheet" href="https://staticportaldaindustria.azureedge.net/static/css/gratuidade-theme-sesi.css">

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

        
    </style>


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

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

<link rel="stylesheet" href="https://staticportaldaindustria.azureedge.net/static/css/mini-accordion.css">

<style>
    .si-transparencia-receita-de-contribuicao-compulsoria-geral table > thead > tr > [colspan="12"] {
      text-align: center;
    }

    .si-transparencia-receita-de-contribuicao-compulsoria-geral table > * > tr > [colspan="3"] {
      width: calc((100% / 12) * 3) !important;
    }

    .si-transparencia-receita-de-contribuicao-compulsoria-geral table > * > tr > [colspan="9"] {
      width: calc((100% / 12) * 9) !important;
      border-right: 1px solid #c0c0c0 !important;
    }

    .si-transparencia-receita-de-contribuicao-compulsoria-geral > thead > tr > th,
    .si-transparencia-receita-de-contribuicao-compulsoria-geral > tbody > tr > td {
      padding: 20px 24px !important; 
    }

    .si-transparencia-receita-de-contribuicao-compulsoria-geral > .si-transparencia-tabela > table > tbody > tr {
      background: unset !important;
      cursor: unset !important;
    }

    .si-transparencia-receita-de-contribuicao-compulsoria-geral > .si-transparencia-tabela > table > tbody > tr.bg-500 {
      background: #FAFAFA !important;
    }

    .si-transparencia-receita-de-contribuicao-compulsoria-geral > .si-transparencia-tabela > table > thead > tr > th.tbody-head,
    .si-transparencia-receita-de-contribuicao-compulsoria-geral > .si-transparencia-tabela > table > tbody > tr > td.tbody-head {
      padding: 18px 16px !important;
      font-weight: 700;
      text-align: start;
    }

    .si-transparencia-receita-de-contribuicao-compulsoria-geral > .si-transparencia-tabela > table > tbody > tr > td.tbody-text-end {
      text-align: end;
    }
</style>


<style>
    .si-transparencia-despesa-total-em-educacao-profissional-superior table > thead > tr > [colspan="12"] {
        text-align: center;
    }

    .si-transparencia-despesa-total-em-educacao-profissional-superior table > * > tr > [colspan="3"] {
        width: calc((100% / 12) * 3) !important;
    }

    .si-transparencia-despesa-total-em-educacao-profissional-superior table > * > tr > [colspan="9"] {
        width: calc((100% / 12) * 9) !important;
        border-right: 1px solid #c0c0c0 !important;
    }

    .si-transparencia-despesa-total-em-educacao-profissional-superior > thead > tr > th,
    .si-transparencia-despesa-total-em-educacao-profissional-superior > tbody > tr > td {
       padding: 20px 24px !important; 
    }

    .si-transparencia-despesa-total-em-educacao-profissional-superior > .si-transparencia-tabela > table > tbody > tr {
        background: unset !important;
        cursor: unset !important;
    }

    .si-transparencia-despesa-total-em-educacao-profissional-superior > .si-transparencia-tabela > table > tbody > tr.bg-500 {
        background: #FAFAFA !important;
    }

    .si-transparencia-despesa-total-em-educacao-profissional-superior > .si-transparencia-tabela > table > tbody > tr.bg-200 {
        background: #E1E1E1 !important;
    }

    .si-transparencia-despesa-total-em-educacao-profissional-superior > .si-transparencia-tabela > table > thead > tr > th.tbody-head,
    .si-transparencia-despesa-total-em-educacao-profissional-superior > .si-transparencia-tabela > table > tbody > tr > td.tbody-head {
        padding: 18px 16px !important;
        font-weight: 700;
        text-align: start;
    }

    .si-transparencia-despesa-total-em-educacao-profissional-superior > .si-transparencia-tabela > table > tbody > tr > td.tbody-text-end {
        text-align: end;
    }

    .si-transparencia-despesa-total-em-educacao-profissional-superior > .si-transparencia-tabela > table > tbody > tr > td.tbody-text-center {
        text-align: center;
    }

    .si-transparencia-despesa-total-em-educacao-profissional-superior > .si-transparencia-tabela > table > tbody > tr > td.text-bold {
        font-weight: 700;
    }
</style>


<style>
    .si-transparencia-despesa-total-por-modalidade-de-ensino table > * > tr > [colspan="12"] {
      width: calc((100% / 12) * 12) !important;
    }

    .si-transparencia-despesa-total-por-modalidade-de-ensino table > * > tr > [colspan="9"] {
      width: calc((100% / 12) * 9) !important;
    }

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

    .si-transparencia-despesa-total-por-modalidade-de-ensino table > * > tr > [colspan="3"] {
      width: calc((100% / 12) * 3) !important;
    }

    .si-transparencia-despesa-total-por-modalidade-de-ensino table > * > tr > [colspan="2"] {
      width: calc((100% / 12) * 2) !important;
    }
</style>


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

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

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

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

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


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

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

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

    .si-transparencia-gasto-medio-hora-aluno table > * > tr > [colspan="3"] {
      width: calc((100% / 12) * 3) !important;
    }

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


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

    .si-transparencia-hora-aluno-em-gratuidade-regimental table > * > tr > [colspan="9"] {
      width: calc((100% / 12) * 9) !important;
    }

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

    .si-transparencia-hora-aluno-em-gratuidade-regimental table > * > tr > [colspan="3"] {
      width: calc((100% / 12) * 3) !important;
    }

    .si-transparencia-hora-aluno-em-gratuidade-regimental table > * > tr > [colspan="2"] {
      width: calc((100% / 12) * 2) !important;
    }
</style>


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

    .si-transparencia-despesas-aplicadas-em-gratuidade-regimental table > * > tr > [colspan="9"] {
      width: calc((100% / 12) * 9) !important;
    }

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

    .si-transparencia-despesas-aplicadas-em-gratuidade-regimental table > * > tr > [colspan="3"] {
      width: calc((100% / 12) * 3) !important;
    }

    .si-transparencia-despesas-aplicadas-em-gratuidade-regimental table > * > tr > [colspan="2"] {
      width: calc((100% / 12) * 2) !important;
    }
</style>


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

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

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

    .si-transparencia-resultado-da-gratuidade-regimental table > * > tr > [colspan="3"] {
      width: calc((100% / 12) * 3) !important;
    }

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


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

        
    </style>


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

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


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

        
    </style>


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

        
    </style>


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

        
    </style>


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

        
    </style>


<style>
.social a{
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}

.social a:hover {
	text-decoration: none;
}

.social a:hover i::before {
	color: #337ab7 !important;
}
.social {
	display: flex;
	flex-wrap: wrap;
}
</style>



        

        <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" defer></script>
    
        <style>
            /* nt = novo transparencia */
            /* 
                Calibre Light
                Calibre Regular
                Calibre Medium
                Calibre Semibold
                Calibre Bold
            */
            .nt-lead .nt-lead-textos h2 {
                
                font-style: normal;
                font-weight: 600 !important;
                font-size: 24px !important;
                line-height: 130%;
            }
            .nt-lead .nt-lead-textos p {
                
                font-style: normal;
                font-weight: 400;
                font-size: 16px !important;
                line-height: 150%;
                color: #222222;
            }
            .nt-lead .nt-lead-textos strong,
            .nt-lead .nt-lead-textos p > strong {
                
                font-style: normal;
                font-weight: 700;
                font-size: 16px !important;
                line-height: 130%;
                color: #222222;
            }
        </style>
        <style>
            .btn-transparencia {
                
                    background: #fa911a !important;
                
                
                    border-color: #fa911a !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: #fa911a;
                
                font-size: 22px;
                font-weight: bold;
            }
            .materia a {
                
                    color: #fa911a;
                
                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 #fa911a;
            

            }

            .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 #FA911A;
        background: #FA911A;
    }

    /* 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: #FA911A;
    }

    .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: #FA911A;
    }

    .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 #fa911a !important;
    

    }

    #year-select {
        font-size: 16px;
    
        color: #fa911a;
    
    }
    .button-outline-color {
        margin-left: 5px;
        font-size: 16px;
    
        border: 2px solid #fa911a;
    
    }
    *:not(i,span) {
        font-family: 'Source Sans Pro', Arial, Verdana !important;
    }

    .form-control {
        heigth: 34px !important;
        padding: 6px 12px !important;
    }
</style>
<input type="hidden" name="transparencia-api-base" value="https://sistematransparenciaweb.com.br">
<script>
    var api = "https://sistematransparenciaweb.com.br"; 
</script>
<script>
  window.aplicacao_da_receita_liquida_de_contribuicao_compulsoria = function() {
    const urls = {
        data: ({api, ano, departamento, entidade}) => `${api}/api-gratuidade/publico/gratuidades/indicadores/entidades/${entidade}/departamentos/${departamento}/gratuidade?ano=${ano}`,
        download: ({api, ano, departamento, entidade, formato}) => `${api}/api-gratuidade/publico/gratuidades/indicadores/export?siglaEntidadeNacional=${entidade}&departamento=${departamento}&ano=${ano}&formatoExportacao=${formato}`,
    }

    function getAnoInicial() {
        return new Date().getFullYear();
    }

    function getListaAnos() {
        const anoAtual = getAnoInicial();
        return Array.from({ length: 5 }, (_, i) => anoAtual - i);
    }

    return {
      api: 'https://sistematransparenciaweb.com.br',
      ano: getAnoInicial(),
      entidade: 'SESI',
      departamento: 'SESI-AP',
      anos: getListaAnos(),
      data: [],
      possuiDados() {
        return this.data.length > 0;
      },
      possuiFonte() {
        return this.data.length > 0 && this.data[0].fonte && this.data[0].fonte !== "";
      },
      possuiNotas() {
        return this.data.length > 0 && this.data[0].notas && this.data[0].notas !== "";
      },
      getNotas() {
        return this.possuiNotas() ? this.data[0].notas.split("\n\n") : [];
      },
      getFonte() {
        return this.possuiFonte() ? this.data[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.data = data;
          })
          .catch((error) => {
            this.data = {};
          });
      },
      getPeriodoReferencia() {
        return (this.data.length > 0 && this.data[0]?.sgPeriodoReferencia) ? this.data[0].sgPeriodoReferencia : "";
      },
      getIndicadores() {
        return this.data.length > 0 ? this.data : [];
      }
    }
  };
</script>


<script>
  window.receita_de_contribuicao_compulsoria_geral = function() {
    const urls = {
      senai: {
        data: ({api, ano, departamento, entidade}) => `${api}/api-gratuidade-resultados/publico/gratuidade/dr/senai/contribuicao-compulsoria?entidade=${entidade}&departamento=${departamento}&ano=${ano}`,
        download: ({api, ano, departamento, entidade, formato}) => `${api}/api-gratuidade-resultados/publico/gratuidade/dr/senai/contribuicao-compulsoria/export?entidade=${entidade}&departamento=${departamento}&ano=${ano}&formatoExportacao=${formato}`,
      },
      sesi: {
        data: ({api, ano, departamento, entidade}) => `${api}/api-gratuidade-resultados/publico/gratuidade/dr/sesi/contribuicao-compulsoria?entidade=${entidade}&departamento=${departamento}&ano=${ano}`,
        download: ({api, ano, departamento, entidade, formato}) => `${api}/api-gratuidade-resultados/publico/gratuidade/dr/sesi/contribuicao-compulsoria/export?entidade=${entidade}&departamento=${departamento}&ano=${ano}&formatoExportacao=${formato}`,
      },
    }

    function getAnoInicial() {
        return new Date().getFullYear();
    }

    function getListaAnos() {
        const anoAtual = getAnoInicial();
        return Array.from({ length: 5 }, (_, i) => anoAtual - i);
    }

    return {
      api: 'https://sistematransparenciaweb.com.br',
      ano: getAnoInicial(),
      entidade: 'SESI',
      departamento: 'SESI-AP',
      anos: getListaAnos(),
      data: {},
      possuiDados() {
        return Object.keys(this.data).length > 0;
      },
      possuiFonte() {
        return this.data?.fonte && this.data.fonte !== "";
      },
      possuiNotas() {
        return this.data?.notas && this.data.notas !== "";
      },
      getNotas() {
        return this.possuiNotas() ? this.data.notas.replace("\n\n", "\n").split("\n\n") : "";
      },
      getFonte() {
        return this.possuiFonte() ? this.data.fonte : "";
      },
      download(formato) {
        window.open(urls[this.entidade.toLowerCase()].download({...this, formato}));
      },
      downloadXLSX() {
        this.download("XLSX");
      },
      downloadODS() {
        this.download("ODS");
      },
      fetchData() {
        fetch(urls[this.entidade.toLowerCase()].data({...this}), {'Accept': 'application/json'})
          .then((res) => res.json())
          .then((data) => {
            this.data = data;
          })
          .catch((error) => {
            this.data = {};
            console.log(error);
          });
      }
    }
  };
</script>


<script>
  window.despesa_total_por_modalidade_de_ensino = function() {
    const urls = {
      senai: {
        data: ({api, ano, departamento, entidade}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/senai/despesa-total?entidade=${entidade}&departamento=${departamento}&ano=${ano}`,
        download: ({api, ano, departamento, entidade, formato}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/senai/despesa-total/export?entidade=${entidade}&departamento=${departamento}&ano=${ano}&formatoExportacao=${formato}`,
      },
      sesi: {
        data: ({api, ano, departamento, entidade}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/sesi/despesa-total?entidade=${entidade}&departamento=${departamento}&ano=${ano}`,
        download: ({api, ano, departamento, entidade, formato}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/sesi/despesa-total/export?entidade=${entidade}&departamento=${departamento}&ano=${ano}&formatoExportacao=${formato}`,
      }
    }

    function getAnoInicial() {
        return new Date().getFullYear();
    }

    function getListaAnos() {
        const anoAtual = getAnoInicial();
        return Array.from({ length: 5 }, (_, i) => anoAtual - i);
    }

    return {
      api: 'https://sistematransparenciaweb.com.br',
      ano: getAnoInicial(),
      entidade: 'SESI',
      departamento: 'SESI-AP',
      anos: getListaAnos(),
      data: {},
      possuiDados() {
        return Object.keys(this.data).length > 0;
      },
      possuiFonte() {
        return this.data?.fonte && this.data.fonte !== "";
      },
      possuiNotas() {
        return this.data?.nota && this.data.nota !== "";
      },
      getNotas() {
        return this.possuiNotas() ? this.data.nota.replace("\n\n", "\n").split("\n") : [];
      },
      getFonte() {
        return this.possuiFonte() ? this.data.fonte : "";
      },
      download(formato) {
        window.open(urls[this.entidade.toLowerCase()].download({...this, formato}));
      },
      downloadXLSX() {
        this.download("XLSX");
      },
      downloadODS() {
        this.download("ODS");
      },
      fetchData() {
        fetch(urls[this.entidade.toLowerCase()].data({...this}), { 'Accept': 'application/json' })
          .then((res) => res.json())
          .then((data) => {
            this.data = data;
          })
          .catch((error) => {
            this.data = {};
          });
      },
      getProgramas() {
        return this.entidade.toLowerCase() === "senai" ? this.getProgramasSENAI() : this.getProgramasSESI();
      },
      getProgramasSENAI() {
        return this.data?.programas?.flatMap((value) => {
          return [{ "nome": value.programa, programa: true }, ...value.modalidades.map((m) => ({ ...m, programa: false }))];
        }) || [];
      },
      getProgramasSESI() {
        return this.data?.programas?.flatMap((value) => {
          return [{ "nome": value.nomePrograma, programa: true }, ...value.modalidades.map((m) => ({ nome: m.nomeModalidade, valor: m.valorDespesaTotalModalidade, programa: false }))];
        }) || [];
      },
      possuiPrograma(value = undefined) {
        return value !== undefined && value !== null && value !== "";
      }
    }
  };
</script>


<script>
  window.hora_aluno_total = function() {
    const urls = {
      senai: {
        data: ({api, ano, departamento, entidade}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/senai/hora-aluno-total?entidade=${entidade}&departamento=${departamento}&ano=${ano}`,
        download: ({api, ano, departamento, entidade, formato}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/senai/hora-aluno-total/export?entidade=${entidade}&departamento=${departamento}&ano=${ano}&formatoExportacao=${formato}`,
      },
      sesi: {
        data: ({api, ano, departamento, entidade}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/sesi/hora-aluno-total?entidade=${entidade}&departamento=${departamento}&ano=${ano}`,
        download: ({api, ano, departamento, entidade, formato}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/sesi/hora-aluno-total/export?entidade=${entidade}&departamento=${departamento}&ano=${ano}&formatoExportacao=${formato}`,
      }
    }

    function getAnoInicial() {
        return new Date().getFullYear();
    }

    function getListaAnos() {
        const anoAtual = getAnoInicial();
        return Array.from({ length: 5 }, (_, i) => anoAtual - i);
    }

    return {
      api: 'https://sistematransparenciaweb.com.br',
      ano: getAnoInicial(),
      entidade: 'SESI',
      departamento: 'SESI-AP',
      anos: getListaAnos(),
      data: {},
      possuiDados() {
        return Object.keys(this.data).length > 0;
      },
      possuiFonte() {
        return this.data?.fonte && this.data.fonte !== "";
      },
      possuiNotas() {
        return this.data?.nota && this.data.nota !== "";
      },
      getNotas() {
        return this.possuiNotas() ? this.data.nota.replace("\n\n", "\n").split("\n") : [];
      },
      getFonte() {
        return this.possuiFonte() ? this.data.fonte : "";
      },
      download(formato) {
        window.open(urls[this.entidade.toLowerCase()].download({...this, formato}));
      },
      downloadXLSX() {
        this.download("XLSX");
      },
      downloadODS() {
        this.download("ODS");
      },
      fetchData() {
        fetch(urls[this.entidade.toLowerCase()].data({...this}), { 'Accept': 'application/json' })
          .then((res) => res.json())
          .then((data) => {
            this.data = data;
          })
          .catch((error) => {
            this.data = {};
          });
      },
      getProgramas() {
        return this.entidade.toLowerCase() === "senai" ? this.getProgramasSENAI() : this.getProgramasSESI();
      },
      getProgramasSENAI() {
        return this.data?.programas?.flatMap((value) => {
          return [{ "nome": value.programa, programa: true }, ...value.modalidades.map((m) => ({ ...m, programa: false }))];
        }) || [];
      },
      getProgramasSESI() {
        return this.data?.programas?.flatMap((value) => {
          return [{ "nome": value.nomePrograma, programa: true }, ...value.modalidades.map((m) => ({ nome: m.nomeModalidade, valor: m.horaAlunoTotalRealizado, programa: false }))];
        }) || [];
      },
      possuiPrograma(value = undefined) {
        return value !== undefined && value !== null && value !== "";
      }
    }
  };
</script>


<script>
  window.hora_aluno_total = function() {
    const urls = {
      senai: {
        data: ({api, ano, departamento, entidade}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/senai/hora-aluno-total?entidade=${entidade}&departamento=${departamento}&ano=${ano}`,
        download: ({api, ano, departamento, entidade, formato}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/senai/hora-aluno-total/export?entidade=${entidade}&departamento=${departamento}&ano=${ano}&formatoExportacao=${formato}`,
      },
      sesi: {
        data: ({api, ano, departamento, entidade}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/sesi/hora-aluno-total?entidade=${entidade}&departamento=${departamento}&ano=${ano}`,
        download: ({api, ano, departamento, entidade, formato}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/sesi/hora-aluno-total/export?entidade=${entidade}&departamento=${departamento}&ano=${ano}&formatoExportacao=${formato}`,
      }
    }

    function getAnoInicial() {
        return new Date().getFullYear();
    }

    function getListaAnos() {
        const anoAtual = getAnoInicial();
        return Array.from({ length: 5 }, (_, i) => anoAtual - i);
    }


    return {
      api: 'https://sistematransparenciaweb.com.br',
      ano: getAnoInicial(),
      entidade: 'SESI',
      departamento: 'SESI-AP',
      anos: getListaAnos(),
      data: {},
      possuiDados() {
        return Object.keys(this.data).length > 0;
      },
      possuiFonte() {
        return this.data?.fonte && this.data.fonte !== "";
      },
      possuiNotas() {
        return this.data?.nota && this.data.nota !== "";
      },
      getNotas() {
        return this.possuiNotas() ? this.data.nota.replace("\n\n", "\n").split("\n") : [];
      },
      getFonte() {
        return this.possuiFonte() ? this.data.fonte : "";
      },
      download(formato) {
        window.open(urls[this.entidade.toLowerCase()].download({...this, formato}));
      },
      downloadXLSX() {
        this.download("XLSX");
      },
      downloadODS() {
        this.download("ODS");
      },
      fetchData() {
        fetch(urls[this.entidade.toLowerCase()].data({...this}), { 'Accept': 'application/json' })
          .then((res) => res.json())
          .then((data) => {
            this.data = data;
          })
          .catch((error) => {
            this.data = {};
          });
      },
      getProgramas() {
        return this.entidade.toLowerCase() === "senai" ? this.getProgramasSENAI() : this.getProgramasSESI();
      },
      getProgramasSENAI() {
        return this.data?.programas?.flatMap((value) => {
          return [{ "nome": value.programa, programa: true }, ...value.modalidades.map((m) => ({ ...m, programa: false }))];
        }) || [];
      },
      getProgramasSESI() {
        return this.data?.programas?.flatMap((value) => {
          return [{ "nome": value.nomePrograma, programa: true }, ...value.modalidades.map((m) => ({ nome: m.nomeModalidade, valor: m.horaAlunoTotalRealizado, programa: false }))];
        }) || [];
      },
      possuiPrograma(value = undefined) {
        return value !== undefined && value !== null && value !== "";
      }
    }
  };
</script>


<script>
  window.gasto_medio_hora_aluno = function() {
    const urls = {
      senai: {
        data: ({api, ano, departamento, entidade}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/gasto-medio-hora-aluno/senai?entidade=${entidade}&departamento=${departamento}&ano=${ano}`,
        download: ({api, ano, departamento, entidade, formato}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/gasto-medio-hora-aluno/senai/export?entidade=${entidade}&departamento=${departamento}&ano=${ano}&formatoExportacao=${formato}`,
      },
      sesi: {
        data: ({api, ano, departamento, entidade}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/sesi/gasto-medio-hora-aluno?entidade=${entidade}&departamento=${departamento}&ano=${ano}`,
        download: ({api, ano, departamento, entidade, formato}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/sesi/gasto-medio-hora-aluno/export?entidade=${entidade}&departamento=${departamento}&ano=${ano}&formatoExportacao=${formato}`,
      },
    }

    function getAnoInicial() {
        return new Date().getFullYear();
    }

    function getListaAnos() {
        const anoAtual = getAnoInicial();
        return Array.from({ length: 5 }, (_, i) => anoAtual - i);
    }


    return {
      api: 'https://sistematransparenciaweb.com.br',
      ano: getAnoInicial(),
      entidade: 'SESI',
      departamento: 'SESI-AP',
      anos: getListaAnos(),
      data: {},
      possuiDados() {
        return Object.keys(this.data).length > 0;
      },
      possuiFonte() {
        return this.data?.fonte && this.data.fonte !== "";
      },
      possuiNotas() {
        return this.data?.nota && this.data.nota !== "";
      },
      getNotas() {
        return this.possuiNotas() ? this.data.nota.replace("\n\n", "\n").split("\n") : [];
      },
      getFonte() {
        return this.possuiFonte() ? this.data.fonte : "";
      },
      download(formato) {
        window.open(urls[this.entidade.toLowerCase()].download({...this, formato}));
      },
      downloadXLSX() {
        this.download("XLSX");
      },
      downloadODS() {
        this.download("ODS");
      },
      fetchData() {
        fetch(urls[this.entidade.toLowerCase()].data({...this}), { 'Accept': 'application/json' })
          .then((res) => res.json())
          .then((data) => {
            this.data = data;
          })
          .catch((error) => {
            this.data = {};
          });
      },
      getProgramas() {
        return this.entidade.toLowerCase() === "senai" ? this.getProgramasSENAI() : this.getProgramasSESI();
      },
      getProgramasSENAI() {
        return this.data?.dadosGastoMedioHoraAluno?.flatMap((value) => {
          return [
            {
              nome: value.nomePrograma,
              programa: true
            },
            ...value.modalidades.map((m) => ({
              nome: m.nomeModalidade,
              ead: m.gastoMedioHoraAlunoEAD,
              presencial: m.gastoMedioHoraAlunoPresencial,
              programa: false
            }))
          ];
        }) || [];
      },
      getProgramasSESI() {
        return this.data?.programas?.flatMap((value) => {
          return [
            {
              nome: value.nomePrograma,
              programa: true
            },
            ...value.modalidades.map((m) => ({
              nome: m.nomeModalidade,
              valor: m.valorGastoMedioHoraAluno,
              programa: false
            }))
          ];
        }) || [];
      },
      getSomaSESI() {
        return this.data?.programas?.reduce((acc, value) => {
          return acc + value.modalidades.reduce((acc, value) => {
            const parsedValue = parseFloat(value.valorGastoMedioHoraAluno.replace(',', '.'));
            if (isNaN(parsedValue)) {
              return acc;
            }
            return acc + parsedValue;
          }, 0);
        }, 0).toLocaleString();
      },
      possuiPrograma(value = undefined) {
        return value !== undefined && value !== null && value !== "";
      },
      getTotalPresencial() {
        return this.data?.dadosGastoMedioHoraAluno?.reduce((acc, value) => {
          return acc + value.modalidades.reduce((acc, value) => {
            const parsedValue = parseFloat(value.gastoMedioHoraAlunoPresencial.replace(',', '.'));
            if (isNaN(parsedValue)) {
              return acc;
            }
            return acc + parsedValue;
          }, 0);
        }, 0).toLocaleString();
      },
      getTotalEaD() {
        return this.data?.dadosGastoMedioHoraAluno?.reduce((acc, value) => {
          return acc + value.modalidades.reduce((acc, value) => {
            const parsedValue = parseFloat(value.gastoMedioHoraAlunoEAD.replace(',', '.'));
            if (isNaN(parsedValue)) {
              return acc;
            }
            return acc + parsedValue;
          }, 0);
        }, 0).toLocaleString();
      },
    }
  };
</script>


<script>
  window.hora_aluno_em_gratuidade_regimental = function() {
    const urls = {
      senai: {
        data: ({api, ano, departamento, entidade}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/senai/hora-aluno-gratuidade-regimental?entidade=${entidade}&departamento=${departamento}&ano=${ano}`,
        download: ({api, ano, departamento, entidade, formato}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/senai/hora-aluno-gratuidade-regimental/export?entidade=${entidade}&departamento=${departamento}&ano=${ano}&formatoExportacao=${formato}`,
      },
      sesi: {
        data: ({api, ano, departamento, entidade}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/sesi/hora-aluno-gratuidade-regulamentar?entidade=${entidade}&departamento=${departamento}&ano=${ano}`,
        download: ({api, ano, departamento, entidade, formato}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/sesi/hora-aluno-gratuidade-regulamentar/export?entidade=${entidade}&departamento=${departamento}&ano=${ano}&formatoExportacao=${formato}`,
      }
    }

    function getAnoInicial() {
        return new Date().getFullYear();
    }

    function getListaAnos() {
        const anoAtual = getAnoInicial();
        return Array.from({ length: 5 }, (_, i) => anoAtual - i);
    }

    return {
      api: 'https://sistematransparenciaweb.com.br',
      ano: getAnoInicial(),
      entidade: 'SESI',
      departamento: 'SESI-AP',
      anos: getListaAnos(),
      data: {},
      possuiDados() {
        return Object.keys(this.data).length > 0;
      },
      possuiFonte() {
        return this.data?.fonte && this.data.fonte !== "";
      },
      possuiNotas() {
        return this.data?.nota && this.data.nota !== "";
      },
      getNotas() {
        return this.possuiNotas() ? this.data.nota.replace("\n\n", "\n").split("\n") : [];
      },
      getFonte() {
        return this.possuiFonte() ? this.data.fonte : "";
      },
      download(formato) {
        window.open(urls[this.entidade.toLowerCase()].download({...this, formato}));
      },
      downloadXLSX() {
        this.download("XLSX");
      },
      downloadODS() {
        this.download("ODS");
      },
      fetchData() {
        fetch(urls[this.entidade.toLowerCase()].data({...this}), { 'Accept': 'application/json' })
          .then((res) => res.json())
          .then((data) => {
            this.data = data;
          })
          .catch((error) => {
            this.data = {};
          });
      },
      getProgramas() {
        return this.entidade.toLowerCase() === "senai" ? this.getProgramasSENAI() : this.getProgramasSESI();
      },
      getProgramasSENAI() {
        return this.data?.horaAlunoProgramasModalidades?.flatMap((value) => {
          return [
            {
              "nome": value.nomePrograma,
              programa: true
            },
            ...value.modalidades?.map((m) => ({
              nome: m.nomeModalidade,
              ead: m.ead,
              presencial: m.presencial,
              total: m.totalModalidade,
              programa: false
            }))
          ];
        }) || [];
      },
      getProgramasSESI() {
        return this.data?.programas?.flatMap((value) => {
          return [
            {
              "nome": value.nomePrograma,
              programa: true
            },
            ...value.modalidades?.map((m) => ({
              nome: m.nomeModalidade,
              valor: m.horaAlunoTotalRealizadoGratuidade,
              programa: false
            }))
          ];
        }) || [];
      },
      possuiPrograma(value = undefined) {
        return value !== undefined && value !== null && value !== "";
      }
    }
  };
</script>


<script>
  window.despesas_aplicadas_em_gratuidade_regimental = function() {
    const urls = {
      senai: {
        data: ({api, ano, departamento, entidade}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/senai/despesas-aplicadas-gratuidade-regimental?entidade=${entidade}&departamento=${departamento}&ano=${ano}`,
        download: ({api, ano, departamento, entidade, formato}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/senai/despesas-aplicadas-gratuidade-regimental/export?entidade=${entidade}&departamento=${departamento}&ano=${ano}&formatoExportacao=${formato}`,
      },
      sesi: {
        data: ({api, ano, departamento, entidade}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/sesi/despesas-aplicadas-gratuidade-regulamentar?entidade=${entidade}&departamento=${departamento}&ano=${ano}`,
        download: ({api, ano, departamento, entidade, formato}) => `${api}/api-gratuidade-resultados/publico/gratuidade/modalidade/sesi/despesas-aplicadas-gratuidade-regulamentar/export?entidade=${entidade}&departamento=${departamento}&ano=${ano}&formatoExportacao=${formato}`,
      }
    }

    function getAnoInicial() {
        return new Date().getFullYear();
    }

    function getListaAnos() {
        const anoAtual = getAnoInicial();
        return Array.from({ length: 5 }, (_, i) => anoAtual - i);
    }

    return {
      api: 'https://sistematransparenciaweb.com.br',
      ano: getAnoInicial(),
      entidade: 'SESI',
      departamento: 'SESI-AP',
      anos: getListaAnos(),
      data: {},
      possuiDados() {
        return Object.keys(this.data).length > 0;
      },
      possuiFonte() {
        return this.data?.fonte && this.data.fonte !== "";
      },
      possuiNotas() {
        return this.data?.nota && this.data.nota !== "";
      },
      getNotas() {
        return this.possuiNotas() ? this.data.nota.replace("\n\n", "\n").split("\n") : [];
      },
      getFonte() {
        return this.possuiFonte() ? this.data.fonte : "";
      },
      download(formato) {
        window.open(urls[this.entidade.toLowerCase()].download({...this, formato}));
      },
      downloadXLSX() {
        this.download("XLSX");
      },
      downloadODS() {
        this.download("ODS");
      },
      fetchData() {
        fetch(urls[this.entidade.toLowerCase()].data({...this}), { 'Accept': 'application/json' })
          .then((res) => res.json())
          .then((data) => {
            this.data = data;
          })
          .catch((error) => {
            this.data = {};
          });
      },
      getProgramas() {
        return this.entidade.toLowerCase() === 'senai' ? this.getProgramasSENAI() : this.getProgramasSESI();
      },
      getProgramasSENAI() {
        return this.data?.despesaProgramasModalidades?.flatMap((value) => {
          return [
            {
              "nome": value.nomePrograma,
              programa: true
            },
            ...value.modalidades?.map((m) => ({
              nome: m.nomeModalidade,
              ead: m.ead,
              presencial: m.presencial,
              total: m.totalModalidade,
              programa: false
            }))
          ];
        }) || [];
      },
      getProgramasSESI() {
        return this.data?.programas?.flatMap((value) => {
          return [
            {
              "nome": value.nomePrograma,
              programa: true
            },
            ...value.modalidades?.map((m) => ({
              nome: m.nomeModalidade,
              valor: m.valorDespesaGratuidade,
              programa: false
            }))
          ];
        }) || [];
      },
      possuiPrograma(value = undefined) {
        return value !== undefined && value !== null && value !== "";
      }
    }
  };
</script>


<script>
  window.resultado_da_gratuidade_regimental = function() {
    const urls = {
      senai: {
        data: ({api, ano, departamento, entidade}) => `${api}/api-gratuidade-resultados/publico/gratuidade/dr/senai/cumprimento-acordo?entidade=${entidade}&departamento=${departamento}&ano=${ano}`,
        download: ({api, ano, departamento, entidade, formato}) => `${api}/api-gratuidade-resultados/publico/gratuidade/dr/senai/cumprimento-acordo/export?entidade=${entidade}&departamento=${departamento}&ano=${ano}&formatoExportacao=${formato}`,
      }, 
      sesi: {
        data: ({api, ano, departamento, entidade}) => `${api}/api-gratuidade-resultados/publico/gratuidade/dr/sesi/cumprimento-acordo?entidade=${entidade}&departamento=${departamento}&ano=${ano}`,
        download: ({api, ano, departamento, entidade, formato}) => `${api}/api-gratuidade-resultados/publico/gratuidade/dr/sesi/cumprimento-acordo/export?entidade=${entidade}&departamento=${departamento}&ano=${ano}&formatoExportacao=${formato}`,
      }
    }

    function getAnoInicial() {
        return new Date().getFullYear();
    }

    function getListaAnos() {
        const anoAtual = getAnoInicial();
        return Array.from({ length: 5 }, (_, i) => anoAtual - i);
    }

    return {
      api: 'https://sistematransparenciaweb.com.br',
      ano: getAnoInicial(),
      entidade: 'SESI',
      departamento: 'SESI-AP',
      anos: getListaAnos(),
      data: {},
      possuiDados() {
        return Object.keys(this.data).length > 0;
      },
      possuiFonte() {
        return this.data?.fonte && this.data.fonte !== "";
      },
      possuiNotas() {
        return this.data?.nota && this.data.nota !== "";
      },
      getNotas() {
        return this.possuiNotas() ? this.data.nota.replace("\n\n", "\n").split("\n") : [];
      },
      getFonte() {
        return this.possuiFonte() ? this.data.fonte : "";
      },
      download(formato) {
        window.open(urls[this.entidade.toLowerCase()].download({...this, formato}));
      },
      downloadXLSX() {
        this.download("XLSX");
      },
      downloadODS() {
        this.download("ODS");
      },
      fetchData() {
        fetch(urls[this.entidade.toLowerCase()].data({...this}), { 'Accept': 'application/json' })
          .then((res) => res.json())
          .then((data) => {
            this.data = data;
          })
          .catch((error) => {
            this.data = {};
          });
      },
    }
  };
</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>
    [...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;
        }
    });
</script>

<script>
(function($){
$(function () {
    $('.dropdown-toggle').dropdown();

    // Api
    const apiBase = document.querySelector('[name="transparencia-api-base"]').value + "/api-gratuidade/publico/gratuidades";
    const apiDados = ({ target, sigla, departamento, ano }) => `${apiBase}/${target}/entidades/${sigla}/departamentos/${departamento}/gratuidade?ano=${ano}`;
    const apiDownload = ({ target, sigla, departamento, ano, formato }) => `${apiBase}/${target}/export?siglaEntidadeNacional=${sigla}&departamento=${departamento}&ano=${ano}&formatoExportacao=${formato}`;

    // State
    var state = {
        vagas: {
            target: null,
            sigla: null,
            departamento: null,
            ano: null,
        },
        indicadores: {
            target: null,
            sigla: null,
            departamento: null,
            ano: null,
        }
    }

    const getState = (key) => {
        return state[key] || {};
    }

    const setState = (key, newState, callback) => {
        const oldState = state[key];
        state[key] = newState;
        callback && callback(oldState, newState);
    }

    // Interação UI

    const createTableHead = ({ head = [], spans = [], classes = [] }) => {
        const $head = document.createElement("tr");
        classes.forEach((cls) => $head.classList.add(cls));
        head.forEach((value, index) => {
            const $th = document.createElement("th");
            $th.colSpan = spans[index];
            $th.innerHTML = value;
            $head.append($th);
        });

        return $head
    }

    const createTableRow = ({ row = [], spans = [], classes = [] }) => {
        const $row = document.createElement("tr");
        classes.forEach((cls) => $row.classList.add(cls));
        row.forEach((value, index) => {
            const $td = document.createElement("td");
            $td.colSpan = spans[index];
            $td.innerHTML = value;
            $row.append($td);
        });
        return $row;
    }


    function onChangeDropdownStyle(owner) {
        const $parent = $(owner).parents(".transparencia-dropdown");
        const text = owner.textContent;

        $("button > span", $parent).first().text(text);
        $("button", $parent).first().addClass("active");

        $("li", $parent).each(function (i, e) {
            if (e.textContent === text) {
                e.classList.add("active");
            } else {
                e.classList.remove("active");
            }
        });
    }

    const showFonte = (value, target) => {
        if (!value) {
            target.style.display = "none";
            return
        }
        target.innerHTML = `<strong>Fonte: </strong> ${value}`;
        target.style.display = "block";
    }

    const showNotas = (value, target) => {
        if (!value) {
            target.style.display = "none";
            return
        }
        target.innerHTML = `<strong>Nota: </strong>${value.split("\n").join("<br><br>")}`;
        target.style.display = "block";
    }

    const showAnalise = (value, target) => {
        if (!value) {
            target.style.display = "none";
            return
        }
        target.innerHTML = `<strong>Analise: </strong> ${value}`
        target.style.display = "block";
    }

    const renderTotal = (data, sigla) => {
        const $table = document.querySelector(".table.total");

        const tempNoteMark = sigla === "SENAI" ? "⁴" : "²";

        $table.querySelector("tbody").insertAdjacentElement(
            "beforeend",
            createTableRow({
                row: [
                    `Hora-aluno realizado em outras modalidades${tempNoteMark}`,
                    "/////////",
                    data.qntHoraAlunoRealizadaOutros,
                    data.qntHoraAlunoRealizadaOutros
                ],
                spans: [5, 1, 1, 1],
                classes: ["produto"]
            })
        );
        
        const tempNoteMarkTotal = sigla === "SENAI" ? "" : "³";

        $table.querySelector("tbody").insertAdjacentElement(
            "beforeend",
            createTableRow({
                row: [
                    `Total de hora-aluno realizado no período${tempNoteMarkTotal}`,
                    data.totalHoraAlunoRealizadaGratuita,
                    data.totalHoraAlunoRealizadaNaoGratuita,
                    data.qntTotalGeralHoraAlunoRealizada
                ],
                spans: [5, 1, 1, 1],
                classes: ["programa"]
            })
        );
    }

    const renderIndicadores = (data, sigla) => {
        const $table = document.querySelector(".table.indicadores");

        // Header
        $table.querySelector("thead").innerHTML = "";
        $table.querySelector("thead").insertAdjacentElement(
            "afterbegin",
            createTableHead({
                head: [`APLICAÇÃO DA RECEITA LÍQUIDA DE CONTRIBUIÇÃO COMPULSÓRIA - ${getState("indicadores").ano}`],
                spans: [8],
            })
        );

        // Colunas
        $table.querySelector("tbody").insertAdjacentElement(
            "beforeend",
            createTableHead({
                head: [
                    "Indicador",
                    "Meta<br>Anual",
                    `Realizado<br>(${data[0].sgPeriodoReferencia})`,
                    "Índice de<br>Realização¹"
                ],
                spans: [5, 1, 1, 1],
                classes: ["descricao"]
            })
        );

        // Rows
        data.forEach((indicador) => {
            $table.querySelector("tbody").insertAdjacentElement(
                "beforeend",
                createTableRow({
                    row: [
                        indicador.indicador,
                        indicador.estimadoAnual,
                        indicador.realizado,
                        indicador.indiceRealizacao,
                    ],
                    spans: [5, 1, 1, 1],
                    classes: ["programa"]
                })
            );
        });

        // Fonte, Nota, Analise
        showFonte(data[0].fonte, document.querySelector(".indicadores-fontes"));
        showNotas(data[0].notas, document.querySelector(".indicadores-notas"));
        showAnalise(data[0].analise, document.querySelector(".indicadores-analises"));
    }

    const renderVagas = (data, sigla) => {
        const $table = document.querySelector(".table.vagas");
        renderTotal(data, sigla);

        // Header
        const tempHeaderText = (sigla === "SENAI") ? "EDUCAÇÃO PROFISSIONAL E TECNOLÓGICA" : "EDUCAÇÃO BÁSICA E CONTINUADA";
        $table.querySelector("thead").innerHTML = "";
        $table.querySelector("thead").insertAdjacentElement(
            "afterbegin",
            createTableHead({
                head: [`${tempHeaderText} ${getState("vagas").ano}`],
                spans: [8],
            })
        );

        // Colunas 
        $table.querySelector("tbody").insertAdjacentElement(
            "beforeend",
            createTableHead({
                head: [
                    (sigla == 'SESI') ? "GRATUIDADE REGIMENTAL" :  "GRATUIDADE REGULAMENTAR",
                    (sigla == 'SESI') ? "EXCETO GRATUIDADE REGIMENTAL" : "EXCETO GRATUIDADE REGULAMENTAR",
                    "Total¹"
                ],
                spans: [6, 1, 1],
                classes: ["titulo"]
            })
        );

        const tempNoteMark = sigla === "SENAI" ? "⁵" : "³";

        $table.querySelector("tbody").insertAdjacentElement(
            "beforeend",
            createTableHead({
                head: [
                    "Programa/Modalidade",
                    "Vagas Planejadas Anual",
                    `Matrículas Realizadas${tempNoteMark}<br>(${data.periodoReferencia})`,
                    `Hora-Aluno Realizado${tempNoteMark}<br>(${data.periodoReferencia})`,
                    `Hora-Aluno Realizado${tempNoteMark}<br>(${data.periodoReferencia})`,
                    `Hora-Aluno Realizado${tempNoteMark}<br>(${data.periodoReferencia})`,
                ],
                spans: [3, 1, 1, 1, 1, 1],
                classes: ["descricao"]
            })
        );

        // Rows
        data.programas.forEach((programa) => {
            $table.querySelector("tbody").insertAdjacentElement(
                "beforeend",
                createTableRow({
                    row: [
                        programa.descricao,
                        programa.qntPlanejada,
                        programa.qntRealizada,
                        programa.qntHoraAlunoGratuidadeRealizada,
                        programa.qntHoraAlunoNaoGratuitoRealizada,
                        programa.qntTotalHoraAlunoRealizada,
                    ],
                    spans: [3, 1, 1, 1, 1, 1],
                    classes: ["programa"]
                })
            );

            programa.produtos.forEach((produto) => {
                $table.querySelector("tbody").insertAdjacentElement(
                    "beforeend",
                    createTableRow({
                        row: [
                            produto.descricao,
                            produto.qntPlanejada,
                            produto.qntRealizada,
                            produto.qntHoraAlunoGratuidadeRealizada,
                            produto.qntHoraAlunoNaoGratuitoRealizada,
                            produto.qntTotalHoraAlunoRealizada
                        ],
                        spans: [3, 1, 1, 1, 1, 1],
                        classes: ["produto"]
                    })
                );
            });
        })

        // Total

        $table.querySelector("tbody").insertAdjacentElement(
            "beforeend",
            createTableRow({
                row: [
                    "Total",
                    data.qntPlanejada,
                    data.qntRealizada,
                    data.totalHoraAlunoRealizadaGratuita,
                    data.qntHoraAlunoRealizadaNaoGratuita,
                    data.totalHoraAlunoRealizada
                ],
                spans: [3, 1, 1, 1, 1, 1],
                classes: ["programa"]
            })
        );
        
        // Fonte, Nota, Analise
        showFonte(data.fonte, document.querySelector(".vagas-fontes"));
        showNotas(data.nota, document.querySelector(".vagas-notas"));
        showAnalise(data.analise, document.querySelector(".vagas-analises"));
    }


    const renders = {
        "vagas": renderVagas,
        "indicadores": renderIndicadores
    }

    const resetTable = ($table) => {
        const $thead = $table.querySelector("thead");
        const $tbody = $table.querySelector("tbody");

        if ($thead) $thead.innerHTML = '<tr><th colspan="8">CARREGANDO...</th></tr>';
        if ($tbody) $tbody.innerHTML = "";
    }

    const resetTables = (selector) => {
        [...document.querySelectorAll(`.gratuidade-conteudo-table table.${selector}`)].forEach(table => resetTable(table));

        resetTable(document.querySelector(".gratuidade-conteudo-table table.total"));
    }

    $('.transparencia-filtro ul li a').on("click", function (evt) {
        onChangeDropdownStyle(this);
        const target = $(this).parents(".transparencia-filtro").first().data("target");
        const $download = document.querySelector(`.transparencia-filtro[data-target="${target}"] .transparencia-downloads`);
        const sigla = this.dataset.sigla;
        const departamento = this.dataset.departamento;

        setState(target, {
            target: target,
            sigla: sigla,
            departamento: departamento,
            ano: this.dataset.ano
        }, (oldState, newState) => {
            if (oldState.ano == newState.ano) return;
            resetTables(target);
            fetch(apiDados(newState), {
                headers: {
                    'Accept': 'application/json'
                }
            }).then(response => response.json()).then(data => {
                $download.style.display = "flex";
                renders[target](data, sigla);
            }).catch(() => {
                $download.style.display = "flex";

                const placeholder = {
                    "vagas": {
                        "idConsolidacaoGratuidade": "20223",
                        "codEntidadeNacional": 3,
                        "nomeEntidadeNacional": "Serviço Nacional de Aprendizagem Industrial",
                        "codEntidadeRegional": 3,
                        "nomeEntidadeRegional": "Serviço Nacional de Aprendizagem Industrial",
                        "siglaRegional": "SENAI-AP",
                        "uf": "AP",
                        "ano": 2022,
                        "qntPlanejada": "506.173",
                        "qntRealizada": "626.998",
                        "totalHoraAlunoRealizada": "124.815.208",
                        "horaAlunoRealizadaGratuita": "72.843.043",
                        "qntHoraAlunoRealizadaNaoGratuita": "51.972.165",
                        "qntHoraAlunoRealizadaOutros": "6.527.825",
                        "porcentagemValorHoraAlunoRealizadoGratuito": "55,46%",
                        "totalHoraAlunoRealizadaGratuita": "72.843.043",
                        "totalHoraAlunoRealizadaNaoGratuita": "58.499.990",
                        "qntTotalGeralHoraAlunoRealizada": "131.343.033",
                        "dataAtualizacao": 1658891477000,
                        "periodoReferencia": "Jan-Jun",
                        "titulo": "Gratuidade",
                        "nota": "\n(1) Corresponde ao total de hora-aluno das matrículas, gratuitas e pagas, realizadas pelo SENAI em Educação Profissional e Tecnológica, incluindo as modalidades de Iniciação Profissional e de Ensino Superior.\n(2) As vagas nos cursos de aprendizagem industrial são destinadas prioritariamente aos jovens encaminhados pelas empresas do setor industrial que foram contratados como aprendizes. As vagas remanescentes são ocupadas de acordo com critérios específicos definidos pelos Departamentos Regionais.\n(3) As vagas nos cursos de qualificação profissional e de aperfeiçoamento profissional ofertadas no âmbito dos programas Emprega Mais e Brasil Mais são preenchidas, prioritariamente, por trabalhadores (empregados e desempregados) indicados pelas empresas participantes dos programas.  \n(4) Corresponde ao hora-aluno realizado nos cursos de iniciação profissional e cursos superiores.\n(5) As matrículas e o hora-aluno realizado são atualizadas trimestralmente.",
                        "fonte": "SENAI - AP",
                        "analise": "No período de janeiro a junho de 2022, foram realizados mais de 72 milhões de hora-aluno em gratuidade regimental nos Cursos Técnicos e de Formação Inicial e Continuada, o que representa 55% do hora-aluno total realizado no período. Os demais hora-aluno (serviços educacionais) foram realizados com parte de recursos da receita de contribuição compulsória e com receitas de serviços educacionais oriundas de terceiros, ou seja, pagos pelos demandantes, pessoas físicas ou jurídicas, portanto, não são contabilizadas para a apuração dos resultados da gratuidade regimental.",
                        "extra": "",
                        "programas": [
                            {
                            "qntPlanejada": "444.833",
                            "qntRealizada": "557.516",
                            "qntHoraAlunoGratuidadeRealizada": "55.708.292",
                            "qntHoraAlunoNaoGratuitoRealizada": "24.959.530",
                            "qntTotalHoraAlunoRealizada": "80.667.822",
                            "idTotalGratuidadePrograma": "202231121",
                            "ano": 2022,
                            "codigoEntidadeRegional": 3,
                            "codigoPrograma": 1121,
                            "descricao": "FORMAÇÃO INICIAL E CONTINUADA",
                            "idConsolidacaoGratuidade": "20223",
                            "produtos": [
                                {
                                "qntPlanejada": "168.626",
                                "qntRealizada": "171.977",
                                "qntHoraAlunoGratuidadeRealizada": "33.928.757",
                                "qntHoraAlunoNaoGratuitoRealizada": "778.233",
                                "qntTotalHoraAlunoRealizada": "34.706.990",
                                "idTotalGratuidadeModalidade": "2022311",
                                "ano": 2022,
                                "codigoEntidadeRegional": 3,
                                "codigoModalidadeGratuidade": 11,
                                "descricao": "Aprendizagem Industrial Básica  (carga horária mínima de 400 horas)²",
                                "idTotalGratuidadePrograma": "202231121"
                                },
                                {
                                "qntPlanejada": "173.030",
                                "qntRealizada": "156.088",
                                "qntHoraAlunoGratuidadeRealizada": "16.987.682",
                                "qntHoraAlunoNaoGratuitoRealizada": "16.724.899",
                                "qntTotalHoraAlunoRealizada": "33.712.581",
                                "idTotalGratuidadeModalidade": "2022321",
                                "ano": 2022,
                                "codigoEntidadeRegional": 3,
                                "codigoModalidadeGratuidade": 21,
                                "descricao": "Qualificação Profissional (carga horária mínima de 160 horas)",
                                "idTotalGratuidadePrograma": "202231121"
                                },
                                {
                                "qntPlanejada": "103.177",
                                "qntRealizada": "229.451",
                                "qntHoraAlunoGratuidadeRealizada": "4.791.853",
                                "qntHoraAlunoNaoGratuitoRealizada": "7.456.398",
                                "qntTotalHoraAlunoRealizada": "12.248.251",
                                "idTotalGratuidadeModalidade": "2022358",
                                "ano": 2022,
                                "codigoEntidadeRegional": 3,
                                "codigoModalidadeGratuidade": 58,
                                "descricao": "Aperfeiçoamento/Especialização Profissional (não há carga horária mínima definida)³",
                                "idTotalGratuidadePrograma": "202231121"
                                }
                            ]
                            },
                            {
                            "qntPlanejada": "61.340",
                            "qntRealizada": "69.482",
                            "qntHoraAlunoGratuidadeRealizada": "17.134.751",
                            "qntHoraAlunoNaoGratuitoRealizada": "27.012.635",
                            "qntTotalHoraAlunoRealizada": "44.147.386",
                            "idTotalGratuidadePrograma": "202231122",
                            "ano": 2022,
                            "codigoEntidadeRegional": 3,
                            "codigoPrograma": 1122,
                            "descricao": "EDUCAÇÃO PROFISSIONAL TÉCNICA DE NÍVEL MÉDIO",
                            "idConsolidacaoGratuidade": "20223",
                            "produtos": [
                                {
                                "qntPlanejada": "6.235",
                                "qntRealizada": "7.953",
                                "qntHoraAlunoGratuidadeRealizada": "1.963.097",
                                "qntHoraAlunoNaoGratuitoRealizada": "251.275",
                                "qntTotalHoraAlunoRealizada": "2.214.372",
                                "idTotalGratuidadeModalidade": "2022315",
                                "ano": 2022,
                                "codigoEntidadeRegional": 3,
                                "codigoModalidadeGratuidade": 15,
                                "descricao": "Aprendizagem Industrial Técnica de Nível Médio  (carga horária mínima de 800 horas)²",
                                "idTotalGratuidadePrograma": "202231122"
                                },
                                {
                                "qntPlanejada": "55.105",
                                "qntRealizada": "61.529",
                                "qntHoraAlunoGratuidadeRealizada": "15.171.654",
                                "qntHoraAlunoNaoGratuitoRealizada": "26.761.360",
                                "qntTotalHoraAlunoRealizada": "41.933.014",
                                "idTotalGratuidadeModalidade": "2022331",
                                "ano": 2022,
                                "codigoEntidadeRegional": 3,
                                "codigoModalidadeGratuidade": 31,
                                "descricao": "Técnico de Nível Médio (carga horária mínima de 800 horas)",
                                "idTotalGratuidadePrograma": "202231122"
                                }
                            ]
                            }
                        ]
                        },
                    "indicadores": [
                        {
                            "codigoEntidadeNacional": 3,
                            "nomeEntidadeNacional": "Serviço Nacional de Aprendizagem Industrial",
                            "siglaEntidadeNacional": "SENAI",
                            "codigoEntiadeRegional": 3,
                            "nomeEntidadeRegional": "Serviço Nacional de Aprendizagem Industrial",
                            "siglaEntidadeRegional": "SENAI-AP",
                            "siglaUF": "DF",
                            "ano": 2022,
                            "indiceRealizacao": "0,46",
                            "realizado": "30,66%",
                            "indicador": "PERCENTUAL DA RECEITA LÍQUIDA DE CONTRIBUIÇÃO COMPULSÓRIA APLICADA EM GRATUIDADE REGIMENTAL",
                            "estimadoAnual": "66,66%",
                            "titulo": "Gratuidade",
                            "notas": "\n(1) Corresponde ao índice de realização da meta anual.",
                            "fonte": "SESI - AP",
                            "extra": "",
                            "analise": "",
                            "statusValidacao": null,
                            "dataSensibilizacao": 1661969100000,
                            "periodoReferencia": "SEGUNDO TRIMESTRE",
                            "periodoFechamento": 14,
                            "sgPeriodoReferencia": "Jan - Jun"
                        }
                    ]
                };

                $download.style.display = "flex";
                renders[target](placeholder[target], sigla);
            });
        });
    });

    $('.transparencia-filtro ul li.active a').trigger('click');

    $(".transparencia-filtro .transparencia-downloads .btn-download").on("click", function (evt) {
        const target = $(this).parents(".transparencia-filtro").first().data("target");
        const payload = getState(target);
        if (payload.ano === null) return;
        window.open(apiDownload({ ...payload, formato: this.dataset.format.toUpperCase() }));
    });
});
})(jQuery); 
</script><h4>Departamento Regional - SESI AP</h4>O SESI destina anualmente, no mínimo, 66,66% da sua Receita Líquida
    de Contribuição Compulsória Geral (RLCC) em investimento, gestão e
    custeio, para a oferta de vagas gratuitas nos Cursos de Formação Inicial
    e Continuada e Educação Profissional Técnica de Nível Médio,
    promovendo a inserção e reinserção de trabalhadores na indústria.
    Acesse as abas abaixo para conferir o detalhamento da Gratuidade.<br><br />
<div id="id-5904782"
  class="mobile-fallback background-image-5904782 image-size-backgroud-5904782 image-repeat-backgroud-5904782 None row nt nt-sesi"
  style="">
  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 image-size-backgroud-5904783 image-mobile-background-5904783"
    style="">
    <div>
      <ul class="nav nav-tabs custom-nav-tabs" role="tablist">
        <li role="presentation" class="active" style="width: 33.3333333333%;">
          <a href="#aplicacao-da-rlcc-em-gratuidade" aria-controls="aplicacao-da-rlcc-em-gratuidade" role="tab"
            data-toggle="tab">Aplicação da RLCC em<br>
            gratuidade</a>
        </li>
        <li role="presentation" style="width: 33.3333333333%;">
          <a href="#vagas-planejadas-matriculas-e-hora-aluno-realizado"
            aria-controls="vagas-planejadas-matriculas-e-hora-aluno-realizado" role="tab" data-toggle="tab">Vagas
            planejadas, matrículas e hora-aluno realizados</a>
        </li>
        <li role="presentation" style="width: 33.3333333333%;">
          <a href="#detalhamento-da-metodologia-de-apuracao-dos-result"
            aria-controls="detalhamento-da-metodologia-de-apuracao-dos-result" role="tab" data-toggle="tab">Detalhamento
            da metodologia de apuração dos resultados</a>
        </li>
      </ul>
    </div>
<div class="tab-content">


                  <div role="tabpanel" class="tab-pane fade in active" id="aplicacao-da-rlcc-em-gratuidade">



                    <div
                      class="si-transparencia si-transparencia-aplicacao-da-receita-liquida-de-contribuicao-compulsoria"
                      x-data="{ state: aplicacao_da_receita_liquida_de_contribuicao_compulsoria() }"
                      x-init="state.fetchData()" data-entidade="sesi">
                      <div class="si-transparencia-controles">
                        <div class="si-transparencia-filtros">
                          <div class="form-group">
                            <label for="id_convenios_anos">Ano</label>
                            <select name="convenios-anos" id="id_convenios_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="12" class="table-thead-title"
                                x-text="`APLICAÇÃO DA RECEITA LÍQUIDA DE CONTRIBUIÇÃO COMPULSÓRIA - ${state?.ano}`">
                              </th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr class="bg-600">
                              <td colspan="9" class="tbody-head">Indicador</td>
                              <td colspan="1" class="tbody-head tbody-text-center border-right"
                                x-html="`Meta<br>Anual`"></td>
                              <td colspan="1" class="tbody-head tbody-text-center border-right"
                                x-html="`Realizado (${state.getPeriodoReferencia()})`"></td>
                              <td colspan="1" class="tbody-head tbody-text-center " x-html="`Índice de<br>Realização¹`">
                              </td>
                            </tr>
                            <template x-for="item in state?.getIndicadores()">
                              <tr>
                                <td colspan="9" x-text="item.indicador"></td>
                                <td colspan="1" class="tbody-text-center border-right" x-text="item.estimadoAnual"></td>
                                <td colspan="1" class="tbody-text-center border-right" x-text="item.realizado"></td>
                                <td colspan="1" class="tbody-text-center" x-text="item.indiceRealizacao"></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-text="state.getFonte()"></p>
                        </div>
                        <div x-show="state.possuiNotas()" class="si-transparencia-nota">
                          <strong>Nota: </strong>
                          <template x-for="nota in state.getNotas()">
                            <p x-text="nota"></p>
                          </template>
                        </div>
                      </div>
                    </div>







                  </div>




                  <div role="tabpanel" class="tab-pane fade in" id="vagas-planejadas-matriculas-e-hora-aluno-realizado">



                    <input type="hidden" name="transparencia-api-base" value="https://sistematransparenciaweb.com.br">


                    <div class="row transparencia-filtro" data-target="vagas">
                      <div class="col-md-12 transparencia-select-titulo">Ano</div>
                      <div class="col-sm-6">
                        <div class="dropdown transparencia-dropdown">
                          <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1"
                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            <span>Selecionar período</span>
                            <i class="fa fa-angle-down" aria-hidden="true"></i>
                          </button>
                          <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                            <li class="active"><a href="javascript:void(0)" data-sigla="SESI" data-departamento="SESI-AP" data-ano="2026">2026</a></li><li ><a href="javascript:void(0)" data-sigla="SESI" data-departamento="SESI-AP" data-ano="2025">2025</a></li><li ><a href="javascript:void(0)" data-sigla="SESI" data-departamento="SESI-AP" data-ano="2024">2024</a></li><li ><a href="javascript:void(0)" data-sigla="SESI" data-departamento="SESI-AP" data-ano="2023">2023</a></li><li ><a href="javascript:void(0)" data-sigla="SESI" data-departamento="SESI-AP" data-ano="2022">2022</a></li>
                          </ul>
                        </div>
                      </div>
                      <div class="col-sm-6 transparencia-downloads">
                        <button class="btn btn-success btn-download" data-format="xlsx">Salvar (XLSX)</button>
                        <button class="btn btn-success btn-download" data-format="ods">Salvar (ODS)</button>
                      </div>
                    </div>
                    <div class="row" style="margin-bottom: 30px">
                      <div class="col-sm-12 gratuidade-conteudo">
                        <div class="gratuidade-conteudo-table">
                          <table class="table vagas">
                            <thead></thead>
                            <tbody></tbody>
                          </table>
                        </div>
                      </div>


                      <div class="col-sm-12 gratuidade-conteudo">
                        <div class="gratuidade-conteudo-table">
                          <table class="table total">
                            <tbody></tbody>
                          </table>
                        </div>
                      </div>


                      <div class="col-sm-12 vagas-fontes"></div>
                      <div class="col-sm-12 vagas-notas"></div>
                      <div class="col-sm-12 vagas-analises"></div>
                    </div>












                    <div id="id-5904790"
                      class="mobile-fallback background-image-5904790 image-size-backgroud-5904790 image-repeat-backgroud-5904790 None row"
                      style="">


                      <div
                        class="si-download-extra si-download-extra-sesi col-xs-12 col-sm-12 col-md-12 col-lg-12  image-size-backgroud-5904791 image-mobile-background-5904791"
                        style="">

                        <a href="https://static.portaldaindustria.com.br/media/filer_public/d8/25/d825c437-b880-4f3c-84c9-cc38f298cb95/link_senai_gratuidade_fase_1_-_portal_da_industria_revisado_20190502_1.pdf"
                          target="_blank" title="O link abrirá em outra aba.">




                          <span class="icon glyphicon glyphicon-download-alt" aria-hidden="true"></span>





                          Metodologia de Apuração da Gratuidade Regimental - SESI


                          <span class="label label-default">932,0 KB</span>



                        </a>


                      </div>



                    </div>



                  </div>




                  <div role="tabpanel" class="tab-pane fade in" id="detalhamento-da-metodologia-de-apuracao-dos-result">





                    <div class="accordions">
                      <div class="accordion">
                        <div class="accordion-header">
                          <h5>Receita de Contribuição Compulsória</h5>
                          <img src="https://static.portaldaindustria.com.br/media/./sesi_swap.svg"
                            class="accordion-close-icon-img">
                        </div>
                        <div class="accordion-body">
                          <div class="accordion-body-content">



                            <div class="si-transparencia si-transparencia-receita-de-contribuicao-compulsoria-geral"
                              x-data="{ state: receita_de_contribuicao_compulsoria_geral() }" x-init="state.fetchData()"
                              data-entidade="sesi">
                              <div class="si-transparencia-controles">
                                <div class="si-transparencia-filtros">
                                  <div class="form-group">
                                    <label for="id_convenios_anos">Ano</label>
                                    <select name="convenios-anos" id="id_convenios_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="12" class="table-thead-title">Receita de contribuição compulsória
                                        geral</th>

                                    </tr>
                                  </thead>
                                  <tbody>

                                    <tr class="bg-500">
                                      <td colspan="9" class="tbody-head">Indicador</td>
                                      <td colspan="3" class="tbody-head"
                                        x-text="`Realizado (${state?.data?.periodoReferencia})`"></td>
                                    </tr>
                                    <tr>
                                      <td colspan="9">RECEITA BRUTA DE CONTRIBUIÇÃO COMPULSÓRIA GERAL (RBCC)¹</td>
                                      <td colspan="3" class="tbody-text-end"
                                        x-text="state?.data?.rcBrutaContribuicaoCompulsoriaDepRegional"></td>
                                    </tr>
                                    <tr>
                                      <td colspan="9">DEDUÇÕES REGIMENTAIS (DDR)²</td>
                                      <td colspan="3" class="tbody-text-end"
                                        x-text="state?.data?.drDeducoesRegulamentaresDepRegional"></td>
                                    </tr>
                                    <tr>
                                      <td colspan="9">RECEITA LÍQUIDA DE CONTRIBUIÇÃO COMPULSÓRIA GERAL (RLCC)³</td>
                                      <td colspan="3" class="tbody-text-end"
                                        x-text="state?.data?.rcLiquidaContribuicaoCompulsoriaDepRegional"></td>
                                    </tr>
                                  </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-text="state.getFonte()"></p>
                                </div>
                                <div x-show="state.possuiNotas()" class="si-transparencia-nota">
                                  <strong>Nota: </strong>
                                  <template x-for="nota in state.getNotas()">
                                    <p x-text="nota"></p>
                                  </template>
                                </div>
                              </div>
                            </div>






                          </div>
                        </div>
                      </div>
                      <div class="accordion">
                        <div class="accordion-header">
                            <h5>Despesa Total por Modalidade</h5>
                            <img src="https://static.portaldaindustria.com.br/media/./sesi_swap_cmdkE0Z.svg" class="accordion-close-icon-img">
                        </div>
                        <div class="accordion-body">
                          <div class="accordion-body-content">
                            
                            

                      <div class="si-transparencia si-transparencia-despesa-total-por-modalidade-de-ensino" x-data="{ state: despesa_total_por_modalidade_de_ensino() }" x-init="state.fetchData()" data-entidade="sesi">
                        <div class="si-transparencia-controles">
                          <div class="si-transparencia-filtros">
                            <div class="form-group">
                              <label for="id_convenios_anos">Ano</label>
                              <select name="convenios-anos" id="id_convenios_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="12" class="table-thead-title" x-text="state.data?.categoria"></th>
                              </tr>
                            </thead>
                            <tbody>
                              
                              <tr class="bg-500">
                                <td colspan="9" class="fs-16px fw-bold border-right">Programa/Modalidade</td>
                                <td colspan="3" class="fs-16px fw-bold tbody-text-center" x-text="`Realizado (${state.data?.periodoReferencia})`"></td>
                              </tr>
                              <template x-for="item in state.getProgramas()">
                                <tr :class="item.programa ? 'bg-600' : ''">
                                  <td x-show="item.programa" colspan="12" class="fw-bold tbody-text-start" x-text="item.nome"></td>
                                  <td x-show="!item.programa" colspan="9" class="tbody-text-start border-right" x-text="item.nome"></td>
                                  <td x-show="!item.programa" colspan="3" class="tbody-text-end" x-text="item.valor"></td>
                                </tr>
                              </template>
                              <tr class="bg-600">
                                <td colspan="9" class="tbody-text-start border-right fw-bold">Total</td>
                                <td colspan="3" class="tbody-text-end fw-bold" x-text="state.data?.somaValorDespesaTotalModalidade"></td>
                              </tr>
                              
                            </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-text="state.getFonte()"></p>
                          </div>
                          <div x-show="state.possuiNotas()" class="si-transparencia-nota">
                            <strong>Nota: </strong>
                            <template x-for="nota in state.getNotas()">
                              <p x-text="nota"></p>
                            </template>
                          </div>
                        </div>
                      </div>






                          </div>
                        </div>
                      </div>
                      <div class="accordion">
                        <div class="accordion-header">
                            <h5>Hora-aluno Total</h5>
                            <img src="https://static.portaldaindustria.com.br/media/./sesi_swap_hNnQLuG.svg" class="accordion-close-icon-img">
                        </div>
                        <div class="accordion-body">
                          <div class="accordion-body-content">
                            
                            

                      <div class="si-transparencia si-transparencia-hora-aluno-total" x-data="{ state: hora_aluno_total() }" x-init="state.fetchData()" data-entidade="sesi">
                        <div class="si-transparencia-controles">
                          <div class="si-transparencia-filtros">
                            <div class="form-group">
                              <label for="id_convenios_anos">Ano</label>
                              <select name="convenios-anos" id="id_convenios_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="12" class="table-thead-title" x-text="state?.data?.categoria"></th>
                              </tr>
                            </thead>
                            <tbody>
                              
                              <tr class="bg-500">
                                <td colspan="9" class="fs-16px fw-bold border-right">Programa/Modalidade</td>
                                <td colspan="3" class="fs-16px fw-bold tbody-text-center" x-text="`Realizado (${state.data?.periodoReferencia})`"></td>
                              </tr>
                              <template x-for="item in state.getProgramas()">
                                <tr :class="item.programa ? 'bg-600' : ''">
                                  <td x-show="item.programa" colspan="12" class="fw-bold tbody-text-start" x-text="item.nome"></td>
                                  <td x-show="!item.programa" colspan="9" class="tbody-text-start border-right" x-text="item.nome"></td>
                                  <td x-show="!item.programa" colspan="3" class="tbody-text-end" x-text="item.valor"></td>
                                </tr>
                              </template>
                              <tr class="bg-600">
                                <td colspan="9" class="tbody-text-start border-right fw-bold">Total</td>
                                <td colspan="3" class="tbody-text-end fw-bold" x-text="state.data?.somaHoraAlunoTotalRealizado"></td>
                              </tr>
                              
                            </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-text="state.getFonte()"></p>
                          </div>
                          <div x-show="state.possuiNotas()" class="si-transparencia-nota">
                            <strong>Nota: </strong>
                            <template x-for="nota in state.getNotas()">
                              <p x-text="nota"></p>
                            </template>
                          </div>
                        </div>
                      </div>






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

                      <div class="accordion">
                        <div class="accordion-header">
                          <h5>Gasto Médio hora-aluno</h5>
                          <img src="https://static.portaldaindustria.com.br/media/./sesi_swap.svg"
                            class="accordion-close-icon-img">
                        </div>
                        <div class="accordion-body">
                          <div class="accordion-body-content">



                            <div class="si-transparencia si-transparencia-gasto-medio-hora-aluno"
                              x-data="{ state: gasto_medio_hora_aluno() }" x-init="state.fetchData()"
                              data-entidade="sesi">
                              <div class="si-transparencia-controles">
                                <div class="si-transparencia-filtros">
                                  <div class="form-group">
                                    <label for="id_convenios_anos">Ano</label>
                                    <select name="convenios-anos" id="id_convenios_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="12" class="table-thead-title">Gasto médio hora-aluno</th>
                                    </tr>
                                  </thead>
                                  <tbody>
                                    
                                    <tr class="bg-500">
                                      <td colspan="9" class="fs-16px fw-bold border-right">Programa/Modalidade</td>
                                      <td colspan="3" class="fs-16px fw-bold tbody-text-center" x-text="`Realizado (${state.data?.periodoReferencia})`"></td>
                                    </tr>
                                    <template x-for="item in state.getProgramas()">
                                      <tr :class="item.programa ? 'bg-600' : ''">
                                        <td x-show="item.programa" colspan="12" class="fw-bold tbody-text-start" x-text="item.nome"></td>
                                        <td x-show="!item.programa" colspan="9" class="tbody-text-start border-right" x-text="item.nome"></td>
                                        <td x-show="!item.programa" colspan="3" class="tbody-text-end" x-text="item.valor"></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-text="state.getFonte()"></p>
                                </div>
                                <div x-show="state.possuiNotas()" class="si-transparencia-nota">
                                  <strong>Nota: </strong>
                                  <template x-for="nota in state.getNotas()">
                                    <p x-text="nota"></p>
                                  </template>
                                </div>
                              </div>
                            </div>






                          </div>
                        </div>
                      </div>
                      <div class="accordion">
                        <div class="accordion-header">
                            <h5>Hora-aluno em Gratuidade Regulamentar</h5>
                            <img src="https://static.portaldaindustria.com.br/media/./sesi_swap_rph6RD5.svg" class="accordion-close-icon-img">
                        </div>
                        <div class="accordion-body">
                          <div class="accordion-body-content">
                            
                            

                      <div class="si-transparencia si-transparencia-hora-aluno-em-gratuidade-regimental" x-data="{ state: hora_aluno_em_gratuidade_regimental() }" x-init="state.fetchData()" data-entidade="sesi">
                        <div class="si-transparencia-controles">
                          <div class="si-transparencia-filtros">
                            <div class="form-group">
                              <label for="id_convenios_anos">Ano</label>
                              <select name="convenios-anos" id="id_convenios_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="12" class="table-thead-title">Hora-aluno em gratuidade regulamentar</th>
                                
                              </tr>
                            </thead>
                            <tbody>
                              
                              <tr class="bg-500">
                                  <td colspan="9" class="fs-16px fw-bold border-right">Programa/Modalidade</td>
                                  <td colspan="3" class="fs-16px fw-bold tbody-text-center" x-text="`Realizado (${state?.data?.periodoReferencia})`"></td>
                              </tr>
                              

                              
                              <template x-for="item in state.getProgramas()">
                                <tr :class="item.programa ? 'bg-600' : ''">
                                  <td x-show="item.programa" colspan="12" class="fw-bold tbody-text-start" x-text="item.nome"></td>
                                  <td x-show="!item.programa" colspan="9" class="tbody-text-start border-right" x-text="item.nome"></td>
                                  <td x-show="!item.programa" colspan="3" class="tbody-text-end" x-text="item.valor"></td>
                                </tr>
                              </template>
                              <tr class="bg-600">
                                <td colspan="9" class="tbody-text-start border-right fw-bold">Total</td>
                                <td colspan="3" class="tbody-text-end fw-bold" x-text="state?.data?.somaHoraAlunoTotalRealizadoGratuidade"></td>
                              </tr>
                              
                            </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-text="state.getFonte()"></p>
                          </div>
                          <div x-show="state.possuiNotas()" class="si-transparencia-nota">
                            <strong>Nota: </strong>
                            <template x-for="nota in state.getNotas()">
                              <p x-text="nota"></p>
                            </template>
                          </div>
                        </div>
                      </div>






                          </div>
                        </div>
                      </div>
                      <div class="accordion">
                        <div class="accordion-header">
                            <h5>Despesas Aplicadas em Gratuidade Regulamentar</h5>
                            <img src="https://static.portaldaindustria.com.br/media/./sesi_swap_WbL42ac.svg" class="accordion-close-icon-img">
                        </div>
                        <div class="accordion-body">
                          <div class="accordion-body-content">
                            
                            

                      <div class="si-transparencia si-transparencia-despesas-aplicadas-em-gratuidade-regimental" x-data="{ state: despesas_aplicadas_em_gratuidade_regimental() }" x-init="state.fetchData()" data-entidade="sesi">
                        <div class="si-transparencia-controles">
                          <div class="si-transparencia-filtros">
                            <div class="form-group">
                              <label for="id_convenios_anos">Ano</label>
                              <select name="convenios-anos" id="id_convenios_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="12" class="table-thead-title">Despesas aplicadas em gratuidade regulamentar</th>
                                
                              </tr>
                            </thead>
                            <tbody>
                              
                              <tr class="bg-500">
                                <td colspan="9" class="fs-16px fw-bold border-right">Programa/Modalidade</td>
                                <td colspan="4" class="fs-16px fw-bold tbody-text-center" x-text="`Realizado (${state?.data?.periodoReferencia})`"></td>
                              </tr>
                              <template x-for="item in state.getProgramas()">
                                <tr :class="item.programa ? 'bg-600' : ''">
                                  <td x-show="item.programa" colspan="12" class="fw-bold tbody-text-start" x-text="item.nome"></td>
                                  <td x-show="!item.programa" colspan="9" class="tbody-text-start border-right" x-text="item.nome"></td>
                                  <td x-show="!item.programa" colspan="3" class="tbody-text-end" x-text="item.valor"></td>
                                </tr>
                              </template>
                              <tr class="bg-600">
                                <td colspan="9" class="tbody-text-start border-right fw-bold">Total</td>
                                <td colspan="3" class="tbody-text-end border-right fw-bold" x-text="state?.data?.somaValorDespesaGratuidade"></td>
                              </tr>
                              
                            </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-text="state.getFonte()"></p>
                          </div>
                          <div x-show="state.possuiNotas()" class="si-transparencia-nota">
                            <strong>Nota: </strong>
                            <template x-for="nota in state.getNotas()">
                              <p x-text="nota"></p>
                            </template>
                          </div>
                        </div>
                      </div>






                          </div>
                        </div>
                      </div>
                      <div class="accordion">
                        <div class="accordion-header">
                            <h5>Resultado da Gratuidade Regulamentar</h5>
                            <img src="https://static.portaldaindustria.com.br/media/./sesi_swap_zW3sgCe.svg" class="accordion-close-icon-img">
                        </div>
                        <div class="accordion-body">
                          <div class="accordion-body-content">
                            
                            

                      <div class="si-transparencia si-transparencia-resultado-da-gratuidade-regimental" x-data="{ state: resultado_da_gratuidade_regimental() }" x-init="state.fetchData()" data-entidade="sesi">
                        <div class="si-transparencia-controles">
                          <div class="si-transparencia-filtros">
                            <div class="form-group">
                              <label for="id_convenios_anos">Ano</label>
                              <select name="convenios-anos" id="id_convenios_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="12" class="table-thead-title">Resultado da gratuidade Regulamentar</th>
                                
                              </tr>
                            </thead>
                            <tbody>
                              
                              <tr class="bg-500">
                                <td colspan="8" class="fs-16px fw-bold border-right" style="padding-left: 18px !important">Receitas</td>
                                <td colspan="4" class="fs-16px fw-bold tbody-text-center" x-text="`Realizado (${state?.data?.periodoReferencia})`"></td>
                              </tr>
                              <tr>
                                <td colspan="8" class="tbody-text-start border-right">RECEITA BRUTA DE CONTRIBUIÇÃO COMPULSÓRIA (RBCC)¹</td>
                                <td colspan="4" class="tbody-text-end" x-text="state?.data?.receitaBrutaContribuicaoCompulsoria"></td>
                              </tr>
                              <tr class="bg-500">
                                <td colspan="8" class="tbody-text-start border-right" style="padding-left: 48px !important">(-) Deduções regulamentares (DDR)</td>
                                <td colspan="4" class="tbody-text-end" x-text="state?.data?.deducoesRegulamentares"></td>
                              </tr>
                              <tr class="bg-500">
                                <td colspan="8" class="tbody-text-start border-right fw-bold">Receita Líquida de Contribuição Compulsória (RLCC)²</td>
                                <td colspan="4" class="tbody-text-end" x-text="state?.data?.receitaLiquidaContribuicaoCompulsoria"></td>
                              </tr>
                              <tr class="bg-500">
                                <td colspan="8" class="tbody-text-start border-right fw-bold">Compromisso da aplicação da RLCC em Educação Básica e Continuada³</td>
                                <td colspan="4" class="tbody-text-end" x-text="state?.data?.compromissoEducacaoBasicaContinuada"></td>
                              </tr>
                              <tr class="bg-500">
                                <td colspan="8" class="tbody-text-start border-right fw-bold">Compromisso da aplicação da RLCC em Gratuidade Regulamentar⁴</td>
                                <td colspan="4" class="tbody-text-end" x-text="state?.data?.compromissoGratuidadeRegulamentar"></td>
                              </tr>
                              <tr class="bg-500">
                                <td colspan="8" class="tbody-text-start border-right fw-bold">Despesas</td>
                                <td colspan="4" class="tbody-text-end"></td>
                              </tr>
                              <tr>
                                <td colspan="8" class="tbody-text-start border-right" style="padding-left: 48px !important">em Educação Básica e Continuada⁵</td>
                                <td colspan="4" class="tbody-text-end" x-text="state?.data?.desepesaBasicaContinuada">-</td>
                              </tr>
                              <tr class="bg-500">
                                <td colspan="8" class="tbody-text-start border-right" style="padding-left: 48px !important">em Gratuidade Regulamentar</td>
                                <td colspan="4" class="tbody-text-end" x-text="state?.data?.desepesaGratuidadeRegulamentar"></td>
                              </tr>
                              <tr class="bg-500">
                                <td colspan="12" class="tbody-text-start border-right fw-bold">Hora-aluno</td>
                              </tr>
                              <tr>
                                <td colspan="8" class="tbody-text-start border-right" style="padding-left: 48px !important">Hora-aluno total em educação básica e continuada</td>
                                <td colspan="4" class="tbody-text-end" x-text="state?.data?.horaAlunoEducacaoBasicaContinuada"></td>
                              </tr>
                              <tr>
                                <td colspan="8" class="tbody-text-start border-right" style="padding-left: 48px !important">Hora-aluno em Gratuidade Regulamentar</td>
                                <td colspan="4" class="tbody-text-end" x-text="state?.data?.horaAlunoGratuidadeRegulamentar"></td>
                              </tr>
                              <tr class="bg-500">
                                <td colspan="8" class="tbody-text-start border-right fw-bold">Resultado do Cumprimento da Aplicação da RLCC em Educação Básica e Continuada⁶</td>
                                <td colspan="4" class="tbody-text-end" x-text="state?.data?.cumprimentoAplicacaoEducacaoBasicaContinuada"></td>
                              </tr>
                              <tr class="bg-500">
                                <td colspan="8" class="tbody-text-start border-right fw-bold">Percentual da RLCC aplicada em Educação Básica e Continuada</td>
                                <td colspan="4" class="tbody-text-end" x-text="state?.data?.percentualEducacaoBasicaContinuada"></td>
                              </tr>
                              <tr>
                                <td colspan="8" class="tbody-text-start border-right fw-bold">Resultado do Cumprimento da Aplicação da RLCC em Gratuidade Regulamentar⁷</td>
                                <td colspan="4" class="tbody-text-end" x-text="state?.data?.cumprimentoAplicacaoGratuidadeRegulamentar"></td>
                              </tr>
                              <tr>
                                <td colspan="8" class="tbody-text-start border-right fw-bold">Percentual da RLCC aplicada em Gratuidade Regulamentar</td>
                                <td colspan="4" class="tbody-text-end" x-text="state?.data?.percentualAplicacaoGratuidadeRegulamentar"></td>
                              </tr>
                              
                            </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-text="state.getFonte()"></p>
                          </div>
                          <div x-show="state.possuiNotas()" class="si-transparencia-nota">
                            <strong>Nota: </strong>
                            <template x-for="nota in state.getNotas()">
                              <p x-text="nota"></p>
                            </template>
                          </div>
                        </div>
                      </div>






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

                    </div>

                  </div>



                </div>    
  </div>
</div>
    {"id":32,"date":"2017-03-16T04:49:37","date_gmt":"2017-03-16T07:49:37","guid":{"rendered":"http:\/\/transparencia.raphaborralho.com\/?page_id=32"},"modified":"2023-05-08T20:47:28","modified_gmt":"2023-05-08T20:47:28","slug":"gratuidade","status":"publish","type":"page","link":"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/gratuidade\/","title":{"rendered":"Gratuidade"},"content":{"rendered":"\n<p><center><a class=\"button\" href=\"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/gratuidade\/oportunidades\"><i class=\"fa fa-search\"><\/i>Oportunidades<\/a><\/center><a href=\"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/wp-content\/uploads\/2019\/05\/Link_SESI_gratuidade_fase_1_-_portal_da_industria_Revisado-2019.pdf\">Metodologia de Apura\u00e7\u00e3o da Gratuidade Regulamentar &#8211; SESI<\/a><\/p>\n<p>\u00daltima atualiza\u00e7\u00e3o em: 02\/05\/2023<\/p>\n","protected":false},"excerpt":{"rendered":"<p>OportunidadesMetodologia de Apura\u00e7\u00e3o da Gratuidade Regulamentar &#8211; SESI \u00daltima atualiza\u00e7\u00e3o em: 02\/05\/2023<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/wp-json\/wp\/v2\/pages\/32","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":58,"href":"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":2475,"href":"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/wp-json\/wp\/v2\/pages\/32\/revisions\/2475"}],"wp:attachment":[{"href":"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}