.cabecalho {
    outline-offset: -3px;
    background-image: none;
    background-color: rgb(12, 65, 160);
    padding-top: 0px;
    padding-bottom: 48px;
    box-shadow: none;
    border-color: rgb(68, 68, 68);
    background-size: auto;
    background-attachment: scroll;
    background-repeat: repeat;
    height: 10px;
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
}

.cabecalho img {
    width: 301px;
    display: flex;
    justify-content: center;
    margin-top: 3px;
}

#logosesisenai {
    font-family: CNI, sans-serif !important;
    font-kerning: normal;
    font-weight: lighter !important;
    color: rgb(255, 255, 255);
    font-size: 36px;
}

#logosesisenai a:hover {
    filter: opacity(0.5);
}

#logosesisenai a {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

#logosenai {
    text-shadow: 2px 2px 4px #b2dbff;
    opacity: 1;
}

#logosesi {
    opacity: 0.1;
}

ul.menu {
    margin-top: 0px;
}

body {
    background-color: #e7f2f6;
}


.logo-senai {
    height: 64px;
    opacity: 70%;
}

.container-historico,
.container-1-indicadores,
.container-2-indicadores {
  display: flex;
  gap: 80px;
}

.modal-body {
  padding: 32px !important;
  text-align: center;
}

.historico-tabela {
  width: 50%;
  border-collapse: collapse;
  margin: 40px 0;
  background-color: #fff;
}

.historico-tabela th,
.historico-tabela td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}

.historico-tabela th {
  background-color: #43546a;
  overflow: hidden;
  color: white;
  padding-top: 12px;
  padding-bottom: 12px;
}

.historico-tabela tr:nth-child(even) {
  background-color: #f2f2f2;
}

.historico-tabela tr:hover {
  background-color: #ddd;
}

.indicadores-tabela {
  width: fit-content;
  border-collapse: collapse;
  margin: 40px 0;
  background-color: #fff;
  border: 1px solid #ddd;
}

.indicadores-tabela th,
.indicadores-tabela td {
  border: 1px dashed #156082;
  padding: 8px;
  text-align: center;
}

.indicadores-tabela th {
  background-color: #4caf50;
  color: white;
}

.indicadores-tabela tr:nth-child(even) {
  background-color: #f2f2f2;
}

.indicadores-tabela tr:hover {
  background-color: #ddd;
}

.table-dark-surface {
  background-color: #43546a !important;
  color: white;
}

.table-light-surface {
  background-color: #8599ab !important;
}

.table-orange-surface {
  background-color: #e97131 !important;
  color: white;
}

.table-orange20-surface {
  background-color: rgba(233, 113, 49, 0.2) !important;
}

.table-green-surface {
  background-color: #4caf50 !important;
  color: white;
}

.modal-body h1 {
  font-size: 6rem;
}

.modal-body table {
  font-size: 2rem;
}

.modal-body .subtitle {
  font-size: 2rem;
}

@media (max-width: 1400px) {
  .container-historico,
  .container-1-indicadores,
  .container-2-indicadores {
    gap: 20px;
  }

  .historico-tabela,
  .indicadores-tabela {
    margin: 20px 0;
  }
}

@media (max-width: 1268px) {
  .container-1-indicadores {
    flex-wrap: wrap;
  }
}

@media (max-width: 1096px) {
  .container-2-indicadores {
    flex-wrap: wrap;
  }

  .modal-body h1 {
    font-size: 4rem;
  }

  .modal-body table {
    font-size: 1.25rem;
  }

  .modal-body .subtitle {
    font-size: 1.25rem;
  }
}