<script type="text/javascript" src="https://staticportaldaindustria.azureedge.net/static/js/alpine.min.js"></script>
<script type="text/javascript" src="https://staticportaldaindustria.azureedge.net/static/js/dirigentes_empregados_v3.js"></script>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
<script type="text/javascript" src="https://staticportaldaindustria.azureedge.net/static/js/vendors.js"></script>
<script type="text/javascript" src="https://staticportaldaindustria.azureedge.net/static/js/scripts.js"></script>

<script>
  window.dadosDeInfraestrutura = function() {
    const urls = {
      download: ({api, ano, departamento, entidade, formato}) => `${api}/api-dados-infraestrutura/publico/dados-infraestrutura/export?ano=${ano}&departamento=${departamento}&entidade=${entidade}&formatoExportacao=${formato}`,
      dados: ({api, ano, departamento, entidade}) => `${api}/api-dados-infraestrutura/publico/dados-infraestrutura?ano=${ano}&departamento=${departamento}&entidade=${entidade}`,
      detalhe: ({api, ano, departamento, entidade, unidade}) => `${api}/api-dados-infraestrutura/publico/dados-infraestrutura/detalhamento?ano=${ano}&departamento=${departamento}&entidade=${entidade}&unidadeFixaOuMovelEnum=${unidade}`,
    }

    // const regioes = {
    //   "BRASIL": ["AC", "AL", "AM", "AP", "BA", "CE", "DF", "ES", "GO", "MA", "MG", "MS", "MT", "PA", "PB", "PE", "PI", "PR", "RJ", "RN", "RO", "RR", "RS", "SC", "SE", "SP", "TO"],
    //   "NORTE": ["AM", "RR", "AP", "PA", "TO", "RO", "AC"],
    //   "NORDESTE": ["MA", "PI", "CE", "RN", "PE", "PB", "SE", "AL", "BA"],
    //   "SUDESTE": ["MG", "ES", "RJ", "SP"],
    //   "SUL": ["PR", "SC", "RS"],
    //   "CENTRO-OESTE": ["MT", "MS", "GO", "DF"],
    // }

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

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

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


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

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

    return {
      api: 'https://sistematransparenciaweb.com.br',
      ano: getAnoInicial(),
      entidade: 'SESI',
      departamento: 'SESI-AP',
      anos: getListaAnos(),
      dados: {},
      detalhes: [],
      detalhesFiltrados: [],
      uf: null,
      unidadesFixas: null,
      unidadesMoveis: null,
      regiao: null,
      area: null,
      tipoOrdem: {
        "SENAI": [
          "Centro de Formação Profissional",
          "Escola Digital",
          "Faculdade de Tecnologia",
          "Instituto SENAI de Inovação",
          "Instituto SENAI de Tecnologia",
        ],
        "SESI": [
          `Centros de Inovação SENAI`,
          "Centro de Alimentação",
          "Centro de Cultura",
          "Centro de Promoção da Saúde",
          "Centro de Segurança e Saúde no Trabalho",
          "Centro de Educação",
        ],
      },
      init() {
        this.fetchData();
      },
      possuiDados() {
        return Object.keys(this.dados).length > 0;
      },
      filtrarDetalhe() {
        if (this.uf === null || this.uf === "--------") {
          this.detalhesFiltrados = this.detalhes;
          return;
        }
        this.detalhesFiltrados = this.detalhes?.filter(e => e.uf === this.uf)
      },
      getTituloModal() {
        return `${this.area}`;
      },
      getDadoLinha(tipo, nomeRegiao, unidade) {
        const unidadeKey = unidade === "FIXA" ? "unidadesFixas" : "unidadesMoveis";
        const valor = this.dados.tiposAtendimento?.find(e => e.nome.includes(tipo));
        if (!valor) return 0;
        return valor[unidadeKey];
      },
      getDadoLinhaTotal(nomeRegiao, unidade) {
        const unidadeKey = unidade === "FIXA" ? "unidadesFixas" : "unidadesMoveis";
        const valor = this.dados;
        if (!valor) return 0;
        return valor[unidadeKey];
      },
      getTiposOrdem() {
        return this.tipoOrdem[this.getUnidade()];
      },
      getUnidade() {
        return this.entidade.toUpperCase();
      },
      getUfs() {
        return [...new Set(this.detalhes?.map(e => e.uf))];
      },
      possuiFonte() {
        return this.dados.fonte !== "";
      },
      getFonte() {
        return this.dados.fonte;
      },
      possuiNotaFixa() {
        return this.dados.nota1 !== "";
      },
      possuiNotaMovel() {
        return this.dados.nota2 !== "";
      },
      getNotaFixa() {
        return this.dados.nota1;
      },
      getNotaMovel() {
        return this.dados.nota2;
      },
      download(formato) {
        window.open(urls.download({...this, formato}));
      },
      downloadXLSX() {
        this.download("XLSX");
      },
      downloadODS() {
        this.download("ODS");
      },
      fetchData() {
        fetch(urls.dados({...this}), {'Accept': 'application/json'})
          .then((res) => res.json())
          .then((data) => {
            this.dados = data;
          })
          .catch((error) => {
            this.dados = {};
            console.log(error);
          });
      },
      fetchDetalhe(unidade, tipo, regiao) {
        this.uf = null;
        this.area = (tipo) ? tipo : (unidade === "MOVEL") ? "Unidades Móveis" : "Unidades Fixas";
        fetch(urls.detalhe({...this, unidade}), {'Accept': 'application/json'})
          .then((res) => res.json())
          .then((data) => {
            this.detalhes = this.detalhesFiltrados = this._detalhesFiltrados({
              itens: data.listaDetalhamento,
            });
          })
          .catch((error) => {
            this.detalhes = this.detalhesFiltrados = [];
            console.log(error);
          });
      },
      _detalhesFiltrados({itens, tipo, regiao}) {
        return itens;
        // let filtered = [];
        // filtered = itens.filter(el => regioes[regiao].includes(el.uf))

        // if (tipo !== "") {
        //   filtered = filtered.filter(el => el.tipoDeAtendimento === tipo || el.tipoUnidade === tipo);
        // }

        // return filtered.sort((a, b) => (a.uf > b.uf) ? 1: -1);
      }
    }
  };
</script>
<script>
(function($){
    [...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>
<style>
  .si-transparencia-controles {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.si-transparencia-filtros .form-group label {
  /* font-family: "Inter"; */
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}

[data-entidade="sesi"] .si-transparencia-filtros .form-group label {
  color: #009c31;
}

[data-entidade="senai"] .si-transparencia-filtros .form-group label {
  color: #ff862c;
}

.si-transparencia-filtros select {
  min-width: 90px;
  height: 40px;
  /* padding: 12px 8px; */
  border: 2px solid #c0c0c0;
  border-radius: 4px;

  /* font-family: "Calibre"; */
  /* font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px; */
}

.si-transparencia-filtros select option {
  padding-top: 12px;
  padding-bottom: 12px;
}

.select-info {
  display: flex;
  align-items: center;
  gap: 8px;
}

.select-info select {
  width: fit-content;
}

.select-info span {
  display: block;
  width: auto;
}

.si-transparencia-filtros,
.si-transparencia-downloads {
  display: flex;
  gap: 16px;
}

.si-transparencia .btn-default,
.si-transparencia .btn-outline-default {
  padding: 18px 24px 12px 24px;
  text-align: center;
  letter-spacing: 0.03em;
  border-width: 2px;
  border-style: solid;

  /* font-family: "Calibre"; */
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
}

.si-transparencia-busca .btn {
  padding: 12px 24px 8px 24px;
}

.si-transparencia[data-entidade="sesi"] .btn-default {
  border-color: #009c31;
  background: #009c31;
  color: #ffffff;
}

.si-transparencia[data-entidade="senai"] .btn-default {
  border-color: #00963f;
  background: #00963f;
  color: #ffffff;
}

.si-transparencia[data-entidade="sesi"] .btn-outline-default {
  border-color: #009c31;
  background: white;
  color: #009c31;
}

.si-transparencia[data-entidade="senai"] .btn-outline-default {
  border-color: #00963f;
  background-color: white;
  color: #00963f;
}

.si-transparencia-downloads .btn {
  height: 40px;
  padding: 10px 16px;
  border: 2px solid #c0c0c0;
  border-radius: 8px;
  background-color: #fff;
  line-height: 100%;

  /* font-family: "Inter"; */
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}

[data-entidade="sesi"] .si-transparencia-downloads .btn {
  border: 2px solid #009c31;
  color: #009c31 !important;
}

[data-entidade="senai"] .si-transparencia-downloads .btn {
  border: 2px solid #00963f;
  color: #00963f !important;
}

/* Reset Table Style */
.si-transparencia-tabela {
  width: 100%;
  background: unset;
  overflow: hidden;
  border-radius: 4px;
}

[data-entidade="sesi"] .si-transparencia-tabela {
  border: 1px solid #0f6d47;
}

[data-entidade="senai"] .si-transparencia-tabela {
  border: 1px solid #00963f;
}

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

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

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

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

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

  /* font-family: unset; */
  font-size: unset;
  text-align: unset;
  line-height: unset;
}

.si-transparencia-tabela table > tbody > tr > td.text-end {
  text-align: end;
}

.si-transparencia-tabela table > tbody > tr > td.abrir-detalhe {
  position: relative;
}

.si-transparencia-tabela table > tbody > tr > td.abrir-detalhe::before {
  position: absolute;
  right: -4px;
  top: -1px;
  display: block;
  content: "";
  width: 00px;
  height: 00px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  transform: rotate(45deg);
}

[data-entidade="sesi"] .si-transparencia-tabela table > tbody > tr > td.abrir-detalhe::before {
  border-bottom: 5px solid #86dda2;
}

[data-entidade="senai"] .si-transparencia-tabela table > tbody > tr > td.abrir-detalhe::before {
  border-bottom: 5px solid #00963f;
}

[data-entidade="sesi"] .si-transparencia-tabela table > tbody > tr.total {
  background-color: #e1f5e7 !important;
}

[data-entidade="senai"] .si-transparencia-tabela table > tbody > tr.total {
  background-color: #ffecd6 !important;
}

/* Table */
[data-entidade="sesi"] .si-transparencia-tabela table > thead {
  background: #009c31;
}

[data-entidade="senai"] .si-transparencia-tabela table > thead {
  background: #00963f;
}

.si-transparencia-tabela table > thead > tr > th,
.si-transparencia-tabela table > tbody > tr > td {
  /* font-family: "Calibre"; */
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  padding: 14px 16px !important;
  vertical-align: middle;
}

.si-transparencia-tabela table > thead > tr > th {
  font-weight: 700;
  color: #ffffff;
  vertical-align: middle;
  font-size: 14px;
}

.si-transparencia-tabela table > tbody > tr > td:last-child {
  text-align: end;
}

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

.si-transparencia-tabela table > tbody > tr {
  border-bottom: 1px solid #c0c0c0;
  background: #dcdcdc;
}

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

.si-transparencia-tabela table > tbody > tr > td {
  /* font-family: "Calibre"; */
  font-weight: 400;
  color: #222222;
}

.si-transparencia-tabela table > tbody > tr {
  background: #ffffff;
  cursor: pointer;
}

.si-transparencia-tabela table > tbody > tr:hover {
  background: #ededed;
}

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

.si-transparencia-tabela table > tbody > tr td.detalhe {
  font-size: 22px;
  /* font-family: "Calibre"; */
  font-weight: 300;
  text-align: center;
}

.si-transparencia-tabela table > tbody > tr td[colspan="3"] {
  text-align: start;
}

/* Modal */

.modal-transparencia {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .modal-transparencia:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-transparencia .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-transparencia .modal-md .modal-dialog {
  max-width: 555px !important;
}

.modal-transparencia .modal-lg .modal-dialog {
  max-width: 865px !important;
}

.modal-transparencia .modal-content {
  background: #ffffff;
  box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 24px;
}

.modal-transparencia .modal-content .modal-header,
.modal-transparencia .modal-content .modal-footer {
  padding: 0;
  border: 0;
}

.modal-transparencia .modal-content .modal-footer {
  text-align: left;
}

.modal-transparencia .btn {
  padding: 12px 16px;
  /* font-family: "Inter"; */
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
}

[data-entidade="sesi"] .modal-transparencia .btn {
  background: #1e984f;
}

[data-entidade="senai"] .modal-transparencia .btn {
  background: #00963f;
}

.modal-transparencia .modal-content .modal-body {
  padding: 24px 0;
}

.modal-transparencia .si-transparencia-tabela {
  max-height: 500px;
  overflow-y: auto;
}

/* width */
.modal-transparencia .si-transparencia-tabela::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.modal-transparencia .si-transparencia-tabela::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
.modal-transparencia .si-transparencia-tabela::-webkit-scrollbar-thumb {
  background: #b5b5b5;
  border-radius: 3px;
}

/* Handle on hover */
.modal-transparencia .si-transparencia-tabela::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.modal-transparencia .modal-content .modal-header h4.modal-title {
  /* font-family: "Calibre Regular"; */
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
}

.modal-transparencia .modal-content .modal-header button.close {
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-transparencia .modal-content .modal-header button.close span {
  font-size: 32px;
  width: 27px;
  height: 27px;
  font-weight: 400;
  line-height: 80%;
}

.modal-transparencia .modal-content .modal-body p {
  margin: 0;
  padding: 8px 0;
}

.modal-transparencia .modal-content .modal-body p > strong {
  /* font-family: "Calibre Regular"; */
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
  color: #646464;
}

.modal-transparencia .modal-content .modal-body .nt-modal-card .custom-card {
  height: 100%;
}

.modal-transparencia
  .modal-content
  .modal-body
  .nt-modal-card-cinza-claro
  .custom-card {
  background: #8397b0;
}

.modal-transparencia
  .modal-content
  .modal-body
  .nt-modal-card-cinza-medio
  .custom-card {
  background: #333e50;
}

.modal-transparencia
  .modal-content
  .modal-body
  .nt-modal-card-marrom
  .custom-card {
  background: #767070;
}

.modal-transparencia
  .modal-content
  .modal-body
  .nt-modal-card-verde
  .custom-card {
  background: #009c31;
}

.modal-transparencia
  .modal-content
  .modal-body
  .nt-modal-card-laranja
  .custom-card {
  background: #00963f;
}

.modal-transparencia .modal-content .modal-body .nt-seta-centro {
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-transparencia .modal-content .modal-body .nt-seta-centro img {
  padding: 15px;
}

.modal-transparencia .modal-content .modal-body .custom-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12px;
  gap: 12px;
  border-radius: 8px;
}

.modal-transparencia .modal-content .modal-body .custom-card .card-body p {
  /* font-family: "Inter"; */
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  color: #ffffff;
  margin: 0;
}

[data-entidade="sesi"] h4.modal-title {
  color: #009c31;
}

[data-entidade="senai"] h4.modal-title {
  color: #00963f;
}

/* Busca AvanÃ§ada */

.si-transparencia-busca {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #ffffff;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 30px;
}

[data-entidade="sesi"] .si-transparencia-busca .busca-header {
  color: #009c31;
}

[data-entidade="senai"] .si-transparencia-busca .busca-header {
  color: #00963f;
}

.si-transparencia-busca .busca-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  width: 100%;

  /* font-family: "Calibre"; */
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0.03em;
}

.si-transparencia-busca .busca-content {
  display: block;
  transition: all 0.5s;
  overflow: hidden;
  max-height: 0;
}

.si-transparencia-busca.open .busca-content {
  max-height: 1000px;
  margin-top: 30px;
}

.si-transparencia-busca .form-group {
  margin-bottom: 16px;
}

.si-transparencia-busca label {
  /* font-family: "Calibre"; */
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.04em;
  color: #222222;
}

.si-transparencia-busca .form-control {
  padding: 8px;
  border: 2px solid #c0c0c0;
  border-radius: 4px;
  height: unset;
}

[data-entidade="sesi"] .si-transparencia-busca .form-control {
  color: #0f6d47;
}

[data-entidade="senai"] .si-transparencia-busca .form-control {
  color: #00963f;
}

.si-transparencia-notas {
  margin-top: 16px;
}

.si-transparencia-notas .si-transparencia-nota {
  /* font-family: "Calibre"; */
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #222222;
}

.si-transparencia-notas .si-transparencia-nota strong {
  font-weight: 600;
  line-height: 110%;
}

.si-transparencia-notas .si-transparencia-nota p {
  line-height: 150%;
  letter-spacing: 0.04em;
}

.si-transparencia-subtitulo {
  margin-bottom: 15px;
}

.si-transparencia-subtitulo strong {
  /* font-family: 'Calibre'; */
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #222222;
}

@media only screen and (max-width: 600px) {
  .si-transparencia .si-transparencia-controles {
    flex-direction: column;
    align-items: start;
    margin-bottom: 30px;
  }

  .si-transparencia .si-transparencia-controles .form-group {
    margin: 0;
  }
}
</style>
<style>
    .departamento-regional {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
        gap: 32px;

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

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

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

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

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

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

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

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

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

    .departamento-regional-senai h6 {
        color: #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-family: 'Calibre Regular'; */
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        color: #FFFFFF;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    [data-instituicao="sesi"] .btn-primary {
        background: #01A62D;
    }
</style>
<style>
    #common-space-5068849 {
        height: 30px;
    }
    
</style>
<style>
  .si-transparencia-empty {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 48px 0px;
    gap: 80px;
  }
  
  .si-transparencia-empty svg path {
    fill: 1px !important;
  }
  
  .si-transparencia-empty-label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
  
    /* font-family: "Inter"; */
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
  
  .si-transparencia-empty-label h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
  }
  
  [data-entidade="sesi"] .si-transparencia-empty-label h4 {
    color: #009c31;
  }
  
  [data-entidade="senai"] .si-transparencia-empty-label h4 {
    color: #ff862c;
  }
  
  .si-transparencia-empty-label strong {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
  }
  
  [data-entidade="sesi"] .si-transparencia-empty-label strong {
    color: #005C1D;
  }
  
  [data-entidade="senai"] .si-transparencia-empty-label strong {
    color: #CC6B23;
  }
</style>
<style>
  .si-transparencia-tabela table > * > tr > [colspan="1"] {
    width: calc((100% / 10) * 1) !important;
  }

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

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

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

  @media (min-width: 992px) {
    .modal-transparencia .modal-lg {
      width: 1000px;
    }
  }
</style>
<style>
    .planejamento-estrategico {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

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

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

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

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

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

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

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

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

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

        /* font-family: unset; */
        font-size: unset;
        text-align: unset;
        line-height: unset;
    }

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

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

    .planejamento-estrategico-tabela table > thead > tr > th,
    .planejamento-estrategico-tabela table > tbody > tr > td {
        /* font-family: 'Calibre Regular'; */
        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-family: 'Calibre Bold'; */
        font-weight: 700;
        color: #222222;
    }

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

    .planejamento-estrategico-tabela table > tbody > tr.indicador > td{
        /* font-family: 'Calibre Semibold'; */
        font-weight: 500;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    }

    #year-select {
        font-size: 16px;
    
        color: #00963f;
    
    }
    .button-outline-color {
        margin-left: 5px;
        font-size: 16px;
    
        border: 2px solid #00963f;
    
    }
</style>
<div class="nt-lead-textos col-xs-12 col-sm-12 col-md-12 col-lg-12  image-size-backgroud-5068841 image-mobile-background-5068841">    
    <p><strong>Departamento Regional - SESI- AP</strong></p>
    <p> </p>
    <p>Confira as informações sobre as escolas e as unidades em que o SESI desenvolve as suas atividades, incluindo endereço, telefone e responsáveis. Clique no número e veja o detalhe das unidades.</p>
</div>

<div id="common-space-5068849" class="common-space-cms"></div>
<div id="id-5068846" class="mobile-fallback background-image-5068846 image-size-backgroud-5068846 image-repeat-backgroud-5068846 None row nt nt-sesi" style="">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12  image-size-backgroud-5068847 image-mobile-background-5068847">
        <div class="si-transparencia" x-data="{ state: dadosDeInfraestrutura() }" x-init="state.init();" data-entidade="sesi">
            <div style="margin-bottom: 64px;">
                <div class="si-transparencia-controles">
                    <div class="si-transparencia-filtros">
                        <div class="form-group">
                            <label for="id_dados_de_infraestrutura_anos">Busca por Ano</label>
                            <select id="id_dados_de_infraestrutura_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-subtitulo">
                    <strong>Unidades de Atendimento - Fixas por tipo de antedimento</strong>
                </div>
                <div class="si-transparencia-tabela" x-show="state.possuiDados()">
                    <table>
                        <thead>
                            <tr>
                                <th colspan="4">Infraestrutura por Tipo de Atendimento (Fixas)</th>
                                <th colspan="1">Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            <template x-for="tipo in state.getTiposOrdem()">
                                <tr>
                                    <td colspan="4" x-text="tipo"></td>
                                    <td colspan="1" x-text="state.getDadoLinha(tipo, 'BRASIL', 'FIXA')" class="abrir-detalhe text-end"></td>
                                </tr>
                            </template>
                            <tr class="total">
                                <td colspan="4">Total de Unidades Fixas*</td>
                                <td colspan="1" x-text="state.getDadoLinhaTotal('BRASIL', 'FIXA')" class="abrir-detalhe text-end"></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 class="si-transparencia-nota" x-show="state.possuiFonte()">
                        <strong>Fonte: </strong>
                        <p x-text="state.getFonte()"></p>
                    </div>
                    <div x-show="state.possuiNotaFixa()" class="si-transparencia-nota">
                        <strong>Nota: </strong>
                        <p x-text="state.getNotaFixa()"></p>
                    </div>
                </div>
            </div>
            
            <div style="margin-bottom: 64px;">
                <div class="si-transparencia-subtitulo">
                    <strong>Unidades de Atendimento - Móveis</strong>
                </div>
                <div class="si-transparencia-tabela" x-show="state.possuiDados()">
                    <table>
                        <thead>
                            <tr>
                                <th colspan="4">Infraestrutura por Tipo de Atendimento (Móveis)</th>
                                <th colspan="1">Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td colspan="4">Unidades Móveis*</td>
                                <td colspan="1" x-text="state.getDadoLinhaTotal('BRASIL', 'MOVEL')" class="abrir-detalhe text-end"></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">
                        
                    </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.possuiNotaMovel()" class="si-transparencia-nota">
                        <strong>Nota: </strong>
                        <p x-text="state.getNotaMovel()"></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
   {"id":38,"date":"2017-03-16T04:50:14","date_gmt":"2017-03-16T07:50:14","guid":{"rendered":"http:\/\/transparencia.raphaborralho.com\/?page_id=38"},"modified":"2023-05-31T15:42:28","modified_gmt":"2023-05-31T15:42:28","slug":"dados-de-infraestrutura","status":"publish","type":"page","link":"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/dados-de-infraestrutura\/","title":{"rendered":"Dados de Infraestrutura"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/wp-json\/wp\/v2\/pages\/38","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=38"}],"version-history":[{"count":36,"href":"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":2498,"href":"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/wp-json\/wp\/v2\/pages\/38\/revisions\/2498"}],"wp:attachment":[{"href":"https:\/\/www.ap.sesi.org.br\/transparencia-sesi\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}