hr {
  width: 100%;
  height: 1px;
  background-color: rgb(220, 220, 220);
  padding: 0;
  margin: 20px 0 !important;
  border: 0;
}

.cor-fundo-box {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: var(--dy-cor5);
}

.proxima-plenaria,
.proxima-plenaria p {
  background-color: var(--dy-cor1);
  color: rgb(255, 255, 255) !important;
}

.summary {
  display: block;
  text-align: center;
  margin: 10px 0;
  padding: 10px;
}

.enabled {
  top: 16% !important;
}





/* ----- INFOS - DATA, CATEGORIA, AUTOR , COMPARTILHAR ----- */

.info {
  display: flex;
  justify-content: center;
  margin: 0;
}

.info .col {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--dy-cor5);
  ;
  padding: 20px;
  margin: 10px 3px;
  border-radius: 8px;
  text-align: center;
  line-height: 18px;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  align-content: stretch;
  align-items: center;
  flex-basis: 200px;
}

.info span {
  margin: -35px 0 5px 0;
  padding: 5px 10px;
  color: var(--dy-cor2);
  background-color: rgb(255, 255, 255);
  font-size: 20px;
}

.info .line {
  position: absolute;
  bottom: -16px;
  left: 20%;
  right: 20%;
  height: 1px;
  border-top: 1px solid var(--dy-cor1);
}

.card {
  border-radius: 12px !important;
  transition: transform 0.2s;
}

.card:hover {
  transform: translateY(-5px);
}

.councilors-list li:last-child {
  border-bottom: none;
}

.card ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.card h5 {
  border-bottom: 1px solid var(--dy-cor1);
  color: var(--dy-cor1);
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 20px;
}





/* ----- BANNER ----- */

.banner {
  overflow: hidden;
  height: 450px;
  object-fit: cover;
  object-position: center;
}





/* ----- PAGINACAO ----- */

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination li {
  margin: 3px;
  border: 0;
}

.pagination li a,
li span {
  border-radius: 4px;
  border: none !important;
}





/* ----- FILTRO BUSCA INTERNA ----- */

.filtros {
  border: 1px solid rgb(210, 210, 210);
  border-radius: 6px;
  overflow: hidden;
}

.filtros h6 {
  font-size: 18px;
  line-height: 18px;
  padding: 15px 20px 10px 25px;
  margin: 0;
  border-bottom: 1px solid rgb(210, 210, 210);
  position: relative;
}

.filtros h6 span {
  position: absolute;
  top: 20px;
  left: 10px;
  height: 8px;
  width: 8px;
  border-radius: 10px;
  background-color: var(--dy-cor1);
}

.box-filtro {
  padding: 25px;
}

.box-filtro-vereador {
  padding: 0;
}

.box-filtro-anexos {
  margin-left: 10px;
  margin-top: 10px;
}

.filtros .select2-selection,
.filtros input {
  border-top: 1px solid rgb(220, 220, 220);
  border-left: 1px solid rgb(220, 220, 220);
  border-right: 1px solid rgb(200, 200, 200);
  border-bottom: 1px solid rgb(200, 200, 200);
  padding: 10px;
  font-size: 14px;
  line-height: 14px;
  height: 42px;
  border-radius: 6px;
  width: 100%;
  margin-bottom: 2px;
}

.select2-selection__arrow {
  border-left: 0 !important;
}

.filtros button {
  color: var(--dy-cor2);
  border: 2px solid rgb(210, 210, 210);
  background: transparent;
  padding: 8px 20px 8px 28px;
  margin-top: 10px;
  font-size: 12px;
  line-height: 12px;
  height: 34px;
  font-weight: bold;
  border-radius: 20px;
  text-transform: uppercase;
  transition: all .2s ease;
  position: relative;
}

.btn-filtro {
  color: var(--dy-cor2);
  border: 2px solid rgb(210, 210, 210);
  background: transparent;
  padding: 8px 20px 8px 28px;
  margin-top: 10px;
  font-size: 12px;
  line-height: 12px;
  height: 34px;
  font-weight: bold;
  border-radius: 20px;
  text-transform: uppercase;
  transition: all .2s ease;
  position: relative;
}

.filtros button:hover {
  border: 2px solid var(--dy-cor1);
  background: transparent;
  padding: 8px 20px 8px 35px;
}

.btn-filtro:hover {
  border: 2px solid var(--dy-cor1);
  background: transparent;
  padding: 8px 20px 8px 35px;
}

.filtros button span {
  position: absolute;
  top: 7px;
  left: 8px;
  font-size: 17px;
  color: var(--dy-cor1);
}

.filtros .btn-filtro span {
  position: absolute;
  top: 7px;
  left: 8px;
  font-size: 17px;
  color: var(--dy-cor1);
}

.box-filtro-transparencia {
  background-color: rgb(235, 235, 235);
  padding: 30px;
  border-radius: 12px;
}

.filtros-anexos {
  height: auto;
  max-height: 400px;
  overflow-y: auto;
}

.filtros-anexos::-webkit-scrollbar {
  width: 10px;
}

.filtros-anexos::-webkit-scrollbar-thumb {
  background-color: rgb(210, 210, 210);
  border-radius: 6px;
  border: 2px solid rgb(255, 255, 255);
}





/* ----- FILTRO BUSCA ----- */

.filtros-busca .select2-selection,
.filtros-busca input {
  border-top: 1px solid rgb(220, 220, 220);
  border-left: 1px solid rgb(220, 220, 220);
  border-right: 1px solid rgb(200, 200, 200);
  border-bottom: 1px solid rgb(200, 200, 200);
  padding: 10px;
  font-size: 14px;
  line-height: 14px;
  height: 42px;
  border-radius: 6px;
  width: 100%;
  margin-bottom: 2px;
}

.select2-selection__arrow {
  border-left: 0 !important;
}

.filtros-busca button {
  color: var(--dy-cor2);
  border: 2px solid rgb(210, 210, 210);
  background: transparent;
  padding: 8px 20px 8px 28px;
  margin-top: 10px;
  font-size: 12px;
  line-height: 12px;
  height: 34px;
  font-weight: bold;
  border-radius: 20px;
  text-transform: uppercase;
  transition: all .2s ease;
  position: relative;
}

.filtros-busca button:hover {
  border: 2px solid var(--dy-cor1);
  background: transparent;
  padding: 8px 20px 8px 35px;
}

.filtros-busca button span {
  position: absolute;
  top: 7px;
  left: 8px;
  font-size: 17px;
  color: var(--dy-cor1);
}

.filtros-busca .btn-filtro span {
  position: absolute;
  top: 7px;
  left: 8px;
  font-size: 17px;
  color: var(--dy-cor1);
}





/* ----- VEREADORES ----- */

.titulo-status-vereador {
  position: relative;
}

.titulo-status-vereador span {
  position: absolute;
  top: 0px;
  background-color: rgb(255, 255, 255);
  padding: 0 20px;
  left: 40%;
  right: 40%;
  text-align: center;
  color: var(--dy-cor1);
}

.titulo-status-vereador h2 {
  text-align: center;
  padding: 40px;
  margin: 10px 0;
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Monserrat", sans-serif;
}

.listagem-vereador {
  text-align: center;
  z-index: 99;
}

.listagem-vereador .col {
  width: 300px;
  text-align: center;
}

.foto-listagem-vereador img {
  width: 120px;
  height: 120px;
  border: 10px solid rgb(255, 255, 255);
  object-fit: cover;
  object-position: top;
  margin-top: 20px;
  z-index: 99;
}

.texto-listagem-vereador {
  margin-top: -60px;
  padding: 60px 20px 20px 20px;
  width: 100%;
  height: 260px;
  text-align: center;
  position: relative;
  z-index: -1;
}

.texto-listagem-vereador h3 {
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  color: var(--dy-cor2);
}

.texto-listagem-vereador .partido {
  max-width: 50px;
  max-height: 70px;
  background-color: rgb(255, 255, 255);
}

.texto-listagem-vereador p {
  padding: 0;
  margin: 0;
  color: rgb(50, 50, 50);
}

.partido-vereador .logo-partido {
  max-width: 120px;
  max-height: 120px;
  padding: 20px;
}

.listagem-vereador .cargo-mesa {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--dy-cor1);
  color: rgb(255, 255, 255);
  padding: 12px;
  text-align: center;
  font-weight: 700;
}

.dados-vereador {
  display: block;
  padding: 15px;
  text-align: center;
  margin: 5px;
}

.dados-vereador span {
  color: var(--dy-cor1);
  display: block;
}

.foto-vereador {
  width: 100%;
  margin: auto;
}

.status-vereador-view {
  position: absolute;
  bottom: -8px;
  text-align: center;
  padding: 8px 15px;
  border-radius: 20px;
  left: 40%;
  right: 40%;
}

.status-voto-vereador {
  white-space: nowrap;
  padding: 6px 8px;
  border-radius: 6px;
  display: block;
  text-align: center;
}

.aprovado,
.verde {
  color: rgb(140, 200, 10) !important;
  font-weight: 700
}

.emandamento,
.amarelo {
  color: rgb(200, 165, 10) !important;
  font-weight: 700
}

.rejeitado,
.vermelho {
  color: rgb(200, 50, 10) !important;
  font-weight: 700
}

.azul {
  color: rgb(27, 102, 187) !important;
  font-weight: 700
}

.efetivo {
  background-color: rgb(140, 200, 10) !important;
  color: rgb(255, 255, 255)
}

.suplente {
  background-color: rgb(200, 165, 10) !important;
  color: rgb(255, 255, 255)
}

.licenciado {
  background-color: rgb(200, 50, 10) !important;
  color: rgb(255, 255, 255)
}

.afavor {
  background-color: rgb(140, 200, 10) !important;
  color: rgb(255, 255, 255)
}

.abstencao,
.cancelado {
  background-color: rgb(200, 165, 10) !important;
  color: rgb(255, 255, 255)
}

.contra {
  background-color: rgb(200, 50, 10) !important;
  color: rgb(255, 255, 255)
}





/* ----- MODAL DE VOTAÇÃO ----- */

#aba-conta span {
  color: var(--dy-cor1);
  font-size: 60px;
}

#aba-conta .introducao {
  padding: 15px 20px 5px 20px;
  border-radius: 12px;
}

#aba-conta button {
  border: 0;
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 13px;
  height: 33px;
  background-color: var(--dy-cor1);
  padding: 10px 20px;
  border-radius: 6px;
}

#aba-conta label {
  display: none;
}




/* ----- PLENÁRIAS ----- */

.data-plenaria {
  display: flex;
  flex-direction: row;
  text-align: center;
  padding: 15px 0;
}

.dados-plenaria {
  display: flex;
  flex-direction: row;
  line-height: 20px;
  padding-left: 5px;
}

.dados-plenaria span {
  color: var(--dy-cor1);
  margin-top: 0;
  font-size: 20px;
}

.player {
  padding: 10px;
}

.status-vereador {
  position: absolute;
  bottom: 5px;
  text-align: center;
  padding: 5px 15px;
  border-radius: 20px;
  left: 40%;
  right: 40%;
  background-color: rgb(230, 230, 230);
}

.voto-vereador {
  white-space: nowrap;
  padding: 0 10px;
  text-align: center;
  display: block;
}

.voto {
  border: 1px solid rgb(230, 230, 230);
  padding: 15px;
  border-radius: 8px;
  margin: 3px;
  text-align: center;
}

.voto ul {
  margin: 0;
  padding: 5px 0;
  text-align: left;
  list-style: none;
}

.btn-ver-projeto {
  color: var(--dy-cor1);
  padding: 6px 10px;
  border-radius: 4px;
  border: 1px solid rgb(220, 220, 220);
  text-align: center;
  line-height: 20px;
  font-size: 11px;
  text-transform: uppercase;
}

.vereador-sessao {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 20px;
}

.vereador-sessao img {
  width: 80px;
  height: 80px;
  margin-bottom: 5px;
  object-fit: cover;
  object-position: top;
  overflow: hidden;
  border-radius: 50%;
  text-align: center;
}

.vereador-sessao .ausente {
  filter: grayscale(100%);
  opacity: .2;
}

.vereador-projetos {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 20px;
}

.vereador-projetos img {
  width: 50px;
  height: 50px;
  margin-bottom: 5px;
  object-fit: cover;
  object-position: top;
  overflow: hidden;
  border-radius: 50%;
  text-align: center;
}




/* ----- GALERIA DE FOTOS ----- */

.view-primeira-foto {
  width: 40%;
  float: left;
  margin-right: 20px;
  border-radius: 12px;
}

.legenda {
  display: block;
  text-align: center;
  margin-top: 5px;
  font-size: 12px;
}





/* ----- VOLTAR ----- */

#voltar {
  position: relative;
  margin: 60px 0 0 0;
  padding-bottom: 60px;
}

#voltar hr {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  z-index: 1;
}

#voltar .btn-voltar {
  position: absolute;
  top: 0;
  left: 45%;
  right: 45%;
  background-color: rgb(255, 255, 255);
  padding: 10px 20px;
  z-index: 2;
}





/* ----- ANEXOS ----- */

.anexo {
  padding: 10px 0;
  border-left: 1px solid var(--dy-cor2);
  margin-bottom: 10px;
  position: relative;
}

.anexo span {
  font-size: 20px;
  color: var(--dy-cor2);
  position: absolute;
  top: 10px;
  left: 10px;
}

.anexo a {
  padding: 0 15px 10px 40px;
  display: block
}

.anexo-complementar {
  padding: 5px !important;
  width: 100% !important;
}

.anexo-complementar span {
  width: 100% !important;
  display: block !important;
  text-align: center !important;
}

.anexo-complementar:hover .material-menor {
  color: rgb(255, 255, 255);
}

.material-menor {
  border: 1px solid rgb(220, 220, 220) !important;
  border-radius: 6px;
  top: 0 !important;
  left: 0 !important;
  font-size: 10px !important;
  font-weight: bold;
  position: initial !important;
  background-color: white !important;
  padding: 5px !important;
  width: 100% !important;
}

.material-menor:hover {
  background-color: var(--dy-cor2) !important;
  color: rgb(255, 255, 255) !important;
}





/* ----- LISTAGEM ARQUIVOS INDEX ----- */

.box-listagem {
  border-radius: 12px;
  margin-bottom: 30px;
  border: 1px solid rgb(220, 220, 220);
  min-width: 100%;
  display: block;
  overflow: hidden;
}

.box-listagem h3 {
  font-size: 16px;
  line-height: 16px;
  padding: 20px;
  font-weight: bold;
  border-bottom: 1px solid rgb(220, 220, 220);
  color: var(--dy-cor2);
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  position: relative;
  transition: all .2s ease-in-out;
}

.box-listagem h3 span {
  position: absolute;
  left: 0;
  top: 56px;
  width: 200px;
  height: 1px;
  background-color: var(--dy-cor1);
}

.box-listagem p {
  padding: 20px 20px 0 20px;
}

.box-listagem-icones {
  display: flex;
  justify-content: space-between;
  margin: 10px;
}

.box-listagem-dados {
  border-bottom: 1px solid var(--dy-cor1) !important;
  border: 1px solid rgb(230, 230, 230);
  position: relative;
  padding: 15px;
  margin: 0 5px 15px 5px;
  text-align: left;
  border-radius: 6px;
  flex-basis: 200px;
  flex-grow: 1;
  flex-shrink: 0;
}

.box-listagem-dados span {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 28px;
  color: var(--dy-cor1);
}

.box-listagem-dados p {
  margin: 0;
  padding: 0 0 0 40px;
}

.tag-status-contrato {
  position: relative;
}

.status-contrato {
  position: absolute;
  right: 14px;
  top: 0px;
  color: rgb(255, 255, 255);
  border-radius: 0px 12px 0px 20px;
  padding: 7px 20px 7px 20px;
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  z-index: 2;
}

.vigente {
  background-color: rgb(140, 200, 10);
}

.inativo {
  background-color: rgb(200, 30, 10);
}

.tag-status {
  position: relative;
}

.status {
  position: absolute;
  right: 0;
  top: 38px;
  color: rgb(255, 255, 255);
  border-radius: 25px;
  padding: 7px 40px 7px 35px;
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  z-index: 2;
}

.aberta {
  background-color: rgb(140, 200, 10);
}

.andamento {
  background-color: rgb(210, 200, 5);
}

.suspensa {
  background-color: rgb(10, 120, 200);
}

.finalizada,
.deserta,
.revogada,
.fracassada {
  background-color: rgb(200, 30, 10);
}

.status-view {
  position: absolute;
  right: 0;
  top: 5%;
  color: rgb(255, 255, 255);
  border-radius: 25px;
  padding: 7px 40px;
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
}

.box-listagem-dupla {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.box-dupla {
  border-radius: 12px;
  border: 1px solid rgb(220, 220, 220);
  margin: 10px;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 350px;
  position: relative;
}

.box-dupla h3 {
  font-size: 16px;
  line-height: 16px;
  padding: 25px 20px;
  font-weight: bold;
  border-bottom: 1px solid rgb(220, 220, 220);
  color: var(--dy-cor2);
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  position: relative;
  transition: all .2s ease-in-out;
}

.box-dupla h3 span {
  position: absolute;
  left: 0;
  top: 100%;
  width: 200px;
  height: 1px;
  background-color: var(--dy-cor1);
}

.box-dupla p {
  padding: 20px;
}

.box-dupla .material-symbols-outlined {
  position: absolute;
  z-index: 2;
  right: 20px;
  top: 50px;
  color: var(--dy-cor3);
  font-size: 40px;
  padding: 0 15px;
  background-color: rgb(255, 255, 255);
}

.box-listagem-tripla {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.box-tripla {
  border-radius: 12px;
  border: 1px solid rgb(220, 220, 220);
  margin: 10px;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 250px;
  position: relative;
}

.box-tripla h3 {
  font-size: 16px;
  line-height: 16px;
  padding: 25px 20px;
  font-weight: bold;
  border-bottom: 1px solid rgb(220, 220, 220);
  color: var(--dy-cor2);
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  position: relative;
  transition: all .2s ease-in-out;
}

.box-tripla h3 span {
  position: absolute;
  left: 0;
  top: 100%;
  width: 200px;
  height: 1px;
  background-color: var(--dy-cor1);
}

.box-tripla p {
  padding: 20px;
}

.box-tripla .material-symbols-outlined {
  position: absolute;
  z-index: 2;
  right: 20px;
  top: 65px;
  color: var(--dy-cor3);
  font-size: 40px;
  padding: 0 15px;
  background-color: rgb(255, 255, 255);
}





/* ----- COLUNA DE TEXTO VIEWS ----- */

.coluna-texto-view h2 {
  font-size: 24px;
  line-height: 26px;
  padding: 30px 20px 30px 0;
  font-weight: bold;
  color: rgb(50, 50, 50);
  font-family: "Montserrat", sans-serif;
  position: relative;
  transition: all .2s ease-in-out;
}

.coluna-texto-view p {
  text-align: justify;
}

.coluna-texto-midia img {
  width: 26px;
  rotate: 0;
  transition: all .3s ease-in-out;
}

.coluna-texto-midia:hover img {
  rotate: 360deg;
}





/* ----- COMISSÕES ----- */

.index-comissao {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-content: stretch;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}

.box-comissao {
  border: 1px solid rgb(220, 220, 220);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  /* flex-basis:400px; */
  overflow: hidden;
  flex-grow: 1;
  align-content: stretch;
  margin: 0 15px 30px 15px;
  position: relative;
}

.box-comissao a h4 {
  border-bottom: 1px solid rgb(220, 220, 220);
  padding: 20px;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: var(--dy-cor2);
  position: relative;
}

.box-comissao a p {
  color: rgb(50, 50, 50);
  margin: 15px;
  padding: 0;
  font-weight: normal;
}

.box-comissao a h4 span {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100px;
  height: 1px;
  background-color: var(--dy-cor1);
}

.box-comissao .btn-doc {
  display: block;
  padding: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--dy-cor4);
  color: var(--dy-cor1);
  text-align: center;
  font-weight: bold;

}

#equipe-comissao {
  display: flex;
  justify-content: center;
}

#equipe-comissao .col {
  padding: 15px;
  position: relative;
  text-align: center;
  border-top: 1px solid rgb(230, 230, 230)
}

#equipe-comissao .col:last-child {
  border-right: none;
}

#equipe-comissao img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  object-position: center;
  border-radius: 60px;
  overflow: hidden;
}

#equipe-comissao p {
  padding: 0;
  margin: 5px 0 10px 0;
  line-height: 17px;
  font-size: var(--dy-fontePadrao);
}

#equipe-comissao-view {
  display: flex;
  justify-content: center;
  position: relative;
}

#equipe-comissao-view .col {
  border-bottom: 1px solid rgb(200, 200, 200);
  border-top: 1px solid rgb(235, 235, 235);
  border-left: 1px solid rgb(235, 235, 235);
  border-right: 1px solid rgb(235, 235, 235);
  background-image: linear-gradient(to bottom, rgb(235, 235, 235), rgb(250, 250, 250), rgb(255, 255, 255));
  text-align: center;
  padding: 30px;
  margin: 15px;
  flex-basis: 150px;
  flex-grow: 1;
  flex-shrink: 0;
  border-radius: 8px;
}

#equipe-comissao-view img.vereador {
  width: 100px;
  height: 100px;
  object-fit: cover;
  object-position: center;
  border-radius: 100px;
  overflow: hidden;
}

#equipe-comissao-view img.logo-partido {
  max-width: 80px;
  max-height: 40px;
  height: auto;
  padding: 6px 10px 8px 10px;
  border: 1px solid rgb(220, 220, 220);
  background-color: rgb(255, 255, 255);
  border-radius: 8px;
  margin: 10px 0;
  position: absolute;
  top: -25px;
  right: 10px;
}

#equipe-comissao-view h4 {
  line-height: 16px;
  margin: 0 auto;
  padding-top: 10px;
  text-align: center;
  font-size: 16px;
}

#equipe-comissao-view h6 {
  line-height: 16px;
  font-size: 14px;
  margin: 5px auto 0 auto;
  text-align: center;
}

.documento-comissao {
  border-top: 1px solid rgb(200, 200, 200);
  padding: 20px;
  position: relative;
}

.documento-comissao span {
  font-size: 20px;
  line-height: 20px;
  display: inline-block;
  color: var(--dy-cor1);
  position: absolute;
  top: 20px;
  left: 20px;
}

.documento-comissao a {
  padding-left: 20px;
  transition: all .3s ease-out;
}

.documento-comissao a:hover {
  padding-left: 40px;
}





/* ----- TRANSPARÊNCIA ----- */

.listagem-categoria {
  background-color: rgb(235, 235, 235);
  margin: 0;
  padding: 10px;
  font-weight: bold;
  text-align: center !important;
  border-radius: 6px;
}

.listagem-categoria-transparencia {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.listagem-categoria-transparencia a {
  display: flex;
  flex-direction: row;
  border: 1px solid rgb(200, 200, 200);
  padding: 15px;
  margin-top: 5px;
  border-radius: 8px;
  text-align: left;
  line-height: 18px;
  position: relative;
  flex-grow: 0;
  align-content: stretch;
  align-items: center;
}

.listagem-categoria-transparencia span {
  color: var(--dy-cor3);
  margin-right: 10px;
}

.box-transparencia {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.transparencia {
  display: flex;
  flex-direction: column;
  border: 1px solid rgb(200, 200, 200);
  border-radius: 8px;
  margin: 10px;
  flex-basis: 320px;
  flex-grow: 1;
  flex-shrink: 0;
  padding: 20px;
  text-align: center;
}

.transparencia span {
  color: var(--dy-cor3);
  ;
  font-size: 50px;
  line-height: 40px;
  margin: 0;
  padding: 0;
}

.transparencia h3 {
  padding: 10px 0 15px 0;
  margin: 0;
  font-size: 20px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 900;
}

.transparencia ul {
  margin: 0;
  padding: 0 20px;
}

.transparencia ul li {
  text-align: left;
  font-size: 13px;
  line-height: 15px;
  margin-top: 3px;
}

.transparencia ul li a:hover {
  text-decoration: underline !important;
}





/* ----- LEGISLAÇÃO ----- */

.ultimas-leis {
  display: block;
  position: relative;
  font-size: .9em;
  padding: 8px 0 8px 17px;
  border-bottom: 1px dashed rgb(220, 220, 220);
}

.ultimas-leis span {
  color: var(--dy-cor1);
  position: absolute;
  left: 0;
  top: 13px;
  font-size: 10px;
}

.alteracao-lei {
  border-left: 1px dotted rgb(200, 200, 200);
  padding: 20px;
  position: relative;
}

.alteracao-lei span {
  position: absolute;
  left: -5px;
  top: 27px;
  height: 8px;
  width: 8px;
  border-radius: 10px;
  background-color: var(--dy-cor3);
}





/* ----- EVENTOS ----- */

.box-listagem-evento {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 300px;
}

.box-listagem-evento {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.box-evento {
  border-radius: 12px;
  border: 1px solid rgb(220, 220, 220);
  margin: 0 15px 30px 15px;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 350px;
  position: relative;
  overflow: hidden;
}

.box-evento .data {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: var(--dy-cor3);
  padding: 40px 20px;
  text-align: center;
}

.box-evento .data div:nth-of-type(1) {
  font-size: 24px;
  line-height: 20px;
  font-weight: 900;
  color: rgb(255, 255, 255);
  display: block;
}

.box-evento .data div:nth-of-type(2) {
  font-size: 12px;
  line-height: 18px;
  color: rgb(255, 255, 255);
  display: block;
  text-transform: uppercase;
}

.box-evento .data div:nth-of-type(3) {
  font-size: 14px;
  line-height: 60px;
  color: rgb(255, 255, 255);
  display: block;
  text-transform: uppercase;
}

.box-evento h3 {
  font-size: 16px;
  line-height: 16px;
  padding: 20px 20px 20px 100px;
  font-weight: bold;
  border-bottom: 1px solid rgb(220, 220, 220);
  color: var(--dy-cor2);
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  position: relative;
  transition: all .2s ease-in-out;
}

.box-evento p {
  padding: 20px 20px 20px 100px;
}





/* ----- CONTRATO ----- */

.objeto-contrato {
  border: 1px solid rgb(220, 220, 220);
  padding: 30px;
  border-radius: 12px;
  position: relative;
}

.objeto-contrato span {
  position: absolute;
  top: -20px;
  left: 30px;
  padding: 10px 30px;
  background-color: rgb(255, 255, 255);
  font-weight: 900;
  text-transform: uppercase;
  color: var(--dy-cor2);
}





/* ----- LICITAÇÃO ----- */

.vencedor {
  position: relative;
  border: 1px solid rgb(220, 220, 220);
  border-bottom: 3px solid rgb(140, 200, 10);
  color: rgb(50, 50, 50);
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  padding: 15px 15px 15px 50px;
  border-radius: 8px;
}

.vencedor span {
  position: absolute;
  top: 13px;
  left: 20px;
  color: rgb(140, 200, 10);
}





/* ----- MESA DIRETORA ----- */

.box-mesa-diretora {
  border: 1px solid rgb(220, 220, 220);
  border-radius: 12px;
  width: 100%;
  margin-bottom: 30px;
}

.box-mesa-diretora a h4 {
  padding: 20px;
  font-weight: bold;
  color: var(--dy-cor2);
  position: relative;
  border-bottom: 1px solid rgb(210, 210, 210);
}

.box-mesa-diretora a p {
  color: rgb(50, 50, 50);
  padding: 10px 20px 20px 20px;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
}

.box-mesa-diretora a h4 span {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100px;
  height: 1px;
  background-color: var(--dy-cor1);
}

.equipe-mesa-diretora {
  padding: 20px;
  text-align: center;
  border-left: 1px solid rgb(210, 210, 210);
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 150px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.equipe-mesa-diretora img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  object-position: center;
  border-radius: 60px;
  overflow: hidden;
}

.equipe-mesa-diretora p {
  padding: 10px 0 0 0;
  margin: 0;
  line-height: 18px;
}

.equipe-mesa-diretora-view {
  display: flex;
  justify-content: center;
  position: relative;
}

.equipe-mesa-diretora-view .col {
  border-top: 1px solid var(--dy-cor2);
  background-image: linear-gradient(to bottom, rgb(235, 235, 235), rgb(255, 255, 255));
  text-align: center;
  padding: 20px;
  margin: 10px;
}

.equipe-mesa-diretora-view img.vereador {
  width: 100px;
  height: 100px;
  object-fit: cover;
  object-position: center;
  border-radius: 100px;
  overflow: hidden;
}

.equipe-mesa-diretora-view img.logo-partido {
  max-width: 80px;
  max-height: 40px;
  height: auto;
  padding: 8px 20px 10px 20px;
  border: 1px solid rgb(220, 220, 220);
  background-color: rgb(255, 255, 255);
  border-radius: 6px;
  margin: 10px 0;
  position: absolute;
  top: -27px;
  right: 10px;
}

.equipe-mesa-diretora-view h4 {
  line-height: 20px;
  margin: 0 auto;
  padding-top: 10px;
  text-align: center;
}

.equipe-mesa-diretora-view h6 {
  line-height: 20px;
  margin: 0 auto;
  text-align: center;
}





/* ----- LEGISLATURA ----- */

.presidente {
  line-height: 18px;
  border-radius: 12px;
  margin-top: 40px;
  overflow: hidden;
  border: 1px solid rgb(220, 220, 220);
}

.titulo-presidente {
  text-align: center;
  display: block;
  padding: 12px 0;
  font-weight: bold;
}

.titulo-presidente {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  background-color: rgb(245, 245, 245);
  color: var(--dy-cor2);
}

.presidente .col {
  border-left: 1px solid rgb(220, 220, 220);
  border-top: 1px solid rgb(220, 220, 220);
  text-align: center;
  padding: 30px 40px;
}

.presidente .col:first-child {
  border-left: 0;
}

.presidente .col:last-child {
  border-right: 0;
}

.presidente img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 5px;
  object-fit: cover;
  object-position: center;
}

.presidente p {
  padding: 0 auto;
  margin: 0 auto;
  text-align: center;
}





/* ----- NOTÍCIAS ----- */

.box-index-noticia {
  position: relative;
  border: 1px solid rgb(220, 220, 220);
  margin-bottom: 30px;
  height: 250px;
  overflow: hidden;
}

.box-index-noticia img {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 250px;
  object-fit: cover;
  object-position: center;
  border-right: 1px solid rgb(220, 220, 220);
}

.box-index-noticia h4 {
  position: absolute;
  top: 25px;
  right: 25px;
  left: 320px;
  font-weight: bold;
}

.box-index-noticia h4 small {
  font-size: .8em;
  line-height: 22px;
  display: block;
  padding-top: 10px;
}





/* ----- PROJETOS ----- */

.vereador-proponente {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
  position: relative;
  margin: 0;
}

.vereador-proponente .col {
  border: 1px solid rgb(220, 220, 220);
  margin: 10px 5px 0 5px;
  padding: 10px 15px;
  border-radius: 6px;
  min-width: 200px;
}

.vereador-proponente img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}

.vereador-proponente span {
  position: absolute;
  left: 85px;
  top: 20px;
  line-height: 18px;
}





/* ----- GALERIAS MÍDIA ----- */

.galeria-midia {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: stretch;
}

.box-galeria-midia {
  display: flex;
  flex-direction: column;
  flex-basis: 250px;
  margin: 0 15px 30px 15px;
  border: 1px solid rgb(220, 220, 220);
  border-radius: 12px;
  flex-grow: 1;
  flex-shrink: 0;
  align-items: stretch;
  align-content: stretch;
  overflow: hidden;
}

.box-galeria-midia img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center;
}

.box-galeria-midia .conteudo {
  padding: 15px;
}

.box-galeria-midia-lateral .conteudo {
  padding: 20px 20px 20px 20px;
}

.box-galeria-midia a,
.box-galeria-midia-lateral a {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 900;
}

.box-galeria-midia p {
  padding: 5px 0 0 0;
  margin: 0;
}

.galeria-midia-lateral {
  display: flex;
  justify-content: center;
}

.box-galeria-midia-lateral {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 0 30px 0;
  border: 1px solid rgb(220, 220, 220);
  border-radius: 12px;
  align-items: stretch;
  align-content: stretch;
  overflow: hidden;
}

.box-galeria-midia-lateral img {
  width: 85px;
  height: 85px;
  object-fit: cover;
  object-position: center;
}

.album-destaque {
  position: relative;
}

.album-destaque span {
  color: var(--dy-cor1);
  position: absolute;
  left: 0;
  top: -6px;
  font-size: 20px;
}

.album-destaque p {
  position: absolute;
  left: 25px;
  top: -5px;
}

.album-destaque a {
  display: block;
  padding: 8px 0;
  font-size: 14px;
  border-top: 1px solid rgb(220, 220, 220)
}

.album-destaque .titulo-midia {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 900;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
  padding: 0;
  margin: 0;
  text-align: left;
  color: rgb(50, 50, 50);
  margin-left: 3%;
}

.album-destaque img {
  border-radius: 5px 5px 5px 5px;
}



/* ----- MIDIA AUDIO ----- */

.galeria-audio {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.card-audio {
  display: flex;
  flex-direction: column;
  flex-basis: 350px;
  flex-grow: 1;
  flex-shrink: 0;
  align-items: stretch;
  align-content: stretch;
  margin: 0 10px;
  position: relative;
  border-radius: 12px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

.card-audio .card-image-audio {
  position: relative;
}

.card-audio .card-content-audio {
  padding: 24px;
  border-radius: 0 0 2px 2px;
}

.card-content-audio h5 {
  font-size: 1.25rem;
  line-height: 110%;
  margin: 1.0933333333rem 0 .656rem 0;
  font-weight: bold;
}

.btn-player {
  bottom: -28px;
  right: 24px;
  width: 56px;
  height: 56px;
  position: absolute;
  overflow: hidden;
  border-radius: 50%;
  text-decoration: none;
}

.play-pause {
  line-height: 56px;
  font-size: 1.6rem;
  width: inherit;
  text-align: center;
  color: #fff;
  background-color: var(--dy-cor1);
}

.valign {
  -webkit-align-items: center;
}

#mute {
  color: var(--dy-cor1) transform: translateY(2px);
}

input[type="range"]::-webkit-slider-thumb {
  background-color: var(--dy-cor1)
}

input[type=range] {
  width: 100%;
  margin: 15px 0;
  padding: 0;
}

input[type="range" i] {
  color: rgb(157, 150, 142);
}






/* ----- TIMELINE ----- */

.timeline {
  margin: 0;
  width: 100%;
  overflow: hidden;
  padding: 0 0 0 50%;
}

.timeline ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  transition: all 0.5s linear;
  top: 0
}

.timeline ul:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  border: 1px solid rgb(230, 230, 230);
  position: absolute;
  top: 0;
  left: 27px
}

.timeline ul li {
  margin: 20px 60px 40px;
  position: relative;
  padding: 15px;
  background: var(--dy-cor4);
  color: #000;
  border-radius: 10px;
  line-height: 20px;
  width: 250px;
}

.timeline ul li>span {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: -30px
}

.timeline ul li>span:before,
.timeline ul li>span:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--dy-cor1);
  border: 1px solid var(--dy-cor1);
  position: absolute;
  left: -7.5px
}

.timeline ul li>span:before {
  top: 4px
}

.timeline ul li>span:after {
  display: none
}

.timeline .title {
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 5px
}

.timeline .info:first-letter {
  text-transform: capitalize;
  line-height: 1.7
}

.timeline .time span {
  position: absolute;
  left: -100px;
  color: #000;
  font-size: 80%;
  font-weight: bold;
}

.timeline .time span:first-child {
  top: 0
}

.timeline .time span:last-child {
  top: 0%
}

span.material-symbols-outlined.icone-timeline {
  font-size: 20px;
}




/* ----- ATALHO LATERAL ----- */

.atalho-lateral {
  text-align: center;
  padding: 20px;
  margin-bottom: 15px;
}

.atalho-lateral span {
  color: var(--dy-cor1);
  padding: 0;
  margin: 0;
  font-size: 30px;
}

.atalho-lateral h4 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 900;
  padding: 5px 0;
  margin: 0;
}

.atalho-lateral p {
  padding: 0;
  margin: 0;
}





/* ----- PAGINAÇÃO ----- */

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--dy-cor2);
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #dee2e6;
  --bs-pagination-hover-color: var(--dy-cor2);
  --bs-pagination-hover-bg: #f0f2f5;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: var(--dy-cor2);
  --bs-pagination-active-border-color: var(--dy-cor2);
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #fff;
  --bs-pagination-disabled-border-color: #dee2e6;
  margin-top: 20px;
  display: flex;
  padding-left: 0;
  list-style: none;
}

.pagination li a,
.pagination li span {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.pagination li:hover a {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}

.pagination li.active a,
.active>.pagination li a {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}

.pagination li.disabled span,
.disabled>.pagination li span {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}





/* ----- CHAT ESIC/OUVIDORIA ----- */

.dynamika-chat-right,
.dynamika-chat-right a {
  background-color: var(--dy-cor1) !important;
  color: rgb(255, 255, 255) !important;
  margin-top: 3% !important;
}

.dynamika-chat .time {
  background-color: transparent !important;
  color: rgb(50, 50, 50) !important;
  margin-top: -22px !important;
}

.dynamika-chat-left {
  background-color: var(--dy-cor2) !important;
  color: rgb(255, 255, 255) !important;
  margin-top: 3% !important;
}

.chat {
  margin-top: 100px;
}

.chat h6 {
  font-size: 18px;
  line-height: 18px;
  padding: 15px 20px 10px 25px;
  margin: 0;
  border-bottom: 1px solid rgb(210, 210, 210);
  position: relative;
}

.chat h6 span {
  position: absolute;
  top: 20px;
  left: 10px;
  height: 8px;
  width: 8px;
  border-radius: 10px;
  background-color: var(--dy-cor1);
}





/* ----- IMPRESSÃO ----- */

@media print {
  body * {
    visibility: hidden;
  }

  #conteudoImpressao * {
    visibility: visible;
  }

  #conteudoImpressao {
    position: fixed;
    left: 0;
    top: 0;
  }
}





/* ----- IMPRESSÃO ----- */

.imagem100 {
  width: 100%;
  height: auto
}

.imagem80 {
  width: 80%;
  height: auto
}

.imagem60 {
  width: 60%;
  height: auto
}

.imagem50 {
  width: 50%;
  height: auto
}





/* ----- NAV TABS ----- */

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  border-color: #FFF;
}

.nav-tabs .nav-link {
  border: 0px !important;
}

.nav-tabs li {
  padding: 6px 15px;
  border-top: 1px solid rgb(220, 220, 220);
  border-right: 1px solid rgb(220, 220, 220);
  border-left: 1px solid rgb(220, 220, 220);
  border-bottom: 2px solid rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
  margin-left: 2px;
  border-radius: 6px 6px 0 0;
}

.nav-tabs li:hover {
  border-bottom: 2px solid rgb(0, 75, 130);
}

.nav-tabs li:first-child {
  margin-left: 10px;
}

.nav-item .active {
  font-weight: bold;
}





/* ----- PROCURADORIA DA MULHER ----- */

.atalho {
  text-align: center;
  padding: 20px;
  margin-bottom: 15px;
}

.atalho span {
  color: var(--dy-cor1);
  padding: 0;
  margin: 0;
  font-size: 30px;
}

.atalho h4 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 900;
  padding: 5px 0;
  margin: 0;
}

.atalho p {
  padding: 0;
  margin: 0;
}

.box-procuradoria h6 {
  font-size: 18px;
  line-height: 18px;
  padding: 15px 20px 10px 25px;
  margin: 0;
  border: 1px solid rgb(210, 210, 210);
  border-radius: 6px;
  position: relative;
}

.box-procuradoria h6 span {
  position: absolute;
  top: 20px;
  left: 10px;
  height: 8px;
  width: 8px;
  border-radius: 10px;
  background-color: var(--dy-cor1);
}

.noticia-procuradoria {
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  height: 300px;
}

.noticia-procuradoria img {
  top: 0;
  left: 0;
  width: 100%;
  object-fit: cover;
  object-position: center;
  height: 300px;
  text-align: center;
}

.noticia-procuradoria a h2 {
  position: absolute;
  bottom: -10px;
  left: 0;
  padding: 15px;
  font-weight: 900;
  font-size: 18px;
  background-color: rgba(0, 0, 0, .8);
  color: var(--dy-cor4);
  transition: all .3s ease;
  width: 100%;
}

.noticia-procuradoria a:hover h2 {
  padding: 40px 15px;
}

.version {
  font-size: .8rem;
  line-height: 26px;
}





/* ----- AVALIAÇÃO DE ATENDIMENTO -----*/

#avaliacao-atendimento {
  white-space: nowrap;
  font-size: .9rem;
}

.apexcharts-title-text {
  display: block !important;
}

.radio-image {
  display: flex;
  justify-content: space-between;
  margin-bottom: -50px;
}

.radio-satisfacao {
  text-align: center !important;
}

.radio-satisfacao:hover {
  opacity: 0.7;
}

.radio-satisfacao input[type="radio"] {
  display: none;
}

.radio-satisfacao img {
  width: 30px;
  margin-top: -20px;
}

.apexcharts-grid-borders line {
  display: none !important;
}


.noticia-vinculada {
  border-top: 1px solid rgb(230, 230, 230);
  border-left: 1px solid rgb(230, 230, 230);
  border-right: 1px solid rgb(160, 160, 160);
  border-bottom: 1px solid rgb(160, 160, 160);
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  height: 228px;
  margin-bottom: 24px;
}

.noticia-vinculada img {
  width: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
}

.noticia-vinculada h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 20px 30px;
  background-color: rgba(0, 0, 0, .8);
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: bold;
  color: rgb(255, 255, 255);
  transition: all .2s ease;
}

.noticia-vinculada:hover h3 {
  padding: 30px;
}

.noticia-vinculada p {
  padding: 0 15px;
  font-size: 15px;
}

.noticia-vinculada p {
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.img-preview-box {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px 12px 0px 0px;
}

.img-preview-box img {
  max-width: 100%;
  height: auto;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 12px 12px 0px 0px;
}

.btn-download {
  border-radius: 8px;
  font-weight: 600;
  padding: 7px 10px;
}





/* ==========================================================
   PESQUISA - COMPONENTES GERAIS
========================================================== */

.pesquisa-list-icon,
.pesquisa-pergunta-numero,
.pesquisa-sucesso-icon,
.pesquisa-resultado-hero-icon,
.pesquisa-resultado-publico-numero {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50% !important;
}

.pesquisa-responder {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  color: #444;
}

.pesquisa-section-label {
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .09em;
  opacity: .65;
}


/* ==========================================================
   PESQUISA - LISTAGEM
========================================================== */

.pesquisa-list-item {
  margin-bottom: 20px;
}

.pesquisa-list-card {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  padding: 24px;
  background: #fff;
  color: inherit !important;
  text-decoration: none !important;
  transition: transform .2s ease;
}

.pesquisa-list-card:hover {
  transform: translateY(-2px);
}

.pesquisa-list-icon {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  background: rgba(0, 0, 0, .05);
}

.pesquisa-list-icon .material-symbols-outlined {
  font-size: 29px;
}

.pesquisa-list-content {
  flex: 1;
  min-width: 0;
}

.pesquisa-list-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 8px;
}

.pesquisa-list-header h3 {
  margin: 0;
  font-size: 19px;
  font-weight: 700;
}

.pesquisa-list-destaque {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 20px;
  background: rgba(0, 0, 0, .06);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.pesquisa-list-destaque .material-symbols-outlined {
  font-size: 14px;
}

.pesquisa-list-descricao {
  max-width: 800px;
  margin: 0 0 14px;
  color: #666;
  font-size: 14px;
  line-height: 1.55;
}

.pesquisa-list-infos {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 22px;
}

.pesquisa-list-info {
  display: flex;
  align-items: center;
  gap: 7px;
}

.pesquisa-list-info>.material-symbols-outlined {
  font-size: 19px;
}

.pesquisa-list-info div {
  display: flex;
  flex-direction: column;
}

.pesquisa-list-info small {
  color: #888;
  font-size: 10px;
  line-height: 1.2;
}

.pesquisa-list-info strong {
  margin-top: 2px;
  font-size: 12px;
  font-weight: 600;
}

.pesquisa-list-action {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 600;
}

.pesquisa-list-action .material-symbols-outlined {
  font-size: 20px;
  transition: transform .2s ease;
}

.pesquisa-list-card:hover .pesquisa-list-action .material-symbols-outlined {
  transform: translateX(4px);
}


/* ==========================================================
   PESQUISA - VIEW / RESPONDER
========================================================== */

.pesquisa-responder-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 35px;
  align-items: start;
}

.pesquisa-responder-main {
  min-width: 0;
}

.pesquisa-responder-header {
  margin-bottom: 28px;
}

.pesquisa-responder-header h1 {
  max-width: 800px;
  margin: 0 0 10px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
}

.pesquisa-responder-descricao {
  max-width: 800px;
  color: #707070;
  font-size: 14px;
  line-height: 1.7;
}

.pesquisa-responder-descricao p:last-child {
  margin-bottom: 0;
}


/* Introdução */

.pesquisa-introducao {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin-bottom: 25px;
  padding: 20px 22px;
  background: #f7f7f7;
  border-left: 3px solid currentColor;
  font-size: 14px;
  line-height: 1.65;
}

.pesquisa-introducao-icon {
  flex-shrink: 0;
}

.pesquisa-introducao-icon .material-symbols-outlined {
  font-size: 22px;
}

.pesquisa-introducao-conteudo {
  flex: 1;
  min-width: 0;
}

.pesquisa-introducao-conteudo>strong {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 700;
}

.pesquisa-introducao-texto {
  color: #666;
  font-size: 13px;
  line-height: 1.65;
}

.pesquisa-introducao-texto p:last-child {
  margin-bottom: 0;
}


/* Blocos */

.pesquisa-bloco {
  margin-bottom: 20px;
  padding: 28px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
}

.pesquisa-bloco-header,
.pesquisa-pergunta-header {
  display: flex;
  align-items: flex-start;
}

.pesquisa-bloco-header {
  gap: 12px;
  margin-bottom: 25px;
  padding-bottom: 18px;
  border-bottom: 1px solid #eee;
}

.pesquisa-bloco-header>.material-symbols-outlined {
  margin-top: 2px;
  font-size: 23px;
}

.pesquisa-bloco-header h2 {
  margin: 0 0 4px;
  font-size: 19px;
  font-weight: 700;
}

.pesquisa-bloco-header p {
  margin: 0;
  color: #777;
  font-size: 13px;
}

.pesquisa-campo {
  margin-bottom: 20px;
}

.pesquisa-label {
  display: block;
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 600;
}

.pesquisa-label span,
.pesquisa-obrigatoria {
  color: #c62828;
}


/* Perguntas */

.pesquisa-pergunta {
  padding: 22px 0;
  border-bottom: 1px solid #eee;
}

.pesquisa-pergunta:first-child {
  padding-top: 0;
}

.pesquisa-pergunta:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.pesquisa-pergunta-header {
  gap: 12px;
  margin-bottom: 15px;
}

.pesquisa-pergunta-numero {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  background: #f0f0f0;
  font-size: 12px;
  font-weight: 700;
}

.pesquisa-pergunta-titulo {
  display: block;
  margin: 3px 0 0;
  font-size: 15px;
  font-weight: 600;
}

.pesquisa-pergunta-descricao {
  margin: 5px 0 0;
  color: #777;
  font-size: 12px;
  line-height: 1.5;
}

.pesquisa-pergunta-campo {
  margin-left: 40px;
}


/* Inputs */

.pesquisa-form .form-control {
  min-height: 44px;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  box-shadow: none;
}

.pesquisa-form textarea.form-control {
  min-height: 120px;
  resize: vertical;
}

.pesquisa-form .form-control:focus {
  border-color: #999;
  box-shadow: none;
}


/* Opções */

.pesquisa-opcoes {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pesquisa-opcao {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  padding: 10px 12px;
  cursor: pointer;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  font-size: 13px;
  transition: background .2s ease, border-color .2s ease;
}

.pesquisa-opcao:hover {
  background: #fafafa;
  border-color: #ccc;
}

.pesquisa-opcao input {
  margin: 0;
}

.pesquisa-sim-nao {
  flex-direction: row;
}

.pesquisa-sim-nao .pesquisa-opcao {
  min-width: 110px;
}


/* Escala */

.pesquisa-escala {
  max-width: 700px;
}

.pesquisa-escala-rotulos {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 8px;
  color: #777;
  font-size: 11px;
}

.pesquisa-escala-opcoes {
  display: flex;
  gap: 8px;
}

.pesquisa-escala-opcao {
  flex: 1;
  cursor: pointer;
}

.pesquisa-escala-opcao input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.pesquisa-escala-opcao span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.pesquisa-escala-opcao:hover span {
  background: #f7f7f7;
}

.pesquisa-escala-opcao input:checked+span {
  background: #333;
  border-color: #333;
  color: #fff;
}


/* Footer */

.pesquisa-form-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: 25px;
}

.pesquisa-btn-voltar,
.pesquisa-btn-enviar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 44px;
  padding: 10px 18px;
  border: 0;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none !important;
  cursor: pointer;
}

.pesquisa-btn-voltar {
  background: #f0f0f0;
  color: #444 !important;
}

.pesquisa-btn-enviar {
  background: #333;
  color: #fff;
}

.pesquisa-btn-voltar .material-symbols-outlined,
.pesquisa-btn-enviar .material-symbols-outlined {
  font-size: 19px;
}


/* Sidebar */

.pesquisa-responder-sidebar {
  position: sticky;
  top: 25px;
}

.pesquisa-responder-sidebar-card {
  overflow: hidden;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
}

.pesquisa-responder-sidebar-title {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 20px 22px;
  border-bottom: 1px solid #eee;
}

.pesquisa-responder-sidebar-title>.material-symbols-outlined {
  font-size: 23px;
}

.pesquisa-responder-sidebar-title small,
.pesquisa-responder-sidebar-item small {
  display: block;
  text-transform: uppercase;
}

.pesquisa-responder-sidebar-title small {
  margin-bottom: 2px;
  color: #888;
  font-size: 9px;
  letter-spacing: .06em;
}

.pesquisa-responder-sidebar-title strong {
  display: block;
  font-size: 13px;
}

.pesquisa-responder-sidebar-lista {
  padding: 5px 22px;
}

.pesquisa-responder-sidebar-item {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 17px 0;
  border-bottom: 1px solid #eee;
}

.pesquisa-responder-sidebar-item:last-child {
  border-bottom: 0;
}

.pesquisa-responder-sidebar-item>.material-symbols-outlined {
  flex: 0 0 22px;
  margin-top: 1px;
  font-size: 20px;
  opacity: .7;
}

.pesquisa-responder-sidebar-item>div {
  min-width: 0;
}

.pesquisa-responder-sidebar-item small {
  margin-bottom: 3px;
  color: #999;
  font-size: 9px;
  letter-spacing: .04em;
}

.pesquisa-responder-sidebar-item strong {
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

.pesquisa-responder-sidebar-item p {
  margin: 4px 0 0;
  color: #777;
  font-size: 10px;
  line-height: 1.5;
}

.pesquisa-responder-sidebar-aviso {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 16px 20px;
  background: #f7f7f7;
  border-top: 1px solid #eee;
}

.pesquisa-responder-sidebar-aviso>.material-symbols-outlined {
  flex-shrink: 0;
  font-size: 18px;
  opacity: .7;
}

.pesquisa-responder-sidebar-aviso p {
  margin: 0;
  color: #707070;
  font-size: 10px;
  line-height: 1.55;
}


/* Resultados na lateral */

.pesquisa-responder-sidebar-acoes {
  padding: 14px;
  border-top: 1px solid #eee;
}

.pesquisa-responder-resultados {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 13px 14px;
  color: inherit !important;
  background: #f7f7f7;
  border-radius: 7px;
  text-decoration: none !important;
  transition: background .2s ease;
}

.pesquisa-responder-resultados:hover {
  background: #f0f0f0;
}

.pesquisa-responder-resultados>.material-symbols-outlined:first-child {
  flex: 0 0 22px;
  font-size: 21px;
}

.pesquisa-responder-resultados>div {
  flex: 1;
  min-width: 0;
}

.pesquisa-responder-resultados small {
  display: block;
  margin-bottom: 2px;
  color: #888;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.pesquisa-responder-resultados strong {
  display: block;
  font-size: 11px;
  font-weight: 700;
}

.pesquisa-responder-resultados-seta {
  flex-shrink: 0;
  font-size: 18px !important;
  transition: transform .2s ease;
}

.pesquisa-responder-resultados:hover .pesquisa-responder-resultados-seta {
  transform: translateX(3px);
}


/* ==========================================================
   PESQUISA - SUCESSO
========================================================== */

.pesquisa-sucesso {
  max-width: 760px;
  margin: 30px auto 60px;
}

.pesquisa-sucesso-card {
  padding: 45px 50px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  text-align: center;
}

.pesquisa-sucesso-icon {
  width: 76px;
  height: 76px;
  margin: 0 auto 22px;
  background: #eef7f0;
  color: #28783d;
}

.pesquisa-sucesso-icon .material-symbols-outlined {
  font-size: 39px;
  font-weight: 500;
}

.pesquisa-sucesso-conteudo {
  max-width: 620px;
  margin: 0 auto;
}

.pesquisa-sucesso-label {
  display: inline-block;
  margin-bottom: 10px;
  color: #28783d;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.pesquisa-sucesso h1 {
  margin: 0 0 14px;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.3;
}

.pesquisa-sucesso-pesquisa {
  margin: 0;
  color: #666;
  font-size: 14px;
  line-height: 1.65;
}

.pesquisa-sucesso-pesquisa strong {
  color: #444;
}

.pesquisa-sucesso-mensagem {
  margin-top: 25px;
  padding-top: 22px;
  border-top: 1px solid #eee;
  color: #555;
  font-size: 14px;
  line-height: 1.7;
}

.pesquisa-sucesso-info {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  max-width: 560px;
  margin: 30px auto 0;
  padding: 16px 18px;
  background: #f7f7f7;
  border-radius: 7px;
  text-align: left;
}

.pesquisa-sucesso-info>.material-symbols-outlined {
  flex-shrink: 0;
  margin-top: 1px;
  color: #28783d;
  font-size: 22px;
}

.pesquisa-sucesso-info strong {
  display: block;
  margin-bottom: 3px;
  font-size: 13px;
}

.pesquisa-sucesso-info p {
  margin: 0;
  color: #666;
  font-size: 12px;
  line-height: 1.5;
}

.pesquisa-sucesso-acoes {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}

.pesquisa-sucesso-btn,
.pesquisa-sucesso-btn-secundario {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 44px;
  padding: 10px 18px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none !important;
  transition: opacity .2s ease, background .2s ease;
}

.pesquisa-sucesso-btn {
  background: #333;
  color: #fff !important;
}

.pesquisa-sucesso-btn:hover {
  color: #fff !important;
  opacity: .9;
}

.pesquisa-sucesso-btn-secundario {
  background: #f0f0f0;
  color: #444 !important;
}

.pesquisa-sucesso-btn-secundario:hover {
  background: #e8e8e8;
  color: #333 !important;
}

.pesquisa-sucesso-btn .material-symbols-outlined,
.pesquisa-sucesso-btn-secundario .material-symbols-outlined {
  font-size: 19px;
}


/* ==========================================================
   PESQUISA - RESULTADOS PÚBLICOS
========================================================== */

.pesquisa-resultados-publico {
  max-width: 1050px;
}

.pesquisa-resultado-hero {
  overflow: hidden;
  margin-bottom: 35px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
}

.pesquisa-resultado-hero-topo {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 30px;
}

.pesquisa-resultado-hero-icon {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  background: #f3f3f3;
}

.pesquisa-resultado-hero-icon .material-symbols-outlined {
  font-size: 28px;
}

.pesquisa-resultado-hero-texto {
  flex: 1;
  min-width: 0;
}

.pesquisa-resultado-hero-texto h1 {
  margin: 0 0 8px;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.3;
}

.pesquisa-resultado-hero-texto p {
  max-width: 700px;
  margin: 0;
  color: #707070;
  font-size: 14px;
  line-height: 1.6;
}

.pesquisa-resultado-resumo {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid #eee;
}

.pesquisa-resultado-resumo-item {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 18px 25px;
  border-right: 1px solid #eee;
}

.pesquisa-resultado-resumo-item:last-child {
  border-right: 0;
}

.pesquisa-resultado-resumo-item>.material-symbols-outlined {
  font-size: 22px;
  opacity: .7;
}

.pesquisa-resultado-resumo-item strong {
  display: block;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 700;
}

.pesquisa-resultado-resumo-item span {
  display: block;
  color: #888;
  font-size: 10px;
}

.pesquisa-resultado-intro {
  margin-bottom: 20px;
}

.pesquisa-resultado-intro h2 {
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 600;
}

.pesquisa-resultado-intro p {
  margin: 0;
  color: #777;
  font-size: 13px;
}

.pesquisa-resultado-publico-card {
  margin-bottom: 20px;
  padding: 25px 27px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
}

.pesquisa-resultado-publico-header {
  display: flex;
  align-items: flex-start;
  gap: 13px;
}

.pesquisa-resultado-publico-numero {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  background: #f2f2f2;
  font-size: 11px;
  font-weight: 700;
}

.pesquisa-resultado-publico-pergunta {
  flex: 1;
  min-width: 0;
}

.pesquisa-resultado-publico-pergunta h3 {
  margin: 3px 0 5px;
  font-size: 16px;
  font-weight: 700;
}

.pesquisa-resultado-publico-pergunta>p {
  margin: 0 0 8px;
  color: #777;
  font-size: 12px;
  line-height: 1.5;
}

.pesquisa-resultado-publico-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  color: #888;
  font-size: 10px;
}

.pesquisa-resultado-publico-meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.pesquisa-resultado-publico-meta .material-symbols-outlined {
  font-size: 14px;
}

.pesquisa-resultado-publico-media {
  min-width: 90px;
  padding: 9px 13px;
  background: #f7f7f7;
  border-radius: 7px;
  text-align: center;
}

.pesquisa-resultado-publico-media span,
.pesquisa-resultado-publico-media small {
  display: block;
  color: #888;
  font-size: 9px;
}

.pesquisa-resultado-publico-media strong {
  display: block;
  margin: 2px 0;
  font-size: 22px;
  line-height: 1.1;
}

.pesquisa-resultado-publico-opcoes {
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid #eee;
}

.pesquisa-resultado-publico-opcao {
  margin-bottom: 16px;
}

.pesquisa-resultado-publico-opcao:last-child {
  margin-bottom: 0;
}

.pesquisa-resultado-publico-opcao-topo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 7px;
}

.pesquisa-resultado-publico-opcao-topo>strong {
  font-size: 12px;
  font-weight: 600;
}

.pesquisa-resultado-publico-opcao-topo>div {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.pesquisa-resultado-publico-opcao-topo span {
  color: #888;
  font-size: 11px;
}

.pesquisa-resultado-publico-opcao-topo b {
  min-width: 48px;
  font-size: 11px;
  text-align: right;
}

.pesquisa-resultado-publico-barra {
  overflow: hidden;
  width: 100%;
  height: 8px;
  background: #ededed;
  border-radius: 20px;
}

.pesquisa-resultado-publico-barra>span {
  display: block;
  height: 100%;
  background: currentColor;
  border-radius: 20px;
  opacity: .75;
}

.pesquisa-resultado-publico-nota,
.pesquisa-resultado-publico-aberta,
.pesquisa-resultado-publico-sem-resposta {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin-top: 18px;
  padding: 13px 15px;
  background: #f7f7f7;
  border-radius: 7px;
  color: #666;
  font-size: 11px;
}

.pesquisa-resultado-publico-nota .material-symbols-outlined,
.pesquisa-resultado-publico-aberta .material-symbols-outlined,
.pesquisa-resultado-publico-sem-resposta .material-symbols-outlined {
  flex-shrink: 0;
  font-size: 18px;
}

.pesquisa-resultado-publico-nota p,
.pesquisa-resultado-publico-aberta p {
  margin: 0;
  line-height: 1.5;
}

.pesquisa-resultado-publico-aberta strong {
  display: block;
  margin-bottom: 3px;
  font-size: 12px;
}

.pesquisa-resultado-vazio {
  margin-bottom: 30px;
  padding: 60px 20px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  text-align: center;
}

.pesquisa-resultado-vazio>.material-symbols-outlined {
  margin-bottom: 10px;
  color: #aaa;
  font-size: 45px;
}

.pesquisa-resultado-vazio h2 {
  margin: 0 0 7px;
  font-size: 20px;
}

.pesquisa-resultado-vazio p {
  margin: 0;
  color: #777;
  font-size: 13px;
}

.pesquisa-resultado-publico-acoes {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 30px;
}

.pesquisa-resultado-publico-acoes>a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}


/* ==========================================================
   RESPONSIVO - TABLET
========================================================== */

@media (max-width: 991px) {

  .pesquisa-responder-grid {
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 25px;
  }
}


/* ==========================================================
   RESPONSIVO - MOBILE
========================================================== */

@media (max-width: 767px) {

  .pesquisa-list-card {
    align-items: flex-start;
    gap: 14px;
    padding: 18px;
  }

  .pesquisa-list-icon {
    width: 45px;
    height: 45px;
    flex-basis: 45px;
  }

  .pesquisa-list-icon .material-symbols-outlined {
    font-size: 23px;
  }

  .pesquisa-list-header h3 {
    font-size: 17px;
  }

  .pesquisa-list-action {
    display: none;
  }

  .pesquisa-list-infos {
    gap: 12px 18px;
  }

  .pesquisa-bloco {
    padding: 20px;
  }

  .pesquisa-pergunta-campo {
    margin-left: 0;
  }

  .pesquisa-escala-opcoes {
    gap: 5px;
  }

  .pesquisa-responder {
    margin-bottom: 40px;
  }

  .pesquisa-responder-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .pesquisa-responder-main {
    display: contents;
  }

  .pesquisa-responder-header {
    order: 1;
    width: 100%;
    margin-bottom: 0;
  }

  .pesquisa-introducao {
    order: 2;
    width: 100%;
    margin-bottom: 0;
  }

  .pesquisa-responder-sidebar {
    position: static;
    order: 3;
    width: 100%;
  }

  .pesquisa-responder .pesquisa-form {
    order: 4;
    width: 100%;
  }

  .pesquisa-responder-header h1 {
    font-size: 23px;
  }

  .pesquisa-responder-sidebar-lista {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 20px;
  }

  .pesquisa-responder-sidebar-item:nth-last-child(2) {
    border-bottom: 0;
  }

  .pesquisa-sucesso {
    margin-top: 15px;
  }

  .pesquisa-sucesso-card {
    padding: 35px 25px;
  }

  .pesquisa-sucesso-icon {
    width: 66px;
    height: 66px;
  }

  .pesquisa-sucesso-icon .material-symbols-outlined {
    font-size: 34px;
  }

  .pesquisa-sucesso h1 {
    font-size: 23px;
  }

  .pesquisa-resultado-hero-topo {
    padding: 22px 20px;
  }

  .pesquisa-resultado-hero-icon {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }

  .pesquisa-resultado-hero-texto h1 {
    font-size: 22px;
  }

  .pesquisa-resultado-resumo {
    grid-template-columns: 1fr;
  }

  .pesquisa-resultado-resumo-item {
    border-right: 0;
    border-bottom: 1px solid #eee;
  }

  .pesquisa-resultado-resumo-item:last-child {
    border-bottom: 0;
  }

  .pesquisa-resultado-publico-card {
    padding: 20px;
  }

  .pesquisa-resultado-publico-header {
    flex-wrap: wrap;
  }

  .pesquisa-resultado-publico-media {
    width: 100%;
    margin-left: 43px;
  }
}


/* ==========================================================
   RESPONSIVO - MOBILE PEQUENO
========================================================== */

@media (max-width: 480px) {

  .pesquisa-list-card,
  .pesquisa-resultado-hero-topo {
    display: block;
  }

  .pesquisa-list-icon,
  .pesquisa-resultado-hero-icon {
    margin-bottom: 14px;
  }

  .pesquisa-sim-nao {
    flex-direction: column;
  }

  .pesquisa-sim-nao .pesquisa-opcao,
  .pesquisa-btn-voltar,
  .pesquisa-btn-enviar,
  .pesquisa-sucesso-btn,
  .pesquisa-sucesso-btn-secundario {
    width: 100%;
  }

  .pesquisa-form-footer {
    flex-direction: column-reverse;
  }

  .pesquisa-sucesso-card {
    padding: 30px 18px;
  }

  .pesquisa-sucesso-acoes,
  .pesquisa-resultado-publico-acoes {
    flex-direction: column;
  }

  .pesquisa-responder-sidebar-lista {
    display: block;
  }

  .pesquisa-responder-sidebar-item:nth-last-child(2) {
    border-bottom: 1px solid #eee;
  }

  .pesquisa-responder-sidebar-item:last-child {
    border-bottom: 0;
  }

  .pesquisa-resultado-publico-media {
    margin-left: 0;
  }
}