:root {
  --background: #FBFBFB;
  --black: #474A4D;
  --fonte-bold: 'Roboto-Bold';
  --fonte-regular: 'Roboto-Regular';
  --fonte-medium: 'Roboto-Medium';
  --fonte-light: 'Roboto-Light';
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--fonte-regular) !important;
  background-color: var(--background);
  scroll-behavior: smooth;
}

html,
body {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

a,
a:hover {
  color: #474A4D;
  text-decoration: none;
}

hr {
  border: 1px solid rgba(144, 147, 149, 0.3);
  margin-right: 0;
  /* width: 65%; */
}

img {
  object-fit: contain;
  margin-inline: auto;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
  height: 13px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--background);
  border-radius: 50px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--Primary0);
  border-radius: 50px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--Primary0);
}

.scrollbar-color::-webkit-scrollbar-thumb {
  background-color: #474A4D !important;
}

.contrast .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
  background-color: #474A4D !important;
}

.no-padding {
  padding: 0;
}

.no-margin {
  margin: 0 !important;
}

.d-flex {
  display: flex;
}

.d-grid {
  display: grid;
}

.justify-content-center {
  justify-content: center;
}

.justify-content {
  justify-content: flex-end;
}

.justify-content-end {
  justify-content: end;
}

.justify-content-space-beetween {
  justify-content: space-between;
}

.justify-content-space-beetween::after,
.justify-content-space-beetween::before {
  display: none;
}

.align-items-flex-end {
  align-items: flex-end;
}

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

.align-content-center {
  align-items: center;
}

.align-content-space-between {
  align-content: space-between;
}

.flex-flow {
  flex-flow: wrap;
}

.margin-auto {
  margin: 0 auto;
}

.mt-3 {
  margin-top: 3vh;
}



.form-padrao input {

  border: 2px solid #FBFBFB;
  border-radius: 6px 0 0 6px;
  border-right: 0;
  height: auto;
  padding: 8px 12px;
  line-height: 24px;
}

.form-padrao .input-group-btn {
  width: auto;
}

.form-padrao button {
  font-size: 18px;
  border: 2px solid #C4C4C4;
  border-left: 0;
  transition: all .2s;
  padding: 0 12px;
  color: #C4C4C4;
  background-color: transparent;
}

.form-padrao button:hover,
.form-padrao button:active,
.form-padrao button:focus {
  background: #C4C4C4;
  color: white;
  border-color: #C4C4C4;
}


/* Cor de Fundo */

.back-primary0 {
  background: var(--Primary0) !important;
}

.back-primary1 {
  background: var(--Primary1) !important;
}

.back-primary2 {
  background: var(--Primary2) !important;
}

.back-cinza {
  background: rgba(238, 238, 238, 0.4);
}

.back-cinza2 {
  background: #eee;
}

.back-white {
  background-color: white;
}

.back-dark {
  background-color: #102530;
}

.no-background {
  background-color: transparent !important;
}

/* Botões Padrões */
.botao {
  font-family: var(--fonte-bold);
  font-size: 16px;
  border-radius: 6px;
  padding: 8px 16px;
  display: inline-block;
  transition: all .3s;
  border: 2px solid var(--Primary0);
}

.botao-noticia {
  color: var(--Primary0);
  border: 2px solid var(--Primary0);
  background: transparent;
}

.botao-noticia:focus,
.botao-noticia:active,
.botao-noticia:hover {
  background: var(--Primary0);
  color: white;
}

.botao-newsletter {
  margin-block: 10px;
  background: var(--Primary0);
  color: white;
  margin: 0;
  border-radius: 6px;
  padding-inline: 16px;
}

.botao-newsletter:active,
.botao-newsletter:focus,
.botao-newsletter:hover {
  background: transparent;
  color: var(--Primary0);
  border: 2px solid var(--Primary0);
}

.botao-primary0 {
  color: white;
  background: var(--Primary0);
  border: 2px solid var(--Primary0);
}

.botao-primary0:hover,
.botao-primary0:active,
.botao-primary0:focus {
  background: transparent;
  color: var(--Primary0);
}

.botao-primary1 {
  color: white;
  background-color: var(--Primary1);
  border: 2px solid var(--Primary1);
}

.botao-primary1:hover,
.botao-primary1:active,
.botao-primary1:focus {
  background-color: transparent;
  color: var(--Primary1);
}

.botao-primary2 {
  color: white;
  background-color: var(--Primary2);
  border: 2px solid var(--Primary2);
}

.botao-primary2:hover,
.botao-primary2:active,
.botao-primary2:focus {
  background-color: transparent;
  color: var(--Primary2);
}

.botao-light {
  background-color: white;
  border: 2px solid white;
  color: var(--Primary0);
}

.botao-light:hover,
.botao-light:active,
.botao-light:focus {
  background: transparent;
  color: white;
}

.botao-alerta {
  background-color: #FFD24D;
  border: 2px solid #FFD24D;
  color: #474A4D;
}

.botao-alerta:hover,
.botao-alerta:active,
.botao-alerta:focus {
  background-color: transparent;
  color: #FFD24D;
}

/* Bloco Alinhado */

@media screen and (min-width: 768px) {
  .bloco-vertical-middle {
    display: flex;
    align-items: center;
  }

  .bloco-vertical-bottom {
    display: flex;
    align-items: flex-end;
  }

  .bloco-space-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

@media screen and (min-width: 1200px) {

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

  .bloco-center {
    display: flex;
    justify-content: center;
  }
}

/* Pace.JS */
.pace-progress {
  height: 5px !important;
}

.pace-activity {
  width: 20px !important;
  height: 20px !important;
}

/* Padding Padrão */

.top1 {
  padding-top: 1vh;
}

.top2 {
  padding-top: 2vh;
}

.top3 {
  padding-top: 3.2rem;
}

.top4 {
  padding-top: 4rem;
}

.top5 {
  padding-top: 5vh;
}

.top6 {
  padding-top: 6vh;
}

.top7 {
  padding-top: 7vh;
}

.top8 {
  padding-top: 8vh;
}

.top9 {
  padding-top: 9vh;
}

.top10 {
  padding-top: 10vh;
}

.top11 {
  padding-top: 11vh;
}

.top14 {
  padding-top: 14vh;
}

.bot1 {
  padding-bottom: 1vh;
}

.bot2 {
  padding-bottom: 2vh;
}

.bot3 {
  padding-bottom: 3vh;
}

.bot4 {
  padding-bottom: 4rem;
}

.bot5 {
  padding-bottom: 5vh;
}

.bot6 {
  padding-bottom: 6vh;
}

.bot7 {
  padding-bottom: 7vh;
}

.pad-left-0 {
  padding-left: 0;
}

.pad-left-2 {
  padding-left: 2vw;
}

.pad-left-3 {
  padding-left: 3vw;
}

.pad-left-4 {
  padding-left: 4vw;
}

.pad-left-5 {
  padding-left: 5vw;
}

.pad-right-0 {
  padding-right: 0;
}

.padding-left {
  padding-left: 30px;
}

.px-1 {
  padding-top: 1vh !important;
  padding-bottom: 1vh !important;
}

.px-2 {
  padding-top: 2vh !important;
  padding-bottom: 2vh !important;
}

.px-3 {
  padding-top: 4vh !important;
  padding-bottom: 4vh !important;
}

div.light_rounded .pp_next:hover,
div.light_rounded .pp_previous:hover {
  /* background-image: none !important; */
}

.agenda_camara h4 {
  font-size: 38px;
}

.pp_gallery li {
  display: none !important;
}

.agenda_camara img {
  width: 25%;
}

h2 {
  font-size: 18px;
  font-family: var(--fonte-bold);
  line-height: 1.5;
  margin-bottom: 0;
  color: #2F2F2F;
}

h3 {
  font-size: 18px;
  font-family: var(--fonte-bold);
  line-height: 1.5;
}

h4 {
  font-family: var(--fonte-bold);
  font-style: normal;
  /* font-weight: 500; */
  font-size: 18px;
  line-height: 1.3;
  margin-top: 0;
}

h5 {
  font-size: 14px;
  line-height: 1.3;
}

h6 {
  font-size: 12px;
  line-height: 1.3;
}

p {
  font-size: 16px;
  line-height: 1.5;
}

/* LOADER */

.loader {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid var(--Primary0);
  /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  margin: auto;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.contrast .loader {
  border-top: 16px solid var(--black);
}

#body_mask {
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 25px;
  text-align: center;
  position: fixed;
  z-index: 9999999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-items: center;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

#body_mask h2 {
  color: #fff;
}

#preloader {
  box-sizing: border-box;
  opacity: 1;
  background-color: var(--background);
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999999;
  overflow: hidden !important;
}

.pp_overlay {
  overflow: hidden;
  position: fixed !important;
  width: 100vw !important;
  height: 100vh !important;
}

#preloader.loaded {
  transition: opacity .8s linear;
  opacity: 0;
}

#preloader .loaders {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;

  display: flex;
  align-items: center;
  justify-content: center;
}

#preloader .loaders .preloader {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 25%;
  /* max-width: 25%; */
  height: 200px;
  align-items: center;
  justify-content: center;
  perspective: 500px;
}

#preloader .ball-clip-rotate>div {
  width: 50px;
  height: 50px;
  border: 2px solid var(--Primary0);
  border-bottom-color: transparent;
  border-radius: 50%;
  animation: spin .8s linear infinite;
  /* Definindo a animação */
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/**
 * Util classes
 */
.left {
  float: left;
}

.right {
  float: right;
}


/* Bloco Sombra */
.bloco-sombra {
  box-shadow: 0px 1px 4px rgb(0 0 0 / 25%);
}

.bloco-sombra:hover {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}

/* ============================= */

/* Titulos */
.titulo {
  color: #474A4D;
  position: relative;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
}

.titulo h2 {
  margin: 0;
  display: inline-block;
}

.contrast .titulo h2 {
  border-color: white;
}

/* Imagens */
.imagem {
  overflow: hidden;
  /* display: flex; */
  border-radius: 10px;
  /* align-items: center; */
}

.imagem img {
  object-fit: cover;
  object-position: center;
}

/* ======= */

/* Bloco Breadcrumb das Páginas */
.breadcrumb>li {
  list-style-image: url('../img/icone_seta_direita.svg');
  font-size: 16px;
  text-transform: normal;
}

.breadcrumb a {
  font-size: 16px;
  text-transform: capitalize;
}


.initial-link .breadcrumb a {
  text-transform: initial !important;
}

.contrast #acessibilidade .acessibilidade-v6 a>div {
  color: #000 !important;
}

.breadcrumb {
  display: inline-flex;
  margin-block: 15px !important;
  padding-left: 20px;
  flex-flow: wrap;
}


.breadcrumb {
  display: inline-block;

  border-radius: 10px 10px;
}

.breadcrumb a,
.breadcrumb svg,
.breadcrumb li:before {
  color: var(--Primary0);
  font-weight: bold;
}

.breadcrumb li:last-child {
  color: #000;
  font-weight: bold;
  font-size: 15px;
}



/* ============================= */


/* Páginas */
.panel-primary {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.panel-primary>.panel-heading {
  background: var(--Primary0);
  border-color: var(--Primary0);
}

.panel-primary .panel-title {
  color: white;
  display: flow-root;
}

.panel img {
  max-width: 100%;
}

.panel-primary,
.panel-body table[border='0'],
.panel-body table[border='0'] td,
.panel-body table[border='0'] tr {
  border: none;
}

.auto-caption img {
  height: auto !important;
}

.tabela-titulo {
  background-color: #656D78;
  color: white;
}

.comissao .imagem {
  height: 150px;
  display: flex;
}

.comissao .imagem img {
  min-width: unset;
  height: auto;
}

.panel-body .formulario {
  background: #eee;
  padding: 10px 10px 0;
  margin-top: -15px;
  margin-bottom: 30px;
}

/* /.Página de Busca */


/* ACESSIBILIDADE */
#acessibilidade {
  z-index: 101;
  background: var(--Primary0);
  min-height: auto;
  margin: 0;
  border: 0;
  border-radius: 0;
}

#acessibilidade a {
  background: transparent;
  color: var(--background);
  font-size: 12px;
  cursor: pointer;
  padding: 8px;
  margin-right: 0;
}

#acessibilidade a span {
  background: var(--background);
  color: var(--Primary0);
  font-weight: 700;
  border-radius: 4px;
}

#acessibilidade .open a:focus,
#acessibilidade .open a:active {
  background: transparent;
}

#acessibilidade .dropdown-menu a {
  color: #474A4D;
  font-family: var(--fonte-bold);
  padding-left: 15px;
}

@media screen and (min-width: 768px) {

  #acessibilidade .dropdown-menu {
    background-color: white !important;
  }

  #acessibilidade .dropdown-menu li a:hover {
    background-color: #f5f5f5;
  }

  .collapse.navbar-collapse {
    display: inline-block !important;
  }

  #acessibilidade #MENU-ACESSIBILIDADE {
    display: flex !important;
    padding: 0;
    justify-content: space-between;
  }

  #acessibilidade #MENU-ACESSIBILIDADE::after,
  #acessibilidade #MENU-ACESSIBILIDADE::before {
    display: none;
  }

  #acessibilidade #MENU-ACESSIBILIDADE ul.navbar-right {
    display: flex;
    justify-content: flex-end;
    padding-right: 0;
  }
}

@media screen and (max-width: 768px) {

  #acessibilidade #MENU-ACESSIBILIDADE {
    max-height: max-content;
  }

  #acessibilidade .navbar-toggle span {
    background-color: white;
  }

  #acessibilidade .navbar-toggle:hover span {
    background-color: var(--Primary1);
  }

  #acessibilidade .navbar-toggle:hover {
    /* color: var(--Primary1); */
  }

  #acessibilidade ul .dropdown-menu a {
    color: white !important;
  }
}

/* ============================= */

/* Bloco Logo */


#bloco-logo {
  min-height: 133px;
  display: grid;
  align-items: center;

}

#bloco-logo img {
  margin-left: 17px;
  height: auto;
  padding: 0;
}

#bloco-logo ul:nth-child(1),
#bloco-logo ul:nth-child(2) {
  padding-left: 5px;
  margin: 0;
  list-style-type: none;
  display: flex;
  flex-flow: wrap;
  align-items: center;
  flex-flow: wrap;
  justify-content: center;
}

#bloco-logo ul li.dropdown ul.dropdown-menu {
  display: none;
}

#bloco-logo ul li:hover>ul.dropdown-menu {
  justify-content: start;
  display: grid;
}

#bloco-logo ul li {
  position: relative;
  padding: 0;
  left: 0;
  display: block;
  margin-right: 5px;
}

#bloco-logo ul li a {
  padding: 10px 5px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  display: block;
  font-weight: unset;
  font-family: var(--fonte-bold);
  position: relative;
}

#bloco-logo ul.dropdown-menu li a {
  color: #474A4D;
}

#bloco-logo ul li a:hover,
#bloco-logo ul li a:focus,
#bloco-logo ul li a:active {
  background-color: transparent;
}

#bloco-logo ul li a::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: white;
  transition: all .3s;
  visibility: hidden;
  text-align: center;
}

#bloco-logo ul li a:hover:after {
  visibility: visible;
  left: 0;
  width: 100%;
}

#bloco-logo ul.dropdown-menu li a:hover::after {
  display: none;
}

#bloco-logo ul li.btn-success {
  background-color: var(--Primary1);
}

#bloco-logo ul li.btn-success a {
  color: white;
}

#bloco-logo form {
  margin: 0;
  /* transition: all .3s; */
  padding-right: 0;
  /* padding-left: 15px; */
}

#bloco-logo label,
#newsletter label,
#bloco-logo legend,
#newsletter legend {
  display: none;
}

#bloco-logo li>a>img {
  margin-right: 5px;
}

.centralizar-bloco-logo {
  display: flex;
}

.ul_form_padrao .form-padrao button svg {
  color: #474A4D;
}

.form-padrao input {
  border: 2px solid #C4C4C4;
  border-radius: 6px 0 0 6px;
  border-right: 0;
  height: auto;
  padding: 8px 12px;
  line-height: 24px;
}

.form-padrao .input-group-btn {
  width: auto;
}

.form-padrao button {
  font-size: 18px;
  border: 2px solid #C4C4C4;
  border-left: 0;
  transition: all .2s;
  padding: 0 12px;
  color: #C4C4C4;
  background-color: transparent;
}

.form-padrao button:hover,
.form-padrao button:active,
.form-padrao button:focus {
  background: #C4C4C4;
  color: white;
  border-color: #C4C4C4;
}

#bloco-logo button.botao-busca {
  font-size: 18px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border-color: transparent !important;
  background-color: transparent;
  padding: 5px;
}

#bloco-logo button.botao-busca:hover i,
#bloco-logo button.botao-busca:hover path {
  fill: #000;
  color: #000 !important;
}


#bloco-logo ul:first-of-type li::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  left: 0;
  height: 2px;
  background-color: var(--Primary1);
  transition: all .5s;
}

#bloco-logo ul:first-of-type li:hover::after,
#bloco-logo ul:first-of-type li:focus::after,
#bloco-logo ul:first-of-type li:active::after {
  width: 100%;
}

.contrast #bloco-logo ul:first-of-type li::after {
  background-color: white;
}

.contrast #bloco-logo ul li.btn-success {
  background-color: transparent;
  border-color: white;
}

.contrast #bloco-logo ul.dropdown-menu li a {
  color: #474A4D !important;
}

.contrast svg {
  color: #fff !important;
}


#bloco-logo a:has(>#logo-menu) {
  display: inline-block;
}


/* ============================= */

/* Bloco Menu */
#menu {
  /* box-shadow: 0px 2px 4px rgba(45, 64, 74, 0.25); */
  /* box-shadow: 4px 0px 4px rgba(45, 64, 74, 0.25), -4px 0px 4px rgba(45, 64, 74, 0.25); */
  /* box-shadow: 0px 1px 2px -1px rgba(45, 64, 74, 0.55), 0px -1px 2px -1px rgba(45, 64, 74, 0.55); */
}

#bloco-menu .navbar-brand {
  object-fit: contain;
  max-width: 100%;
  width: 250px;
  padding: 0;
}

#bloco-menu ul.nav.navbar-nav::before,
#bloco-menu ul.nav.navbar-nav::after {
  display: none;
}

#bloco-menu,
#bloco-menu ul {
  background-color: #fff;
  /* left: unset; */
  right: 0;
}

/* #bloco-menu ul li:first-of-type ul.dropdown-menu {
  left: 0;
  right: unset;
} */

#bloco-menu .menu-municipio ul {
  left: 0;
  right: unset;
}


#bloco-menu ul ul .dropdown-menu {
  left: 100%;
  right: initial;
}

.dropdown-menu {
  padding-block: 0 !important;
}

.dropdown-menu a::after {
  display: none !important;
}

#bloco-menu ul ul.dropdown-menu li a:active,
#bloco-menu ul ul.dropdown-menu li a:hover,
#bloco-menu ul ul.dropdown-menu li a:focus {
  color: var(--Primary0) !important;
  background-color: #f5f5f5 !important;
  text-decoration: none;
}

#bloco-menu ul li a {
  font-size: 16px;
  font-family: var(--fonte-bold) !important;
  color: #474A4D;
  padding: 15px 5px;
}

#bloco-menu ul.dropdown-menu li a {
  padding: 10px 15px;
  width: auto;
  word-break: break-word;
  min-width: unset;
  white-space: inherit;
}

#bloco-menu .navbar {
  margin: 0;
  min-height: auto;
  border: none;
}

@media (min-width: 768px) {
  #bloco-menu .navbar-collapse.collapse {
    padding: 0;
    width: 100%;
  }

  .menu-not-mobile {
    display: none !important;
  }

  #bloco-menu ul.nav {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    width: 100%;
  }

  .dropdown:hover>.dropdown-menu,
  .dropdown-submenu:hover>.dropdown-menu {
    display: block;
    /* left: unset; */
  }

  .dropdown-submenu {
    position: relative;
  }

  .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
  }

  #bloco-menu .dropdown-menu {
    width: max-content;
    max-width: 320px;
  }
}

.boletim {
  background-color: #EEEEEE66;
  padding-top: 56px;
  height: 213px;
}

@media screen and (max-width: 768px) {
  .boletim {
    height: 284px;
  }

  #bloco-menu .navbar-brand {
    width: 250px;
    padding: 0;

  }

  #bloco-menu .navbar-toggle {
    border-color: #001026;
    margin-top: 1vh;
    margin-right: 0 !important;
  }

  #bloco-menu .navbar-toggle .icon-bar {
    background-color: #474A4D;
  }

  #bloco-menu .navbar-form .form-control {
    position: absolute;
    width: 2800%;
    height: 47px;
    right: 130%;
    margin-top: -5px;
  }

  #bloco-menu ul.visible-xs li a {
    text-transform: uppercase;
  }

  #bloco-menu #menu .navbar-nav {
    margin: 0 !important;
  }

  #bloco-menu #menu .navbar-nav a {
    text-transform: uppercase;
  }
}

.contrast #bloco-menu ul li a:hover,
.contrast #bloco-menu ul li a:focus,
.contrast #bloco-menu ul li a:active {
  color: #474A4D !important;
  background-color: #f5f5f5 !important;
}

/* ============================= */

/* Bloco Fique Conectado ou Newsletter V2 */

#bloco-fique-conectado .titulo h2 {
  background-color: transparent;
  display: inline-block;
}

#bloco-fique-conectado p {
  font-size: 18px;
}

#bloco-fique-conectado .titulo::after {
  display: none;
  font-weight: unset;
}

#bloco-fique-conectado input {
  border: 2px solid var(--Primary0);
  padding: 8px 16px;
  height: auto;
  font-size: 16px;
}

#bloco-fique-conectado .loader {
  width: 15px;
  height: 15px;
  border: 2px solid white;
  border-top: 2px solid var(--Primary2);
  margin-left: 15px;
}

#bloco-fique-conectado .form-group {
  margin-right: 15px;
}

@media screen and (min-width: 1300px) {
  #bloco-fique-conectado form {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 992px) {
  #bloco-fique-conectado .bloco-vertical-middle {
    /* display: block; */
  }
}

@media screen and (max-width: 768px) {
  .card {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 30px;
  }

  .card h3 {
    margin-top: 0;
  }

  .card .form-group.text-right {
    margin-bottom: 0;
  }

  #bloco-fique-conectado input {
    margin-bottom: 2vh;
  }
}

.redes {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  align-content: left;
  justify-content: left;
  padding-left: 0px;

}

.redes li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-inline: 20px;
}

.redes li a {
  border-radius: 76px;
  width: 76px;
  height: 76px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.redes li span {
  font-size: 17px;
  color: #062647;
}

*/ .mesclado {
  padding-left: 38px;

}

.separador {
  border-right: 2px solid #062647;
  margin-top: 8px;
}

.titulo-secao {
  font-size: 24px;
  line-height: 1.5;
  font-weight: 100;
  color: #084c84;
}

.subtitulo_facebook {
  font-size: 21px;
  font-weight: 300;
  color: #084C84;
}

.item-rede {
  padding-right: 61px;

  text-align: center;
  padding-left: 51px;
}

.redes div a {
  padding: 8px;
  border-radius: 50px;
  width: 72px;
  height: 72px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  margin-bottom: 16px;
}

#newsletter .redes li a {
  width: 70px;
  height: 70px;
}

/* Bloco Fique Conectado ou Newsletter V2 */
/* ====================================== */

/* Bloco Horários */
#horarios h3,
#horarios p {
  /* margin: 0; */
}

#horarios h3,
#horarios h4 {
  line-height: 1.5;
}

#horarios,
#horarios * {
  color: white;
  /* margin-bottom: 40px; */
}

#horarios .titulo h2 {
  margin-bottom: 10px;
  font-size: 21px;
}

#horarios .titulo p {
  font-size: 16px;
  line-height: 24px;
}

#horarios iframe {
  width: 100%;
  height: 526px;
}

/* Bloco Rodapé */

#rodape,
#rodape a {
  color: white;
}

#rodape h2 {
  text-transform: uppercase;
}

#rodape h2 svg {
  font-size: 30px;
}

#rodape .bord-left {
  border-left: 1px solid rgba(248, 248, 248, 0.5);
}

#rodape h5 {
  margin: 0;
  margin-bottom: 10px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1.5;
}

#rodape ul {
  padding: 0;
  text-decoration: none;
  list-style-type: none;
  display: grid;
  background-color: transparent;
  border: 0;
  box-shadow: unset;
  position: unset;
}

#rodape .dropdown-menu {
  padding-left: 30px;
}

#rodape ul li a {
  color: white;
  font-size: 16px;
  padding: 10px 0;
  display: block;
  line-height: 24px;
}

#rodape ul.dropdown-menu li a:hover,
#rodape ul.dropdown-menu li a:focus,
#rodape ul.dropdown-menu li a:active {
  background-color: transparent;

}


@media screen and (max-width: 768px) {
  #rodape .bloco-vertical-middle {
    display: block;
  }

  #rodape .bord-left {
    padding-bottom: 30px;
  }
}

/* Bloco Sub-Rodapé */
#sub-rodape {
  color: white;
}

#sub-rodape .center-flex {
  margin-block: 10px;
  display: flex;
  align-items: center;
}

#sub-rodape p {
  font-size: 14px;
  margin: 0;
}

#sub-rodape img {
  max-width: 10rem;
}

@media screen and (max-width: 768px) {
  #sub-rodape p {
    text-align: center;
  }

  #sub-rodape img {
    /* margin-top: 2vh; */
    margin-inline: auto;
    max-width: 15rem;
  }
}

.icon-rodape p>img {
  margin-right: 7px;
}

.icon-rodape p {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-direction: row;
}


/* Bloco Swiper */
.swiper {
  z-index: 0;
}

/* /.Bloco Swiper */

/* /.Bloco Banner */
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 20px;
}

.swiper-button-next,
.swiper-button-prev {
  top: 50%;
  padding: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;

  color: white;
}

.banners .swiper-slide img {
  display: block;
  /* margin-inline: auto; */
}

@media screen and (max-width: 768px) {
  .banners .swiper-slide img {
    /* width: 100%; */
  }
}

/* ================ */



/* CSS CONTRASTE */
.contrast img,
.contrast object,
.contrast iframe {
  filter: grayscale(100%) contrast(120%);
}

/* .contrast input[type=text],
.contrast input[type=password],
.contrast input[type=url],
.contrast input[type=search],
.contrast input[type=email],
.contrast input[type=tel],
.contrast input[type=date],
.contrast input[type=month],
.contrast input[type=week],
.contrast input[type=datetime],
.contrast input[type=datetime-local],
.contrast textarea,
.contrast input[type=number],
.contrast .botao,
.contrast #atividade-legislativa .select2-selection--single,
.contrast #atividade-legislativa input,
.contrast .cookies-save {
  background: #121817 !important;
  border: 1px solid white !important;
  color: white !important;
} */

/* .contrast #sub-rodape,
.contrast nav,
.contrast,
.contrast ol,
.contrast header,
.contrast footer,
.contrast section,
.contrast main,
.contrast aside,
.contrast article,
.contrast #bloco-menu ul,
.contrast button,
.contrast .cookies-content,
.contrast #horarios,
.contrast #rodape,
.contrast .acesso-rapido-item,
.contrast .panel {
  background: #121817 !important;
  color: white !important;
}

.contrast h1,
.contrast h2,
.contrast h3,
.contrast h4,
.contrast h5,
.contrast h6,
.contrast p,
.contrast label,
.contrast strong,
.contrast em,
.contrast cite,
.contrast q,
.contrast i,
.contrast u,
.contrast span,
.contrast a {
  color: white !important;
}

.contrast #acessibilidade span,
.contrast #acessibilidade i {
  color: initial !important;
} */

/* .contrast .select2-results__option--selectable,
.contrast .select2-results__option,
.contrast .panel-primary>.panel-heading h3 {
  color: #121817 !important;
} */

/* .contrast .select2-container--default .select2-selection--single .select2-selection__clear,
.contrast .btn-default,
.contrast .back-cinza,
.contrast .botao-noticia,
.contrast .titulo h2,
.contrast .panel-primary form {
  background-color: transparent !important;
}

.contrast .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #ddd;
}

.contrast input[type=button],
.contrast input[type=reset],
.contrast input[type=submit] {
  border: none !important;
}

.contrast .panel-primary>.panel-heading {
  border-color: transparent;
}

.contrast button.btn,
.contrast .acesso-rapido-item {
  border: 1px solid white !important;
}

.contrast .titulo h2,
.contrast h5.text-muted,
.contrast .nav-tabs li a:hover,
.contrast .nav-tabs li.active a,
.contrast .nav-tabs li.active a:hover,
.contrast .nav-tabs li.active a:active,
.contrast .nav-tabs li.active a:focus {
  border-color: white !important;
} */

/* .contrast .panel-primary>.panel-heading {
  background-color: white !important;
} */


/* .contrast .select2-container--default .select2-selection--single .select2-selection__arrow b {
  filter: contrast(0);
} */

li.bold>a {
  font-family: var(--fonte-bold) !important;
}

/* ======= */

.table .tdpreto {
  color: white;
}

/* ESTILIZAÇÃO DO MAPA DO SITE */
.titulo-sitemap {
  padding-top: 15px;
}

.titulo-sitemap.link-titilo-sitemap {
  cursor: pointer;
  display: block;
  border-radius: 4px;
  background-color: #aab2bd;
  width: 100%;
  padding: 10px;
  margin: 20px 0
}

.titulo-sitemap.link-titilo-sitemap a,
.links-sitemap a {
  display: block;
  width: 100%;
}

.titulo-sitemap.link-titilo-sitemap a {
  color: #000;
}

.links-sitemap {
  font-weight: 400;
  display: block;
  padding: 5px;
  width: 100%;
  background-color: #aab2bd;
  text-align: center;
  font-size: 16px;
  margin: 2px 0;
  border-radius: 4px;
  cursor: pointer;
}

.links-sitemap a {
  color: white;
}

.links-sitemap:hover a {
  color: #9ea2a8;
  transition: 0.2s ease-out;
}

.links-sitemap:hover,
.titulo-sitemap.link-titilo-sitemap:hover {
  background-color: #e6e9ed;
  transition: 0.3s ease-out;
}

.contrast .titulo-sitemap.link-titilo-sitemap,
.contrast .links-sitemap {
  background-color: transparent;
  border-bottom: 2px solid white;
}

.contrast .swiper-pagination {
  background: transparent !important;
}

.flex-cantos {
  padding-block: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-cantos>div:first-of-type {
  padding-right: 15px;
}

/* controladoria */
.topo-links a {
  color: #666;
  margin-right: 8px;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .btns-acessibilidade {
    text-align: right;
    padding-bottom: 0;
  }
}

.line-white {
  border-top: 1px solid white;
}

.flex-itens-acessibilidade lI>a {
  display: flex;
}

.div-redes {

  max-width: 500px;

  flex-wrap: wrap;
  justify-content: space-around;
  /* padding: 25px; */
  /* margin: 0 auto; */
  border-radius: 6px;

}

/* NOVA CLASSE DE CONTAINER */
.set_container {
  width: 100%;
}

@media (min-width: 768px) {
  .container_1360 {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container_1360 {
    width: 980px;
  }
}

@media (min-width: 1200px) {
  .container_1360 {
    width: 1170px;
  }
}


@media (min-width: 1360px) {
  .container_1360 {
    max-width: 1330px;
    width: 1330px;
  }
}


.container_1360 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.vir-da-esquerda,
.vir-da-direita,
.vir-de-baixo,
.vir-de-cima {
  position: relative;
  /* display: inline-block; */
  opacity: 0;
  /* Inicialmente invisível */
  transition: transform 1.3s, opacity 1s;
  /* Transições para todas as direções */
}

.vir-de-baixo,
.vir-de-cima {
  transition: transform .4s, opacity .4s;
  /* Transições para todas as direções */
}

/* Animações para a esquerda e direita */
.vir-da-esquerda {
  transform: translateX(-100%);
  /* Vem da esquerda */
}

.vir-da-direita {
  transform: translateX(100%);
  /* Vem da direita */
}

/* Animações para cima e baixo */
.vir-de-baixo {
  transform: translateY(100%);
  /* Vem de baixo */
}

.vir-de-cima {
  transform: translateY(-100%);
  /* Vem de cima */
}

/* acessibilidade da versão 1 ao 4 */
.acessibilidade-v1av4 li>a>span {
  width: 21px !important;
  height: 21px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  font-size: 14px !important;
  margin-right: 5px;
}

.acessibilidade-v1av4 li>a,
.acessibilidade-v1av4 li>a i,
.acessibilidade-v1av4 li>a svg {
  font-size: 14px !important;
}

@media (min-width: 769px) {
  .acessibilidade-v1av4>ul:last-of-type {
    display: flex !important;
    justify-content: flex-end;
  }
}

.acessibilidade-v1av4 ul ul.dropdown-menu {
  left: initial;
  right: 0;
}

/* ASSEBILIDADE V5 */
#MENU-ACESSIBILIDADE.acessibilidade-v5 {
  margin-inline: auto;
  padding-left: 15px;
}

#MENU-ACESSIBILIDADE.acessibilidade-v5 ul>li {
  padding-inline: 4px;
}

#MENU-ACESSIBILIDADE.acessibilidade-v5 ul>li>a {
  padding-inline: 0;
}

#MENU-ACESSIBILIDADE.acessibilidade-v5 ul>li img {
  width: 25px;
  height: 25px;
}

#MENU-ACESSIBILIDADE.acessibilidade-v5 ul>li span {
  background: transparent !important;
  width: auto !important;
  height: auto !important;
}

/* ACESSIBILIDADE V6 */
#acessibilidade .acessibilidade-v6 a>div {

  height: 21px !important;
  width: 21px !important;
  background-color: #fff !important;
  padding: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  border-radius: 4px;
  color: var(--Primary0);
  font-size: 14px !important;
  font-weight: bold;
}

#acessibilidade .acessibilidade-v6 a div>img {
  width: 15px !important;
  height: 15px !important;
}

#acessibilidade .acessibilidade-v6 a {
  font-size: initial !important;
}

#acessibilidade .acessibilidade-v6 a span {
  background: transparent !important;
  color: #fff !important;
  font-weight: 500;
  padding-left: 5px;
  font-size: 14px;
}

/* ACESSIBILIDADE V7 */
#acessibilidade .acessibilidade-v7 {
  width: 100% !important;
  display: flex !important;
}

#acessibilidade .acessibilidade-v7>ul {
  width: 50% !important;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#acessibilidade .acessibilidade-v7>ul:last-of-type {
  justify-content: flex-end;
}

#acessibilidade .acessibilidade-v7>ul:last-of-type>li:last-of-type>a {
  padding-right: 0;
}

#acessibilidade .acessibilidade-v7>ul:first-of-type a {
  position: relative;
}

#acessibilidade .acessibilidade-v7>ul:first-of-type>li:first-of-type a {
  padding-left: 0;
}

#acessibilidade .acessibilidade-v7>ul:first-of-type a::before {
  content: '';
  display: block;
  left: 0px;
  top: 30%;
  height: 40%;
  width: 2px;
  position: absolute;
  border-left: solid 2px var(--Primary2);
}

#acessibilidade .acessibilidade-v7>ul:first-of-type>li:first-of-type a::before {
  display: none;
}

.contrast #acessibilidade .acessibilidade-v7>ul:first-of-type a::before {
  border-color: #fff !important;
}

#acessibilidade .acessibilidade-v7 a {
  font-family: 'Poppins-Bold';
  font-size: 12px;
  color: var(--Primary2);
}

#acessibilidade .acessibilidade-v7 a span {
  background: var(--Primary2);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #fff;
  width: 24px;
  height: 24px;
}

#acessibilidade .acessibilidade-v7 li:last-of-type a span {
  display: initial;
  color: var(--Primary2);
  background: transparent;
}

.contrast #acessibilidade .acessibilidade-v7 li:first-of-type a span>svg {
  color: #000 !important;
}

/*  FIM DA ACESSIBILIDADE V7 */

.ir-para-o-top svg {
  color: var(--Primary1);
  font-size: 30px;
  font-weight: bold;
}

.ir-para-o-top {
  cursor: pointer;
  position: relative;
  left: calc(100% - 60px);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 50% 50%;
  border: 5px solid var(--Primary1);
}

/* compartilhamento de noticias */

.sharelinkFacebook.imagem-face {
  cursor: pointer;
}

.compartilhar-noticias ul {
  padding-left: 0;
}

.compartilhar-noticias li {
  margin: 7px 5px;
  display: inline-block;
  list-style: none;
  vertical-align: top;
}

.compartilhar-noticias a:hover,
.compartilhar-noticias button:hover {
  box-shadow: 2px 1px 3px #00000040;
}

.compartilhar-noticias a,
.compartilhar-noticias button {
  box-sizing: border-box !important;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  width: 30px;
  height: 30px;
  border-radius: 50% 50%;
  background: var(--Primary0);
  border: none;
  color: white;
}

.imagem-whats i,
.imagem-whats svg {
  color: var(--Primary0);
}

.imagem-whats {
  font-size: 30px;
  background: transparent !important;
  color: var(--Primary0);
}

.imagem-face svg {
  margin-bottom: -7px;
}

.imagem-face {
  font-size: 25px;
}

/* ----------- */
/* classe do chatbot */
#intelliframe {
  bottom: 80px !important;
}

/* NOTICIAS */
.bloco-conteudo-noticia,
.panel-body.auto-caption,
.panel-body {
  padding-inline: 7px;
  word-wrap: break-word;
}

#bloco-noticias h2 {
  margin-top: 0;
}

/* fim do chatbot */
.show-mobile {
  display: none !important;
}

.show-desktop {
  display: block !important;
}

@media (max-width: 768px) {
  .show-mobile {
    display: block !important;
  }

  .show-desktop {
    display: none !important;
  }
}


.bloco-menus-logo {
  display: flex;
}

/* acesso rápido */
.flex-acesso-rapido {
  margin-block: 30px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.item-acesso-rapido {
  margin-inline: 15px;
  margin-bottom: 15px;
  background-color: #EEEEEE;
  border: 1px solid #EEEEEE;
  box-shadow: 0px 1px 4px 0px #0E191F40;
  width: 185px;
  height: 140px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
}

.item-acesso-rapido img {
  height: 48px;
  margin-bottom: 12px;
}

.item-acesso-rapido svg {
  font-size: 48px;
  margin-bottom: 12px;
}

.item-acesso-rapido span {
  color: #727374;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  text-align: center;

}

/* PORTAIS E SERVIÇOS */
#footer-orgaos .portais {
  margin-top: 42px;
}

@media (max-width: 768px) {
  .servicos_prestados_mobile {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .servicos_prestados_list {
    padding-top: 12px;
    padding-inline: 27px;
    margin-left: 0;
    margin-right: 23px;
    margin-bottom: 25px;
    height: 189px;
  }


}


#footer-orgaos .portais .swiper-slide {
  font-family: var(--fonte-regular), 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.portais .acesso-rapido-item {
  display: flex !important;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  height: 120px;
}

.portais .acesso-rapido-item p {
  margin-top: 5px;
  font-size: 13px;
  text-align: center;
}

#footer-orgaos .portais .swiper-slide {
  height: 120px;
}

.portais img {
  max-width: 180px !important;
  max-height: 80px !important;
}


.portais .swiper-button-next,
.portais .swiper-button-prev {
  width: 30px;
  height: 30px;
  border-radius: 50% 50%;
  background: #50505099 !important;
  color: white;
}

.portais .swiper-button-next::after,
.portais .swiper-button-prev::after {
  display: none;
  color: transparent !important;
}

.fundo-titulo {
  display: flex;
  align-items: center;
  background: var(--Primary2);
  height: 50px;
}

.fundo-titulo * {
  margin-block: 0 !important;
  padding-block: 0 !important;
  padding-left: 15px;
}

.fundo-titulo h1 {
  font-family: var(--fonte-bold);
  font-size: 21px;
  font-weight: 700;
  line-height: 25.2px;
  text-align: left;
  color: white;
}

#telefone,
#email,
#nome {
  margin-right: 24px;
}

.galeria-textos p {
  font-size: 14px;
}

.galeria-block {
  height: 340px;
}



@media (min-width: 768px) {
  .hidden-desktop {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .hidden-mobile {
    display: none !important;
  }

  .menu-flex {
    height: 83px !important;
  }
}


/* animação menu */
.animacao-menus ul a {
  text-decoration: none;
}

.animacao-menus ul:first-of-type li {
  position: relative;
}

.animacao-menus ul:first-of-type li::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  left: 0;
  height: 2px;
  background-color: var(--Primary1);
  transition: all .5s;
}

.animacao-menus ul li a {
  padding: 10px 5px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  display: block;
  font-weight: unset;
  font-family: var(--fonte-bold);
  position: relative;
}

.animacao-menus ul li a:hover,
.animacao-menus ul li a:focus,
.animacao-menus ul li a:active {
  background-color: transparent;
}

.animacao-menus ul li a::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: white;
  transition: all .3s;
  visibility: hidden;
  text-align: center;
}

.animacao-menus ul li a:hover:after {
  visibility: visible;
  left: 0;
  width: 100%;
}

.animacao-menus ul.dropdown-menu li a:hover::after {
  display: none;
}

.animacao-menus ul:first-of-type li:hover::after,
.animacao-menus ul:first-of-type li:focus::after,
.animacao-menus ul:first-of-type li:active::after {
  width: 100%;
}

/* EXIBIÇÃO DAS NOTICIAS NA PÁGINA DE DESTAQUES VERSÃO 3 */
#v3-noticias .panel-title-noticias {
  font-size: 38px;
  font-weight: 700;
  line-height: 45.6px;
  text-align: inherit;
}

#v3-noticias .compartilhar_noticias {
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 32px;
}

#v3-noticias .coluna-2-noticia h3 {
  font-size: 24px;
  font-weight: 700;
}

#v3-noticias .border_noticia ul li a {
  color: #333;
}

#v3-noticias .border_noticia ul li {
  list-style-type: none;
}

#v3-noticias .border_noticia ul {
  padding-inline: 0;
}

#v3-noticias .border_noticia_item {
  border-top: 1px solid #C4C4C4;
  font-size: 18px;
  font-weight: 400;
  padding-top: 12px;
  padding-bottom: 12px;
  /* margin-left: -42px; */
  text-align: left;
}

#v3-noticias .titulo_rede {
  font-size: 24px;
  font-weight: 700;
}

#v3-noticias .button_todas_noticias {
  margin-bottom: 40px;
  margin-top: 40px;
}

#v3-noticias .redes-noticia {
  display: flex;
  justify-content: flex-start !important;

}

#v3-noticias .redes-noticia .redes>li {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}

#v3-noticias .border_noticia ul li {
  list-style-type: none;
}

#v3-noticias .redes {
  margin-top: 0% !important;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  flex-direction: column;
}

#v3-noticias .redes li {
  margin-left: 0;
}


#v3-noticias .redes-noticia .redes li a {
  margin: 0;
  width: 80px;
  height: 80px;
  margin-right: 10px;
}

.contrast #v3-noticias svg image {
  filter: invert(1) !important;
}

.contrast #v3-noticias svg>path {
  fill: #fff !important;
}



/* botão de acessibilidade */

.fixed-acessibilidade {
  position: fixed;
  top: 140px;
  right: 0;
  z-index: 10;
}

.fixed-acessibilidade li.btn-acessibilidade>a>img {
  background: #000;
  border-radius: 50% 50%;
}

.bloco-acessibilidade {
  position: relative;
  z-index: 1;
}

.btn-acessibilidade img {
  width: 36px;
  height: 36px;
}

.btn-acessibilidade {
  cursor: pointer;
}

.btn-acessibilidade::after,
.btn-acessibilidade::before {
  display: none !important;
}

.btn-acessibilidade ul {
  display: none !important;
  border-radius: 0 0 10px 10px;
  border: 1px solid #fff;
  box-shadow: 0px 4px 4px 0px #00000040;
  background: var(--Primary0);
  min-width: 211px;
  position: absolute;
  right: 100%;
  top: 0;
  z-index: 1;
}

.btn-acessibilidade a {
  color: white;
  font-size: 14px;
}

.btn-acessibilidade ul>li:hover {
  background: var(--Primary1);
}

.btn-acessibilidade a:hover+ul,
.btn-acessibilidade a:focus+ul,
.btn-acessibilidade a:active+ul,
.btn-acessibilidade:hover ul {
  display: block !important;
  z-index: 1;
}

.contrast .btn-acessibilidade:hover ul {
  display: inline-block;
}

.btn-acessibilidade ul li img {
  height: 8px !important;
}

.btn-acessibilidade ul li a {
  display: flex !important;
  flex-direction: row;
}

.btn-acessibilidade ul li a>div {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 14px;
}

/* .btn-acessibilidade .fa-bars {
  margin-left: 0;
} */

/* fim do bloco do botão do acesso rápido */
@media (max-width: 768px) {
  .desativado {
    display: none;
  }
}


/* Modulo secretarias */
/* serviços prestados */

.display_elemento {
  display: none;
}

@media (max-width: 768px) {
  .servicos_prestados_mobile {
    width: 100%;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
  }

  .card-servicos-home-site {
    overflow-y: clip;
  }

  .servicos_prestados_list {
    padding-top: 12px;
    padding-inline: 27px;
    margin-left: 0;
    margin-right: 23px;
    margin-bottom: 25px;
    height: 218px;
    margin-right: 7.7617px !important;
  }

  .hidden_elemento {
    display: none;
  }

  .display_elemento {
    display: block;
  }

  .hidden_mobile_img {
    min-height: 243px !important;
  }

  .texto_mobile {
    font-size: 14px !important;

  }

  .next_prevent-mobile {
    top: calc(211px / 2);
  }

  ;

}

.fonte_poppins {
  color: #053561;
  font-family: 'Poppins-Bold';
  font-size: 21px;
}

/* fim Modulo secretarias */

/* MÓDULO SERVIÇOS PRESTADOS */
#servico_prestado label[for^="publico-"] img {
  filter: invert(1);
}

#servico_prestado label[for^="publico-"] span {
  padding-left: 12.25px;
}

#servico_prestado label img {
  margin-inline: 8px;
}

#servico_prestado label {
  display: flex;
  align-items: center;
  height: 40px;
  min-width: 170px;
  box-shadow: 0px 0px 5px 0px #CCCCCC;
  border-radius: 10px;
  font-weight: 500;
  margin-right: 20px;
  color: #000;
  background-color: #fff;
}

#servico_prestado .card-publicos input[type="radio"] {
  opacity: 0 !important;
}

#servico_prestado .card-publicos input:checked+label img {
  filter: invert(1) brightness(1000%);
}

#servico_prestado .card-publicos input#cidadao:checked+label img {
  filter: none;
}

#servico_prestado .card-publicos input:checked+label {
  color: #fff;
  background-color: var(--Primary0);
}

.card-publicos {
  display: flex;
  overflow-x: auto;
  min-height: 70px;
  align-items: center;
}

.bloco-card-publicos {
  display: none;
}

.ativo-carta-servico {
  display: block !important;
}

.card-servicos-home-site {
  display: flex;
  overflow-y: auto;
  list-style: none;
  text-align: justify;
  margin: 0;
  padding: 0;
  padding-inline: 1px;
  margin-bottom: 10px;
  flex-wrap: wrap;
  /* justify-content: center; */
}

.servicos-prestados {
  display: flex;
  overflow: hidden;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.card-servicos-home-site li a {
  width: 164px;
  min-height: 161px;
}

.card-servicos-home-site li {
  margin-top: 5px;
  margin-right: 19px;
  margin-bottom: 24px;
  border-radius: 10px 10px;
  box-shadow: 0px 0px 5px 0px #CCCCCC;
  border: 1px solid #FFFFFF;
  transition: .2s all;
  max-width: 168px;
  width: 100%;
}

.card-servicos-home-site li:hover {
  box-shadow: 0px 0px 6px 0px #5a5a5a;
}

.card-servicos-home-site li a>p {
  margin-top: 14px;
  padding-inline: 17px;
  text-align: center;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .1rem;
}

.card-servicos-home-site li>a {
  width: 100%;
  margin-block: 14px;
  text-decoration: none;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.card-servicos-home-site li:last-of-type {
  margin-right: 0;
}

.servico-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  background: #0969C11A;
  border-radius: 40px 40px;

}

.servico-img img {
  width: 60px;
  height: 60px;
}

.servico-img svg {
  font-size: 52px;
  color: #0969C1;
}

.line-gray {
  border-bottom: 1px solid #EEEEEE
}

@media (max-width: 1300px) {
  .card-servicos-home-site {
    overflow-y: auto;
  }
}

.btn-saiba-mais {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  text-align: right;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: var(--Primary0);
}

.card-publicos::-webkit-scrollbar {
  height: 4px;
  /* Altura da barra de rolagem */
}

@media (max-width:768px) {
  .card-publicos {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    min-height: 70px;
  }

  .card-publicos::-webkit-scrollbar {
    height: 4px;
    /* Altura da barra de rolagem */
  }

  .card-servicos-home-site {
    width: 100%;
    justify-content: space-between;
  }

  .card-servicos-home-site li {
    max-width: calc(50% - 7px);
    width: calc(50% - 7px);
    margin-right: 0;
  }
}

/* FIM DO MÓDULO SERVIÇOS PRESTADOS */

.label {
  font-size: 85%;
}

/* modulo pagina */
#modulo-paginas .titulo {
  margin-bottom: 15px;
}

#modulo-paginas .titulo>h2 {
  color: var(--Primary0);
  font-family: var(--fonte-bold);
  font-size: 21px;
  font-weight: 700;

}

#form-paginas {
  margin-bottom: 42px;
}

#form-paginas #filtrar-paginas {
  border: 2px solid #C4C4C4;
  border-right: 0;
  height: 44px;
  color: #777777;
  border-radius: 6px 0 0 6px;
}

#form-paginas #filtrar-paginas+span {
  border-radius: 0 6px 6px 0;
  height: 44px;
  background: #fff !important;
  color: #C4C4C4 !important;
  border: 2px solid #C4C4C4;
  border-left: 0;
}

#form-paginas button[type="submit"]:hover {
  background: var(--Primary1);
}

#form-paginas button[type="submit"] {
  width: 100%;
  height: 44px;
  background: var(--Primary0);
  border-radius: 10px 10px;
  color: #fff;
  font-family: var(--fonte-bold);
  font-weight: 700;
  font-size: 16px;
}

@media (max-width: 991px) {
  #form-paginas .row>div {
    margin-block: 10px;
  }
}

.listagem-paginas .link-pagina-com-capa {
  margin-bottom: 42px;
  display: block;
}

.listagem-paginas .link-pagina-com-capa img {
  width: 100%;
  max-height: 220px;
  height: 220px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px 10px;
}

.listagem-paginas .link-pagina-com-capa div>h4 {
  color: var(--Primary0);
  font-family: var(--fonte-bold);
  font-weight: 700;
  font-size: 21px;
  margin-block: 16px;
}

.listagem-paginas .link-pagina-com-capa div>p {
  color: #474A4D;
  font-family: var(--fonte-medium);
  font-weight: 500;
  font-size: 16px;
}

.listagem-paginas .link-pagina {
  display: block;
  padding-block: 5px;
  margin-block: 3px;
  padding-inline: 15px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
}

.listagem-paginas .link-pagina:hover {
  background-color: #e6e4e4;
}