/*
Theme Name: Portal Eproc
Author: Antonio Paim - Qintess
Description: Tema desenvolvido para o portal Eproc
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto&display=swap');

*{
    margin: 0;
    border: 0;
    padding: 0;    
}


html{
    scroll-behavior: smooth;
    overflow-x: hidden;
    width: 100%;
}

body {
    background-color: #fff;
    font-family: 'Montserrat', 'Roboto', 'Open Sans', sans-serif;
    font-size: 19px;
    color: #0d0d0e;
/*     font-weight: bold; */
}

h1, h2, h3, h4 {
    font-family: 'Montserrat', 'Roboto', 'Open Sans', sans-serif;
}

.container-90{
  width:90%;
  margin:0 auto;
  padding:0 15px;
}

.container-75 {
  width:75%;
  margin:0 auto;
  padding:0 15px;
}

.container-65 {
   width:65%;
  margin:0 auto;
  padding:0 15px;
}

img {
    width: 100%;
    height: auto;
}

.img-pad {
    padding: 15px;
}

.comunicados{
    color: #fff !important;
    background-color: #13477c;
    margin-top: 30px;
    text-align: center;
    padding: 15px;
    height: auto !important;
}

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

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

#busca-principal.busca-interno {
    width: 100%; 
}

.input-group {
    width: 100%; 
}

.scroll {
    background-color: red;
    width: 40px;
    height: 40px;
    transform: rotate(-90deg);
    position: relative;
    top: -30px;
    cursor: pointer;
    right: -86%;
    text-align-last: center;
}


.scroll a {
    color: #fff;
    display: block;
    padding: 8px;
}

.scroll a:hover {
    color: #1B6FB8;
}

.grecaptcha-badge {
    display: none !important;
}

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

/* Menu superior esquerdo */

.menu-superior-2{
    background-color: #F3F6FC;
    color: #fff;
    height: 90px;
}

.menu-superior-left .menu {
    margin-top: 25px;
    height: 35px;
    background-color: transparent;
    padding-bottom: 0;
    width: auto;
    text-align: left;
    font-size: 14px;
    overflow-y: hidden;
    text-transform: uppercase;
}

.menu-superior-left .menu li {
    display: inline-block;
    margin: 0 5px;
    font-weight: bold;
    width: auto;
}

.menu-superior-left .menu li a {
    color: #1B1C1E;
    font-weight: bold;
    text-decoration: none;
    line-height: 3.0;
}

.menu-superior-left .menu li:after {
    border-left: 1px solid #1B1C1E;
    content: '';
    margin-left: 15px;
}

.menu-superior-left .menu li:last-child:after {
   border-left: none;
}

 /* Menu superior sistemas e menu superior sites */

 .menu-superior-sistemas {
    margin-top: 22px;
    margin-bottom: 15px;
}

.menu-superior-sistemas .menu {
    margin-top: 10px;
    max-height: 57vh;
    background-color: transparent;
    padding-bottom: 0;
    width: auto;
    text-align: center;
    font-size: 12px;
    height: auto;
}

.menu-superior-sistemas .menu li {
    display: inherit;
    margin: 0 15px;
    font-weight: bold;
}

.menu-superior-sistemas .menu li a {
    color: #12467C;
    font-weight: bold;
    text-decoration: none;
    line-height: 3.0;
    padding-left: 10px;
    text-align: left;
}

 .margem-menu {
    margin-top: 10px;
}

.dropdown-menu-sites {
    position: relative;
}

button.btn.btn-secondary.dropdown-toggle {
    display: block;
    margin: auto;
}

.menu-superior-sistemas .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 8px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.menu-superior-sistemas .btn-secondary {
    color: #12467C;
    font-weight: bold;
    font-size: 14px;
    height: 45px;
    background-color: #C2E7FF;
}

.btn-secondary:hover {
    color: #12467C;
    background-color: #ffffff;
    border-color: #545b62;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #12467C;
    background-color: #ffffff;
    border-color: #4e555b;
}

.dropdown-menu {
    width: 85%;
}

.alinha-btn-sites {
    position: absolute;
    right: 0;
    width: 85%;
}

.dropdown-menu.show {
    margin-top: -0.1rem !important;
    border-radius: 0 0 8px 8px;
    border: 1px solid #d9d5d5;
    box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 10%);
    background: #ffffff;
    height: auto;
}

.dropdown .dropdown-menu .menu-list {
    overflow: auto !important;
    min-width: 220px;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 15px;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    text-align: center;
    color: #3186E4;
    right: 17px;
    position: absolute;
    margin-top: 8px;
}

.linha-vertical-menu-1 {
    border-right: 1px solid #3186E4;
    padding: 5px 0 5px 0;
    position: absolute;
    right: 35px;
    height: 23px;
}

.dropdown-menu.show a:hover, .dropdown-menu.show a:focus {
    background-color: #3F88D9;
    color: #ffffff;
}

.dropdown-menu.show a {
    display: block;
    border-radius: 5px;
}

.alinha-banner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.alinha-cards {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


/* -- Acessibilidade --*/

#pojo-a11y-toolbar.pojo-a11y-toolbar-right {
    visibility: visible;
    overflow: initial;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
    padding: 5px !important;
}
#pojo-a11y-skip-content {
    position: absolute;
    top: -50px;
}
/* -- Fim Acessibilidade --*/


nav {
    position: absolute;
    z-index: 99999;
    overflow: visible; /* ← permite que submenus apareçam */
    visibility: hidden;
}

#jtabk-menu li{
    display: inline-block;
    margin-right: 20px;
    color: #288ac3;
    font-weight: 600;
    cursor: pointer;
}

#jtabk-menu li:hover{
    color: #081445;
    transition: .1s all;
}

#jtabk-menu li.jtabk-menu-mark {
    border-bottom: 2px solid #011A44;
    color:#fff;
}

#jtabk-menu {
    display: flex;
    margin-bottom: 18px;
}

#jtabk input[type=text] {
    padding: 5px;
    width: 100%;
    margin-bottom: 20px;
}

.jtabk-active button {
    margin-left: 5px;
}

.jtabk-active a:hover, .enviar-consulta:hover {
    text-decoration: none;
    background-color: #fff !important;
    color:#084b87 !important;
    transition: .1s all;
    text-decoration: none !important;
}

ul.sub-menu::-webkit-scrollbar {
    width: 8px;
}

ul.sub-menu::-webkit-scrollbar-track {
    background-color: transparent;  
}  

ul.sub-menu::-webkit-scrollbar-thumb {
    background-color: #0E3363;  
    border-radius: 20px;
}

.logo-menu img {
    width: 75%;
    padding-bottom: 20px;
    padding-top: 40px;
}

.logo-cabecalho {
    width: auto;
}

/* -- Fim Menu --*/


/* -- Conteudo --*/

.conteudo{
    padding-bottom: 100px;
    min-height: 700px;
}

/* .cards-topo a{
    color: #fff;
    text-align: center;
	background-color: rgba(33, 83, 139, 80%);
    display: block;
    border-radius: 10px;
    height: 100%;
    padding-bottom: 20px;
    font-size: 13px;
}

.cards-topo a:hover{
    color: #fff;
    text-decoration: none;
    background-color: #0172E2;
}

.cards-topo h6{
    font-size: 12px;
    align-items: center;
    padding: 0 24px;
    margin: 0;
}

.cards-topo.slider-container>* {
    width: 80px;
    height: 80px;
    margin: auto;
}

.img-card-topo {
    width: 55%;
    display: block;
    margin: auto;
} */

.logo-corregedoria-interna img{
    display: block;
    margin: auto;
    width: 50%;
    padding: 20px;
}

.conteudo-index {
    margin-top: 20px;
}

.links-uteis-ul li{
	list-style: none;
    float: right;
    margin: 4px;
}

#control-nav{
    display: none;
}

.topo1-cor {
    background-color: #ffffff;
    width: 100%;
    padding: 30px 30px 30px 0; 
    z-index: 99;
    position: relative;
    background-image: url(assets/img/banner-topo.png); 
}

.topo1-cor.interno {
    height: 250px;
}

.logo-topo-home img{
    width: auto;
    padding: 10px;
}

.logo-topo-interna img{
    width: 85%;
}

.margem-logo-interna {
    margin-top: 0;
}

.titulo-topo {
    text-align: center;
    width: 100%;
    color: #fff;
    font-weight: 900;
    padding: 45px 0;
    font-size: 40px;
}

.titulo-topo-ham {
    text-align: center;
    width: 100%;
    color: #fff;
    font-weight: 900;
    padding: 45px 25px 0 0;
    font-size: 24px;
}

a{
    color: #1B6FB8;
}
.btn-search{
    padding: 8px 10px;
    margin-top: -1px;
    margin-left: -4px;
    color: #fff;
    background-color: #EC2A2A;
    border: none;
    border-radius: 0;
}

.swiffy-slider.slider-indicators-outside .slider-nav {
    margin-bottom: auto;
}

.slider-nav.slider-nav-next {
    right: 0;
    left: unset;
}

.index{
    height: 400px;
}
.index .logo-corregedoria-interna{
    margin: 37px 0;
}


#menu {
    align-self: center;
}

.menu-superior{
    background-color: #F3F6FC;
    color: #fff;
}

.menu-superior .menu {
    margin-top: 10px;
    max-height: 57vh;
    background-color: transparent;
    padding-bottom: 0;
    width: auto;
    text-align: center;
    font-size: 12px;
    height: auto;
}

.menu-superior .menu li {
    display: inherit;
    margin: 0 15px;
    font-weight: bold;
    width: 220px;
}

.menu-superior .menu li a {
    color: #21538B;
    font-weight: bold;
    text-decoration: none;
    line-height: 3.0;
}

.topo-interno {
    font-size: 10px;
}

.cards-topo {
    margin-top: 10px;
}
.input-group {
    display: block;
}

.busca-principal{
    margin: 15px;
    text-align: -webkit-center;
}

.busca-principal-interna {
    margin: 15px -45px 15px 15px;
    text-align: end;
}

.busca-principal button{
    font-size: 11px;
    font-weight: 700;
    padding: 15px;
}

.links-extra{
    background-color: #f8f8f8;
    border-radius: 15px;
    width: 100%;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    box-shadow: 0px 5px 5px 2px rgb(0 0 0 / 9%);
}

.links-extra a{
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    justify-content: center;
    width: 100%;
    text-decoration: underline;
}

.links-extra img{
    width: auto;
    margin-right: 15px;
}

.links-extra li{
    list-style: none;
    text-align-last: center;
    display: flex;
    justify-content: center;
}

.links-extra span {
    transform: rotate(90deg);
    font-size: 30px;
    margin: 0;
    color: #002164;
}

.input-campo-busca {
    width: 60%;
    height: 40px;
    background: #ffffff;
    border: 1px solid #E9E9E9;
    /* border-radius: 3px; */
    color: #000000;
    font-size: 14px;
    padding: 22px;
    padding-left: 60px;
    background-image: url(assets/img/pesquisa.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 15px;
}

.interno .input-campo-busca {
    width: 100%;
}

.logo.interno{
    display: block;
    margin: 15px 0;
    width: 80%;
}

.menu {
    font-family: 'Montserrat', 'roboto', 'opensans';
    font-size: 15px;
    font-weight: 600;
    line-height: 2.1;
    color: #FFFFFF;
    background-color: #0C1A55;
    width: 325px;
    margin: 10px 0;
    overflow-y: auto;
    padding-bottom: 30px;
    height: 80vw;
}

.menu li ul {
    width: 100%;
    height: 84vh;
    position: absolute;
    top: 80px;
    left: 90%;
    background-color: #081342;
    display: none;
    font-size: 14px;
    z-index: 0;
    padding-inline-start: 0px;
    list-style: none;
    font-weight: 700;
    overflow: auto;
}

.menu_topo {
    color: #1B6FB8;
    list-style: none;
    margin-top: 15px;
    margin-left: 25px;
    padding-inline-start: 0px;
    margin-block-end: 0px;
}

.menu_topo li a, .enviar-consulta {
    color:#1B6FB8;
    text-decoration: none;
    padding: 5px 10px;
    display: block;
    font-family: 'Montserrat', 'roboto', 'opensans';
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.menu_topo li a:hover {
    text-decoration:underline;
}

.menu_topo li {
    position: relative;
    float: left;
}

.menu li:hover > ul{
    display: block;
}

.menu li ul .sub-menu {
    height: auto;
    margin-left: -290px;
    margin-top: -20px;
}

.sub-menu li{
    padding-left: 30px;
}

.menu-principal {
    width: 355px;
    background: #0C1A55;
    overflow: hidden;
}

.pushy-interno {
    max-width: 355px;
    background-color: #0C1A55;
    position: relative; 
    overflow: visible;  
}

.pushy-interno li{
    list-style-type: none;
    margin-left: 30px;
}

.pushy-interno li li{
    margin-left: 0px;
    margin-top: 30px;
}

.pushy-interno .titulo-topo{
    padding: 0;
}

.pushy a {
    color: #ffffff;
    padding: 15px 0;
}

.pushy a:hover {
    text-decoration: underline;
}

.sub-menu li a {
    padding: 5px 0 0 10px;

}
.container{
    padding: 20px 15px;
}

.background-topo-page {
    background-image: url(assets/img/background-topo.png); 
    width: auto;
}

.titulo{
    color: #303233;
    font-weight: bold;
}

.titulo-page {
    color: #081445;
    font-weight: 800;
    margin-bottom: 0;
    font-size: 34px;
}

.titulo-page-post {
    color: #13477c;
    font-weight: 800;
    margin-bottom: 0;
    text-transform:uppercase ;
}

.titulo-estrutura {
    color: #081445;
    font-weight: 800;
    font-size: 20px;
}

.img-tabeliaes {
    width: auto;
}

.img-links {
    width: 85px;
}

.titulo-tabeliaes {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

.texto-nucleo {
    font-size: 14px;
}

.noticias-home .titulo{
    height: 65px;
    overflow: hidden;
    font-size: 14px;
}

.titulo-noticias-destaque {
    font-weight: bold;
    margin-top: 10px;
    line-height: 1.4;
    text-transform: uppercase;
}


.titulo-noticias-destaque span {
    margin-top: 10px;
}

.texto-destaque {
    height: 200px;
    overflow: hidden;
}

.data{
    color: #312d2d;
    font-size: 13px;
    font-weight: 600;
}

.data-interna{
    color: #5d5d5d;
    font-size: 13px;
}

.titulo-servico{
    font-weight: bold;
    color: #061528;
}

.titulo-pagina-interna{
    font-weight: 700;
    color: #78CAFB;
}

.subtitulo-pagina-interna{
    color: #FFFFFF;
    width: 80%;
}

.subtitulo-pagina-busca{
    font-weight: 400;
    color: #FFFFFF;
}

.subtitulo-pagina-busca h1{
    font-weight: 200;
    color: #FFFFFF;
    text-transform: capitalize;
}

.conteudo-formatacao {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    margin-top:30px;
    margin-left: 70px;
}

.breadcrumb-portal{
    font-size: 14px;
    color: #303233;
}

.breadcrumb-portal .current-item{
    text-decoration: underline;
}

.breadcrumb-portal a{
    color: #303233;
}

.topo-page{
    margin: auto;
    width: 90%;
}

.resultado{
    color: #fff;
    font-size: 12px;
}

.resultado .background-topo-page{
    height: 200px;
}

.resultado-busca li{
    list-style: none;
    background-color: #fff;
    padding-left: 15px;
}

.resultado-search {
    font-size: 18px;
}

.resultado-busca a{
    background-color: #fff;
    color:#003171;
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: 2px solid #9CB4D4;
    display: flex;
    margin-bottom: 15px;
    padding: 15px 15px 15px 30px;
    font-weight: bold;
    margin-left: -15px;
}

.page-numbers li{
    display: inline;
    padding: 0;
    background-color: transparent;
}

.page-numbers li a, .page-numbers li span{
    display: inline-block;
    margin: 0;
    padding: 2px 10px;
    border: none;
    margin: 0 5px;
    border-radius: 50%;
    width: 40px;
    height: 30px;
}

.current {
    color: #ccc;
}

.fa-arrow-circle-right,.fa-arrow-circle-left{
    margin-left: -4px;
}

.page-numbers{
    margin: auto;
}
.menu-interno .dropdown-menu{
    float: none;
    position: relative;
    display: block;
    height: auto;
    font-size: 11px;
    background-color: rgba(120,202,251,0.2);
    color: #1B6FB8;
    font-weight: bold;
    padding-left: 10px;   
    top: 10px;
    margin: 0; 
    z-index: 0;
}
.dropdown-menu option{
    background: rgba(120,202,251,0.31);
    color: #081445;
    font-weight: bold;
}
.dropdown-menu option:nth-child(2n+1){
    background: #E4F0F8;
}


.oculta-listas #response{
    border: 1px solid #0C3161;
    min-height: 300px;
    padding: 20px;
    border-radius: 10px;
}

.conteudo-servico::-webkit-scrollbar-thumb{
    background-color: rgb(12, 21, 39);  
}

.menu-interno{
    display: flex;
    justify-content: right;
}

.conteudo-interno{
    padding: 15px 30px 30px;
    background-color: #fff;
    margin: 35px auto;
}

.titulo-search{
    font-weight: bold;
    color: #081445;
}

.boxes-404 {
    background-color: #ffffff;
    border-bottom: 5px solid rgb(0,30,91);
    margin-bottom: 30px;
    padding: 10px;
}

.swiper-pagination{
    position: initial !important;
}

.noticias-home a, .destaque-home a{
    color: #000;
    display: block;
    font-weight: bold;
}

.noticias-home a{
    height: 115px;
}

.noticias-home img {
    width: 100%;
    display: block;
}

.noticias-home {
    margin-top: 52px;
    padding: 0 10px;
}

.noticias h6{
    color: #202020;
}

.fique-ligado {
    padding-left: 25px;
}

.destaque-home p{
    font-size: 14px;
    height: 55px;
}

.servico{
    background-color: #fff;
    border-radius: 20px;
    height: auto;
}

.servicos {
    text-align: center;
    width: 100%;
    border-bottom: 5px solid #ff2020;
    list-style: none;
    background-color: #f4f4f4;
}

.servicos:hover {
    background-color: #053168;
    color:#fff;
}

.servicos:hover > a{
    color:#fff; 
}

.servicos h4 {
    color: #053168;
    font-weight: 700;
    font-size: 16px;
    height: 20%;
}

.servicos:hover h4 {
    color:#fff;
}

.servicos a {
    color: #000;
    text-decoration: none;
    height: 150px;
    display: grid;
    align-items: center;
    width: 100%;
    padding: 20px;
}

.servicos a:hover {
   color: #fff;
}

.carousel-item{
    display: block;
}

.slider-container {
    overflow-y: hidden;
}

.slider-nav::after {
    background-color: #fff;
}

.slider-nav:focus {
    box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;
} 

.slider-nav {
    height: fit-content;
    margin: auto;
}

.banners .slider-nav {
    height: fit-content;
    margin: auto 25px auto 25px;
}

.botao-noticias{
    background-image: linear-gradient(#2B82D6, #004A92);
    padding: 5px 10px;
    color: #fff;
    display: block;
    width: fit-content;
    margin-inline-start: auto;
    border-radius: 10px;
}

.botao-noticias:hover{
    color: #ccc;
    text-decoration: none;
}

.fundo-azul{
    background-color: rgb(0,30,91);
}

.rodape {
    min-height: 300px;
}

.logo-rodape{
    align-self: center;
    width: 40%;
    margin-right: -30px;
}

.logo-rodape img {
    width: 175%;
    margin: 20px 0 0;
    display: flex;
}

.logos-rodape-secundarias img {
    width: auto;
    margin-bottom: 30px;
    padding-top: 20px;
}

.sub-menu {
    padding-left: 10px;
}

.copyright{
    background-color: rgb(0,30,91);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    align-self: center;
    float: left;
    height: 52px;
    align-items: center;
}

.margem-rodape-end {
    margin-top: 35px;
}

.endereco-rodape{
    background-color: rgb(0,30,91);
    color: #fff;
    padding: 10px 15px;
    font-size: 12px;
}
.redes{
    width: 100%;
    display: block;
    background-color:rgb(0,30,91);
    height: 50px;
}

.redes-sociais {
    background-color: rgb(0,30,91);
    color: #fff;
    font-size: 13px;
    padding: 0;
    float: right;
}

.redes-sociais img {
    width: auto;
}

.redes-sociais .container {
    display: flex;
    align-items: center;
    padding: 3px 15px;
    justify-content: right;
    padding-right: 0;
}

.margem-redes-sociais {
    margin-right: 5px;
    margin-bottom: 0;
}
.links-uteis-ul {
    margin-bottom: 0;
}

.linha-rodape {
    border-bottom: 1px solid #ffffff;
}
.linha {
    border-bottom: 1px solid #aaa;
    margin-top: 17px;
}

.slider-indicators .active{
    background-color: #0883E1;
    width: .6rem;
    height: .6rem;
}

.banners .slider-indicators .active{
    background-color: #0883E1;
    width: .6rem;
    height: .6rem;
}

.banners.slider-indicators-round .slider-indicators>*, .slider-indicators-round.slider-indicators>* {
    width: 0.7rem;
    height: 0.7rem;
    border: 0.4rem solid transparent;
    border-radius: 50%;
}

.banners .slider-indicators {
    position: absolute;
    right: 2rem;
    bottom: 0;
    left: 2rem;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-bottom: -1rem;
    list-style: none;
}

.banners .slider-indicators>* {
    background-color: #21538b!important;
}

.menu-rodape .menu {
    background-color: transparent;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 30px 15px 10px 10px;
    margin: 0;
    height: 210px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    overflow-y: hidden;
}

.menu-rodape .menu li ul {
    width: 100%;
    position: absolute;
    display: contents;
    font-size: 11px;
    font-weight: 400;
    z-index: 0;
    list-style: none;
    overflow: auto;
} 

.menu-rodape .menu a {
    color: #fff;    
    width: 30%;
}

.menu-rodape .menu li {
    list-style: none;
    display: contents;
}

.menu-rodape .menu a:hover {
    color: #fff;
}

.img-padrao{
    background-color: #fff;
}

.img-interna {
    text-align: center;
    width: 65%;
    margin: auto;
}

li.noticias-interna {
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
}

.page-noticias {
    padding: 0 30px;
}

.page-noticias li::marker {
    color: red;
    font-size: 22px;
}

.lista-noticias-destaque {
    list-style: none;
}

.titulo-outras-noticias {
    color: #000000;
    font-weight: bold;
    font-size: 28px;
    background-color: #fff;
    position: relative;
    width: fit-content;
    z-index: 99;
    padding-right: 20px;
}

.titulo-outras-noticias-lidas {
    color: #000000;
    font-weight: bold;
    text-align: center;
    font-size: 26px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.outras-noticias img {
    object-fit: cover;
    max-height: 293px;
}

.box-mais-lidas {
    background-color: #BFDCFC;
    margin-top: 35px;
    padding: 1rem; 
}

.resumo {
    font-size: 15px;
    color: #000000;
}

.noticias .titulo {
    text-transform: uppercase;
    color: #000000;
}

.titulo-comunicados {
    text-transform: uppercase;
    color: #303233;
    font-size: 28px;
    font-weight: bold;
}

.noticias .titulo-destaque {
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
}

.noticias img {
    object-fit: cover;
    max-height: 293px;
}
.noticias-home-resp img {
    object-fit: cover;
    height: 85px;
}

.outras-noticias .titulo {
    text-transform: uppercase;
    color: #000000;
}

 .titulo-mais-lidas {
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
}

.linha-separacao {
    border-bottom: 1px solid #428EE2;
    margin-top: 25px;
}

.bt-mais-noticias {
    color: #fff !important;
    background-color: #011A44;
    margin-top: 30px;
    text-align: center;
    padding: 15px;
    height: auto !important;
    width: 400px;
}

#misha_loadmore {
    text-align: center;
    width: 400px;
    background-color: #13477c;
    color: #fff;
    padding: 10px;
    font-weight: 700;
    margin: 0 auto;
    cursor: pointer;
}
#misha_loadmore:hover {
    background-color: #011A44;
}

.box-mais-lidas :last-child .linha-separacao {
	border-bottom: none;
}

.box-nucleo {
    border: 1px solid #dedede;
    margin-left: 6px;
}

.box-borda-estrutura {
    border: 1px solid #dedede;
    border-radius: 8px;
}

.box-borda-links {
    border: 1px solid #707070;
    border-radius: 8px;
}

.servidores p{
    width: calc(100% / 2);
    float: left;
}

.titulo-atos-nucleo {
    color: #fff;
    font-size: 45px;
    padding-left: 90px;
}

.titulo-atos-nucleo span{
    color: #fff;
    font-size: 45px;
    font-weight: normal;
}

.background-atos-nucleo{
    background-color: #021b5b;
}

.center-img {
    text-align: center;
    margin-bottom: 20px;
}

.nucleo h4{
    color: #003171;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    position: relative;
    top: -8px;
    width: 200px;
    z-index: 99;
    left: 110px;
}

.textos-nucleo {
    font-size: 13px;
}

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

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

.alinha-box-desembargadores {
    justify-content: center;
    display: flex;
}

.img-botoes {
    width: 80%;
}


.boxes-titulo {
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
}

.boxes-corpo {
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px;
    margin-bottom: 10px;
}

hr {
    margin-top: 25px;
    margin-bottom: 25px;
}

.titulo-com-fundo {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}

.espaco-titulo-institucional {
    padding-top: 15px;
    padding-left: 25px;
    padding-bottom: 15px;
    color: #081445;
}

.espaco-texto-box {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 10px;
}

.titulo-card-topo {
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 12px;
  color: #fff;
  text-align: center;
}

  /* Collape Ultimate Blocks */

  .wp-block-ub-content-toggle-accordion-title {
    font-weight: 800 !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
}

.wp-block-ub-content-toggle-accordion-title-wrap {
    background: rgb(255,255,255) !important;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%)!important;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16)!important;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16)!important;
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16)!important;
}

.wp-block-ub-content-toggle-accordion {
    position: relative !important;
    border: 0 !important;
    margin-bottom: 10px !important;
    border-left: 1px solid #eeeeee !important;
    border-right: 1px solid #eeeeee !important;
    border-bottom: 1px solid #eeeeee !important;
}

.wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-state-indicator {
    margin: 0 20px !important;
}


.tamanho-divs-menu-sistemas {
    width: 50%;
}

.tamanho-divs-menu-sites {
    width: 50%;
}

.posicao-ico-menu {
    left: -30px;
}

.bg-destaques h1{
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    padding: 27px;
    padding-top: 10px;
    position: relative;
    background-image: url(assets/img/bg-titulos.png);
}

.margem-topo-banco {
    margin-top: 30px;
}

.fonte-titulo h6 {
    font-weight: bold;
    font-size: 14px;
    color: #000;
    margin-top: 10px;
}

.fonte-titulo-box h6 {
    font-weight: bold;
    font-size: 30px;
    color: #000;
    margin-top: 10px;
}

.fonte-descricao-banco {
    font-size: 13px;
    color: #000;
    margin-top: 10px;
    line-height: 1.4;
    margin-bottom: 15px;
}

.fonte-descricao-box {
    font-size: 15px;
    color: #000;
    margin-top: 10px;
    line-height: 1.4;
    margin-bottom: 15px;
}

.box-banco .slider-container>* {
    scroll-snap-align: var(--swiffy-slider-snap-align);
    position: relative;
    width: 100%;
    height: 200px;
    background-color: #EFEFEF;
    padding: 23px;
}


.bg-boxes {
    background-color: #EFEFEF;
    padding: 35px;
}

.div-banco {
    height: 65px;
}

.div-meio-boxes {
    margin: 6px;
}

.alinha-box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.margem-blocos {
    margin-top: 40px;
}

.slider-item-show6 {
    --swiffy-slider-item-count: 5;
}


.alinha-botão {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.slider-nav {
    position: relative;
    margin-left: 0;
}

.img-lamp {
    width: auto;
}

.alinha-banner .slider-nav {
    display: none;
}

.alinha-banner .slider-nav-next {
    display: none;
}

#cf7md-form .mdc-button--primary.mdc-button--raised {
    background-color: #011A44!important;
}

.busca a {
    background-color: #fff;
    color: #003171;
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 2px solid #dedede;
    display: flex;
    margin-bottom: 15px;
    padding: 15px 15px 15px 30px;
    font-weight: bold;
    margin-left: -15px;
}

.busca-lista {
    color: #E81616;
    margin-right: 10px;
    position: absolute;
    margin-top: 15px;
}

.busca li {
    list-style: none;
    background-color: #fff;
    padding-left: 15px;
}

  /* Aviso final */
  .aviso-total {
    width: 100%;
    margin: 30px 0;
    font-size: 18px;
    text-align: center;
    color: #555;
  }
  
  .texto-footer {
    font-size: 13px;
    color: #FFFFFF;
  }


/* ===== Novo Pushy Menu ===== */

.novo-pushy {
    position: fixed;
    top: 0;
    left: 0;
    width: 350px;
    height: 100%;
    background: #13477c;
    transform: translateX(-100%);
    transition: transform 0.3s ease, visibility 0.3s ease;
    z-index: 1100;
    overflow: visible !important;
    visibility: hidden;
    display: block;
} 

body.novo-pushy-active .novo-pushy {
    transform: translateX(0);
    visibility: visible;
}

.novo-site-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 1000;
}

body.novo-pushy-active .novo-site-overlay {
    opacity: 1;
    visibility: visible;
}

.novo-menu-toggle {
    background: transparent;
    border: none;
    font-size: 2.5rem;
    color: #ffffff;
    cursor: pointer;
    padding: 10px;
}

.novo-pushy-interno {
    padding: 20px;
    position: relative;
    overflow: visible !important; 
}

.novo-pushy-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.novo-pushy-menu li {
    margin-bottom: 1rem;
    position: relative;
}

.novo-pushy-menu a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
}

.submenu-arrow {
    font-size: 0.8rem;
    color: #ffffff;
}

/* itens que têm submenu começam ocultos */
.novo-pushy-menu li > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
}

/* Estilo padrão da seta */
.submenu-arrow {
    font-size: 0.6rem;
    color: #ffffff;
    display: inline-block;
    transition: transform 0.3s ease;
}

/* 1) Esconde por padrão */
.novo-pushy-menu li.has-submenu > ul,
.novo-pushy-menu li.menu-item-has-children > ul,
.novo-pushy-menu li.has-submenu > .sub-menu,
.novo-pushy-menu li.menu-item-has-children > .sub-menu,
.novo-pushy-menu li.has-submenu > .submenu-nivel1,
.novo-pushy-menu li.has-submenu > .submenu-nivel2 {
  display: none;
  visibility: hidden;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .2s ease, transform .2s ease;
}

/* 2) Mostra quando aberto por teclado/click (.open) */
.novo-pushy-menu li.has-submenu.open > ul,
.novo-pushy-menu li.menu-item-has-children.open > ul,
.novo-pushy-menu li.has-submenu.open > .sub-menu,
.novo-pushy-menu li.menu-item-has-children.open > .sub-menu,
.novo-pushy-menu li.has-submenu.open > .submenu-nivel1,
.novo-pushy-menu li.has-submenu.open > .submenu-nivel2 {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: none;
}

/* 3) Desktop: reativa hover e focus-within (sem afetar touch) */
@media (hover:hover) and (pointer:fine) {
  .novo-pushy-menu li.has-submenu:hover > ul,
  .novo-pushy-menu li.menu-item-has-children:hover > ul,
  .novo-pushy-menu li.has-submenu:hover > .sub-menu,
  .novo-pushy-menu li.menu-item-has-children:hover > .sub-menu,
  .novo-pushy-menu li.has-submenu:hover > .submenu-nivel1,
  .novo-pushy-menu li.has-submenu:hover > .submenu-nivel2 {
    display:block; visibility:visible; opacity:1; transform:none;
  }
}

.subtitulo-topo-ham {
    display: block;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    margin-top: 6px;
}

.subtitulo-topo-sec {
    display: block;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 24px;
    text-align: center;
    margin-top: 4px;
    font-weight: 400;
}


/** MENU CENTRO - SUBMENU LATERAL COM COLAPSE **/
.menu-setim-centro {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #FFF;
    list-style: none;
    padding-left: 0;
}

.menu-setim-centro li {
    display: inline-block;
    position: relative;
    margin-right: 20px;
}

.menu-setim-centro a {
    color: #FFF;
    padding: 10px 15px;
    display: block;
    text-decoration: none;
    background-color: transparent;
    font-size: 16px;
    border-radius: 4px;
}

.menu-setim-centro li.menu-item-has-children > a::after {
    content: " ▼";
    font-size: 0.8em;
    padding-left: 5px;
}

.menu-setim-centro a:hover {
    background-color: #1b7bd0;
}

/* Submenu inicial: dropdown abaixo */
.menu-setim-centro > li > ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #081b49;
    padding: 10px 0;
    min-width: 220px;
    border-radius: 8px;
    z-index: 1000;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

/* Submenus internos (nível 2+) abrem à direita */
.menu-setim-centro ul ul {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #0b215a;
    padding: 10px 0;
    min-width: 220px;
    border-radius: 8px;
    z-index: 1100;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

/* Hover para abrir os submenus */
.menu-setim-centro li:hover > ul {
    display: block;
}

/* Estilo dos itens internos */
.menu-setim-centro ul li {
    display: block;
    padding: 0;
    position: relative;
}

.menu-setim-centro ul li a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 20px;
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

.menu-setim-centro ul li a:hover {
    background-color: #12467C;
}

/* Separadores (opcional) */
.menu-setim-centro ul li + li {
    border-top: 1px solid rgba(255,255,255,0.1);
}

.logo-secundaria-topo {
  display: flex;
  justify-content: center; /* alinha horizontal */
  align-items: center;     /* alinha vertical */
  margin: 0;               /* zera margem default do h1 */
  text-align: center;      /* fallback para conteúdo textual */
}
.logo-secundaria-topo img {
  max-width: 25%;
  height: auto;
}

/* Escopo local para não afetar o resto do site */
.banners-duplos .banner-topo-frame{
  margin:0;
  padding:0;
  background:#e9eef5;
  overflow:visible;                 /* não corta bordas */
  border-radius:0 !important;       /* remove arredondado herdado */
}
.banners-duplos .banner-topo-frame img{
  display:block;
  width:100%;
  height:auto;                      /* mantém proporção, sem crop */
  object-fit:unset !important;      /* neutraliza 'cover' global */
  object-position:center center;    /* segurança */
  border-radius:0 !important;       /* remove arredondado global */
}

/* Link ocupa o bloco todo */
.banners-duplos .banner-topo-link{ display:block; }


/* ===== Faixa Notícias + Saiba Mais ===== */

/* Fundo da faixa com espaçamento visual menor, mas mantendo a variável para a linha */
.faixa-noticias-bg {
  --faixa-py: 20px;               
  background: #F3F6FC;
  padding-top: 0;              
  padding-bottom: 0;
  border-radius: 0 !important;
}


/* Estrutura interna */
.bloco-noticias-saibamais {
  background: transparent !important;
  border-radius: 0 !important;
}

/* Títulos principais */
.faixa-noticias-bg .titulo-comunicados,
.faixa-noticias-bg .titulo-saibamais {
  font-family: 'Montserrat', 'Roboto', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  color: #0C3A6E;
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1.1;
  margin: 0 0 12px;
}

.faixa-noticias-bg .titulo-comunicados { font-size: 36px; }
.faixa-noticias-bg .titulo-saibamais   { font-size: 32px; }

.titulo-comunicados i,
.titulo-saibamais i {
  font-size: 28px;
  margin-right: 10px;
}

/* Alinhamento do h2 "Saiba Mais" com os cards */

.titulo-saibamais {
  padding-left: 26px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 900;
  font-family: 'Montserrat', 'Roboto', sans-serif;
  color: #0C3A6E;
  font-size: 32px;
  text-transform: uppercase;
  line-height: 1.1;
  margin-bottom: 12px;
}

.titulo-saibamais i {
  font-size: 28px;
}

/* Grade de cards (2 colunas) */

.lista-saibamais {
  margin: 0;
  padding: 0 12px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

.lista-saibamais li {
  list-style: none;
}

.saibamais-tile {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 95px;
  padding: 18px;
  border-radius: 0;
  text-align: center;
  text-decoration: none;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1.25;
  letter-spacing: .2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
  outline-offset: 3px;
  flex: 1 0 48%;
  margin: 1%;
}

.saibamais-tile .titulo {
  font-size: 16px;
  color: #fff;
  margin: 0;
}

.saibamais-tile.tile-light { background: #13477c; }
.saibamais-tile.tile-dark  { background: #408dd9; }

/* Canto arredondado nos limites externos */
.lista-saibamais li:first-child         .saibamais-tile { border-top-left-radius: 14px; }
.lista-saibamais li:nth-child(2)        .saibamais-tile { border-top-right-radius: 14px; }
.lista-saibamais li:nth-last-child(2)   .saibamais-tile { border-bottom-left-radius: 14px; }
.lista-saibamais li:last-child          .saibamais-tile { border-bottom-right-radius: 14px; }

/* Interações */
.saibamais-tile:hover,
.saibamais-tile:focus {
  filter: brightness(1.05);
  text-decoration: none;
}

.saibamais-tile:focus-visible {
  outline: 3px solid #ffffff;
}

/* Linha vertical entre col-7 e col-5 */
.bloco-noticias-saibamais > .col-12.col-lg-7 {
  position: relative;
  overflow: visible;
}

.bloco-noticias-saibamais > .col-12.col-lg-7 > .sep-v {
  position: absolute;
  top: 0px;
  bottom: 50px;
  right: calc(-.5 * var(--bs-gutter-x, 1.5rem));
  width: 3px;
  background: #8CB4D9;
  pointer-events: none;
  z-index: 2;
  display: block;
}

/* (Se ainda estiver presente no HTML, preserva a utilidade) */
.col-esq {
  position: relative;
}

.resumo-noticia {
  font-size: 14px;
  line-height: 1.4;
  color: #333;
  margin-top: 10px;
  margin-bottom: 12px;
}

/* Container do slider com margem para os dots */
.banner-inferior .swiffy-slider.slider-indicators-round {
  padding-bottom: 0; /* remove padding interno que empurra os dots para dentro */
  margin-bottom: 24px; /* espaço entre a imagem e os dots */
}

/* Alinhamento e estilo dos dots */
.banner-inferior .slider-indicators {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  margin-bottom: -25px;
  gap: 8px;
}

/* Estilo visual dos dots */
.banner-inferior .slider-indicators button {
  border: 2px solid #13477C;
  background: transparent;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  padding: 0;
  transition: background 0.3s ease;
}

/* Dot ativo */
.banner-inferior .slider-indicators button.active {
  background: #13477C;
}

/* =====================================
   AJUSTES DO TOPO INTERNO (EPROC)
   ===================================== */

.topo1.interno .row {
  align-items: center;
  justify-content: space-between;
  display: flex;
  flex-wrap: nowrap;
}

/* Área de busca: ocupa espaço à esquerda */
.topo1.interno .col-md-4.align-center {
  order: 1;
  flex: 1 1 auto;
}

/* Espaço central */
.topo1.interno .col-md-5 {
  order: 2;
  flex: 0 0 auto;
}

/* Logo do TJBA EPROC à direita */
.topo1.interno .col-md-2.m-auto {
  order: 3;
  text-align: right;
}

/* Alinhamento do topo nas páginas internas */
.min-height-topo-interno {
  min-height: 100px;
  align-items: center !important;
}

/* Garante centralização vertical da busca */
.busca-interno {
  width: 100%;
  display: flex;
  align-items: center;
}

/* Ajuste do botão de menu */
.novo-menu-toggle {
  margin: 0 auto;
  display: flex;
  align-items: center;
  height: 100%;
}


/* Ajuste da altura do topo em páginas internas */
#topo1.interno .row {
  align-items: center;
  min-height: 150px; /* ajuste conforme necessário */
}

/* Logo da página interna (eproc) — maior e alinhado */
.logo-interna-eproc {
  height: auto;
  max-height: none;
  width: 390px;          /* ajuste conforme necessário */
  margin-top: 20px;      /* afasta da borda superior */
}

/* ========================
   BUSCA INTERNA (páginas)
   ======================== */

.busca-interno-pagina {
  width: 100%;
  max-width: 480px;
  margin-left: 20px;
}

.busca-interno-pagina form.busca-principal {
  display: flex;
  align-items: center;
}

.busca-interno-pagina .busca {
  position: relative;
  width: 100%;
}

.busca-interno-pagina .input-campo-busca {
  width: 100%;
  padding: 14px 16px 14px 55px; /* mais espaço pro ícone */
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 1rem;
  background-color: #fff;
}

.busca-interno-pagina .input-campo-busca::placeholder {
  color: #666;
  font-weight: 400;
}

/* Ícone de busca (FontAwesome já incluído) */
.busca-interno-pagina .input-campo-busca::before,
.busca-interno-pagina .input-campo-busca-icon {
  content: "\f002"; /* fa-search */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  pointer-events: none;
  font-size: 1rem;
}

/* Ícones dos títulos: 55x55 e sem limites de thumb */
.titulo-comunicados .ico-titulo,
.titulo-novidades .ico-titulo,
.titulo-saibamais .ico-titulo{
  width:55px;
  height:55px;
  display:inline-block;
  vertical-align:middle;
  margin-right:10px;
  object-fit:contain;  
  max-height:none;     
  border-radius:0;
}

.titulo-novidades h3{
    font-family: 'Montserrat', 'Roboto', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    color: #0C3A6E !important;
    font-size: 36px !important;
    line-height: 1.1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}


/* =========================================================
   Topo interno e Pushy Menu - Regras Globais (todas as telas)
   ========================================================= */

/* Grid do cabeçalho interno */
.topo1-cor.interno .min-height-topo-interno{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:16px;
}

/* ================== Pushy ================== */

/* Estado fechado: menu fora da tela */
nav.novo-pushy{
  position:fixed;
  top:0; left:0;
  width:min(84vw, 320px);
  height:100dvh;
  background:#0C3A6E;
  transform:translateX(-100%);
  transition:transform .25s ease;
  z-index:1201;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  visibility:hidden;          /* fechado */
  display:block !important;   /* garante renderização */
}

/* Estado aberto */
body.novo-pushy-active nav.novo-pushy{
  transform:translateX(0);
  visibility:visible !important;
}

/* Overlay */
.novo-site-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.48);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s;
  z-index:1200;
}
body.novo-pushy-active .novo-site-overlay{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

/* Corrige nas páginas internas (não deixar herdar visibility errada) */
.topo1-cor.interno nav.novo-pushy{ visibility:hidden; }
body.novo-pushy-active .topo1-cor.interno nav.novo-pushy{ visibility:visible !important; }

/* ================== Botão Toggle ================== */

/* botão por cima do topo */
#novo-menu-toggle{
  position:relative;
  z-index:1202;
  width:auto;
  height:auto;
  background:none;
  border:0;
  padding:0;
  cursor:pointer;
}

/* ícones do botão */
#novo-menu-toggle .menu-icon{ display:inline-block; }
#novo-menu-toggle .menu-close{
  display:none;
  font-size:28px;
  line-height:1;
  color:#fff;
}

/* ao abrir: mostra X */
body.novo-pushy-active #novo-menu-toggle .menu-icon{ display:none; }
body.novo-pushy-active #novo-menu-toggle .menu-close{ display:inline-block; }

/* largura padrão do painel lateral */
:root { --pushy-w:320px; }


/* ===== BUSCA — BASE GERAL (desktop+mobile, sem media query) ===== */

/* Container mantém input e botão na mesma linha */
.busca{
  position:relative;
  display:flex;
  align-items:stretch;
  gap:0;
}

/* Campo de texto */
.busca .input-campo-busca{
  flex:1 1 auto;
  height:44px;
  padding:0 16px 0 46px;           /* espaço para a lupa */
  border:1px solid #ccc;
  border-right:none;
  border-radius:4px;
  font-size:14px;
  background:#fff !important;       /* remove imagem de fundo antiga */
  background-image:none !important; /* garante remoção da lupa como bg */
  box-shadow:none;
}

/* Ícone de lupa fixo (Font Awesome 5 Free) */
.busca::before{
  content:"\f002";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  font-size:16px;
  color:#999;
  pointer-events:none;
}

/* Linha vertical após a lupa */
.busca::after{
  content:"";
  position:absolute;
  left:36px;
  top:8px;
  bottom:8px;
  width:1px;
  background:#ccc;
  pointer-events:none;
}

/* Botão */
.btn-search{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:44px;
  padding:0 18px;
  margin:0;                         /* evita que quebre a linha */
  border:0;
  border-radius:0 4px 4px 0;
  background:#e51f1f;
  color:#fff;
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
  cursor:pointer;
}

/* Conteúdo do botão: por padrão mostra texto e oculta ícone */
.btn-search .texto-btn{ display:inline; }
.btn-search .icone-btn{ display:none; }

/* Acessibilidade foco */
.input-campo-busca:focus-visible,
.btn-search:focus-visible{
  outline:2px solid #1b7bd0;
  outline-offset:2px;
}

/* Limita largura do conjunto (input + ícone + botão) */
#busca-principal .busca {
  max-width: 600px;   /* ajuste conforme necessário */
  margin: 0 auto;     /* centraliza */
  width: 100%;
}

/* Resultados da busca */
.lista-resultados {
  list-style: none;
  padding: 0;
  margin: 30px 0;
}

.item-resultado {
  border-bottom: 1px solid #e0e0e0;
  padding: 15px 0;
}

.titulo-resultado {
  font-weight: 700;
  font-size: 18px;
  color: #002C5C;
  text-decoration: none;
}

.titulo-resultado:hover {
  text-decoration: underline;
}

.resumo-resultado {
  margin: 8px 0 0;
  color: #444;
  font-size: 0.95rem;
}

/* Paginação */
.paginacao {
  margin-top: 20px;
  text-align: center;
}
.paginacao .page-numbers {
  display: inline-block;
  margin: 0 4px;
  padding: 6px 12px;
  border: 1px solid #ddd;
  color: #002C5C;
  text-decoration: none;
}
.paginacao .page-numbers.current {
  background: #002C5C;
  color: #fff;
  border-color: #002C5C;
}

.titulo-search{
  font-size:1.75rem; /* maior */
  font-weight:700;
  margin:30px 0 6px;
  color:#002C5C;
}
.contagem-resultados{
  font-size:1.125rem;
  color:#333;
  margin:0 0 18px;
}



/* ================================
   Swiffy Slider – Setas do carrossel
   ================================ */

.setas-cards {
  position: relative; /* garante contexto para posicionamento absoluto */
}

/* Base global: todas as resoluções */
.setas-cards .slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  left: -60px;   /* mais para fora */
}

.setas-cards .slider-nav.slider-nav-next {
  right: -60px;
  left: auto;
}

/* Reset foco */
.setas-cards .slider-nav:focus {
  box-shadow: none;
  border: 0;
  outline: 0;
}

/* Foco visível acessível */
.setas-cards .slider-nav:focus-visible {
  outline: 2px solid #1b7bd0;
  outline-offset: 2px;
}

/* Ícone hamburguer (☰) */
#novo-menu-toggle .menu-icon::before {
  content: "\2630"; /* código unicode do ☰ */
  font-size: 24px;
  line-height: 1;
}

/* Ícone fechar (×) */
#novo-menu-toggle .menu-close::before {
  content: "\00d7"; /* código unicode do × */
  font-size: 28px;
  line-height: 1;
}

.novo-pushy-menu li.has-submenu > .sub-menu {
  display: none;
}
.novo-pushy-menu li.has-submenu.open > .sub-menu {
  display: block;
}

/* ===== Busca Inteligente (autocomplete) ===== */
#busca-principal { position: relative; z-index: 1205; }
#autocomplete-search { width: 100%; }

.autocomplete-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  max-height: 320px;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 2147483647;
  display: none;
}
.autocomplete-list.is-open { display: block; }

.autocomplete-list li {
  padding: 0.65em 1em;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  border-bottom: 1px solid #eee;
  text-align: left;          /* alinhado à esquerda */
  line-height: 1.4;          /* melhor leitura em múltiplas linhas */
  word-break: break-word;    /* evita estouro em palavras grandes */
  white-space: normal;       /* permite quebra de linha */
  transition: background-color 0.2s ease, color 0.2s ease;
}

.autocomplete-list li:hover,
.autocomplete-list li:focus {
  background-color: #f2f2f2; /* fundo cinza claro no hover/foco */
  color: #000;               /* mantém contraste do texto */
  outline: none;             /* remove contorno feio no TAB */
}

.autocomplete-list .no-results {
  color: #dc3545;
  font-style: italic;
  text-align: left;
}

.autocomplete-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.35);
  z-index: 2147483646;
}


/* ===== Painel lateral ===== */
:root {
  --pushy-w: 350px;   /* largura do painel */
  --toggle-w: 40px;   /* largura/altura do botão */
  --pushy-pad: 16px;  /* respiro interno */
}

.novo-pushy {
  position: fixed;
  top: 0;
  left: 0;
  width: var(--pushy-w);
  height: 100%;
  background: #13477c;
  transform: translateX(-100%);
  transition: transform 0.3s ease, visibility 0.3s ease;
  z-index: 1100;
  visibility: hidden;
  overflow-y: auto;
}

body.novo-pushy-active .novo-pushy {
  transform: translateX(0);
  visibility: visible;
}

/* ===== Botão toggle ===== */
/* Fechado → hamburguer no header */
#novo-menu-toggle {
  position: absolute;
  top: var(--pushy-pad);
  left: var(--pushy-pad);
  z-index: 2005;
  width: var(--toggle-w);
  height: var(--toggle-w);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: none;
  border: 0;
}

#novo-menu-toggle .menu-icon { display: inline-block; }
#novo-menu-toggle .menu-close { display: none; }

/* Aberto → X fixo no topo-direito do painel */
body.novo-pushy-active #novo-menu-toggle {
  position: fixed;
  top: var(--pushy-pad);
  left: calc(var(--pushy-w) - var(--toggle-w) - 24px); /* 24px = afastamento extra da borda */
  right: auto;
  z-index: 2005;
}


body.novo-pushy-active #novo-menu-toggle .menu-icon { display: none; }
body.novo-pushy-active #novo-menu-toggle .menu-close {
  display: inline-block;
  font-size: 28px;
  color: #fff;
  line-height: 1;
}


/* === MODO TECLADO p/ Pushy === */
/* 1) Comportamento normal por hover (mantém o que já existe) */
.novo-pushy-menu li:hover > ul,
.novo-pushy-menu li:hover > .sub-menu,
.novo-pushy-menu li:hover > .submenu-nivel1,
.novo-pushy-menu li:hover > .submenu-nivel2 { display:block; }

/* 2) Em modo teclado, ignore hover e abra só quando .open */
.novo-pushy-menu[data-input="kbd"] li:hover > ul,
.novo-pushy-menu[data-input="kbd"] li:hover > .sub-menu,
.novo-pushy-menu[data-input="kbd"] li:hover > .submenu-nivel1,
.novo-pushy-menu[data-input="kbd"] li:hover > .submenu-nivel2 { display:none !important; }

.novo-pushy-menu[data-input="kbd"] li.open > ul,
.novo-pushy-menu[data-input="kbd"] li.open > .sub-menu,
.novo-pushy-menu[data-input="kbd"] li.open > .submenu-nivel1,
.novo-pushy-menu[data-input="kbd"] li.open > .submenu-nivel2 { display:block !important; }



/* Ajuste mobile */
@media (max-width: 991.98px) {
  .setas-cards .slider-nav,
  .setas-cards .slider-nav.slider-nav-next {
    width: 36px;
    height: 36px;
    left: 8px;
    right: 8px;
  }
}

/* ===== 1700px até 1919px ===== */
@media (min-width:1700px) and (max-width:1919px) {

  /* Ajuste de containers */
  .container { padding: 0 40px; }
  .container-90 { width: 90%; }
  .container-75 { width: 74%; }
  .container-65 { width: 64%; }

  /* Tipografia */
  .titulo-topo { font-size: 2.5rem; }   /* 40px */
  .titulo-page { font-size: 2.25rem; }  /* 36px */

  /* Notícias e cards */
  .noticias-home .titulo { font-size: 1rem; } /* 16px */
  .destaque-home p { height: 110px; }

  /* Slider / Swiffy */
  .slider-item-show6 { --swiffy-slider-item-count: 5; }
  .box-banco .slider-container>* { height: 240px; }

  /* Banners / logos */
  .logo-topo-home img { width: 55%; }
  .logo-topo-interna img { width: 75%; }

  /* Menu superior */
  .menu-superior-2 {
      background-color: #F3F6FC;
      color: #fff;
      height: 130px;
  }
  .menu-superior-left .menu {
      margin-top: 22px;
      font-size: 0.875rem; /* 14px */
      height: 35px;
      background-color: transparent;
      padding-bottom: 0;
      width: auto;
      text-align: center;
      overflow-y: hidden;
  }

  /* Ajustes visuais extras */
  .fonte-titulo-box h6 { font-size: 2rem; }    /* 32px */


  .setas-cards .slider-nav { left: -80px; }
  .setas-cards .slider-nav.slider-nav-next { right: -80px; }

  }


/* ===== 1366px até 1699px ===== */

@media (min-width:1366px) and (max-width:1699px) {

  /* Ajuste de containers */
  .container { padding: 0 30px; }
  .container-90 { width: 88%; }
  .container-75 { width: 72%; }
  .container-65 { width: 62%; }

  /* Tipografia */
  .titulo-topo { font-size: 2.25rem; }  /* ~36px */
  .titulo-page { font-size: 2rem; }     /* ~32px */

  /* Notícias e cards */
  .noticias-home .titulo { font-size: 0.875rem; } /* 14px */
  .destaque-home p { height: 100px; }

  /* Slider / Swiffy */
  .slider-item-show6 { --swiffy-slider-item-count: 4; }
  .box-banco .slider-container>* { height: 220px; }

  /* Banners / logos */
.logo-topo-home img,
  .logo-topo-interna img {
    width: 220px;   /* ajuste conforme o design */
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
  }

  /* Menu superior */
  .menu-superior-2 {
      background-color: #F3F6FC;
      color: #fff;
      height: 120px;
  }

  .menu-superior-left .menu {
      margin-top: 20px;
      font-size: 0.8125rem; /* 13px */
      height: 35px;
      background-color: transparent;
      padding-bottom: 0;
      width: auto;
      text-align: center;
      overflow-y: hidden;
  }

  /* Complementos herdados do bloco <=1366px */
  .dropdown-menu { width: 94.3%; }
  .alinha-btn-sites { width: 95%; }
  .fonte-titulo-box h6 { font-size: 1.8125rem; } /* 29px */
  .bg-destaques h1 { padding-top: 0; }
  .fonte-combo { font-size: 0.75rem; } /* 12px */

   .topo1-cor {
    background-size: cover;     /* garante que a imagem preencha sem vazar */
    background-position: center;
    background-repeat: no-repeat;
    padding: 30px 0;            /* remove padding lateral que causava overflow */
    box-sizing: border-box;
    max-width: 100vw;           /* limita dentro da viewport */
    overflow-x: hidden;
  }

  body {
    overflow-x: hidden;         /* bloqueia scroll horizontal indesejado */
  }

  .topo1-cor.interno .row {
    flex-wrap: wrap;            /* evita empurrar além da tela */
  }

    /* Ajuste da logo interna só para esse intervalo */
  .logo-interna-eproc {
    max-width: 370px;  /* maior que no 1280, mas ainda seguro */
    width: 100%;
    height: auto;
    margin-top: 20px;
    object-fit: contain;
  }

.setas-cards .slider-nav { left: -70px; }
  .setas-cards .slider-nav.slider-nav-next { right: -70px; }
}

@media (min-width: 1366px) and (max-width: 1420px) {

  .linha-vertical-menu-1 {
    display: none;
  }


}

@media (max-width: 1280px){
	
	.wppsac-post-content {
    font-size: 14px;    
	}

	.wppsac-post-carousel.design-1 .wppsac-post-title a {
    font-size: 34px;
	}

    .destaque-home p {
        height: 90px;
        overflow: hidden;
        margin-bottom: 0;
    }

    .noticias-home .titulo {
        height: 50px;
    }

    .slider-item-show6 {
        --swiffy-slider-item-count: 3;
    }

    .slide {
        margin-left: 0.33333%;
    }

    .slider-indicators {
        display: block;
        text-align: center;
    }

    .slider-indicators-round .slider-indicators>*, .slider-indicators-round.slider-indicators>* {
        width: .5rem;
        height: .5rem;
        opacity: 1;
    }

    .servico .slider-indicators>*{
        background-color: #e1e1e1;
    }

    .slider-indicators .active {
        background-color: #0883E1;
        width: .5rem;
        height: .5rem;
        opacity: 1;
    }

    .menu li:hover > ul {
        display: block;
    }

    .logo-cabecalho {
        width: 80%;
    }

/*    .menu-superior-2 .col-md-8{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .menu-superior-2 .col-md-2{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    } */
 
    .menu-superior-2 {
        background-color: #F3F6FC;
        color: #fff;
    }

    .menu-superior-sistemas {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .menu-superior-left .menu {
        margin-top: 20px;
        height: 35px;
        background-color: transparent;
        padding-bottom: 0;
        width: auto;
        text-align: center;
        font-size: 12px;
        overflow-y: hidden;
    }

    .margem-logo-interna {
        margin-top: 30px;
        text-align: center;
    }

    .interno .input-campo-busca {
        width: 100%;
        font-size: 11px;
    }

    .busca-principal-interna {
        margin: 15px -40px 15px 0;
        text-align: end;
    }

    .logo-topo-interna img {
        width: 85%;
    }

    .fonte-titulo-box h6 {
        font-size: 26px;
    }

    .fonte-descricao-box {
        font-size: 14px;

    }

    .linha-vertical-menu-1 {display: none;}

    .menu-superior-sistemas .btn-secondary {
    font-size: 0.65rem;
}
	
}

/* Media Query para ocultar o menu em dispositivos móveis e tablets */
@media screen and (max-width: 1024px) {
    .menu-setim-centro {
        display: none; 
    }

    body.home #busca-principal .busca{ width:min(560px,100%); }

}

@media (max-width: 967px){
	
	.menu-rodape{
       width: auto;
    }
    .width-resp{
        flex: 100%;
        max-width: 100%;
    }
    
	.logo-rodape{
       width: 50%;
    }
    
    .box-capacitacao .col-md-3{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .slide{
        margin-left: 5%;
    }
    .slider-item-show6 {
        --swiffy-slider-item-count: 3;
    }

    .menu-superior-left .menu {
        overflow-y: hidden;
    }


}

/* ===== DESKTOP: Submenu lateral ===== */

@media (min-width: 993px) {

    .submenu-arrow {
        transform: rotate(0deg);
    }

    .novo-pushy-menu li.has-submenu {
        position: relative;
        z-index: 1150; /* Mantido para garantir a ordem de empilhamento */
    }

    /* Estilo base para todos os submenus (nível 1 e nível 2) */
    .novo-pushy-menu li.has-submenu > ul {
        position: absolute;
        top: 0;
        left: 100% !important;
        margin-left: 0;
        min-width: 300px;
        width: auto;
        white-space: nowrap;
        background: #081342;
        padding: 15px;
        border-radius: 8px;
        z-index: 1200;
        display: block;
        opacity: 0;
        visibility: hidden;
        transform: translateX(-10px);
        transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    }

    /* Ajustes específicos para submenus de nível 2 (sem barra de rolagem) */
    .novo-pushy-menu li.has-submenu > ul.submenu-nivel2 {
        background: #142B6E;
        left: 100% !important;
        top: 0; /* Alinha ao topo do item pai */
        z-index: 1250; /* Garante que o nível 2 fique acima do nível 1 */
        opacity: 0;
        visibility: hidden;
        transform: translateX(-10px);
        transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    }

    .novo-pushy-menu li.has-submenu > ul li {
        margin-bottom: 10px;
    }

    .novo-pushy-menu li.has-submenu > ul li a {
        padding: 8px 10px;
        display: block;
        color: #ffffff;
        text-decoration: none;
        border-radius: 4px;
        transition: background-color 0.2s ease;
        font-size: 13px;
    }

    .novo-pushy-menu li.has-submenu > ul li a:hover {
        background-color: #3F88D9;
    }

    .novo-pushy-menu li.has-submenu:hover > ul {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }

    .novo-pushy-menu li.has-submenu > ul:hover {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }

    .novo-pushy-menu li.has-submenu::after {
        content: '';
        position: absolute;
        top: 0;
        left: 100%;
        width: 10px;
        height: 100%;
        background: transparent;
    }
}
  
  
@media (max-width: 992px) { 

    .bg-destaques h1 {
        font-size: 29px;
    }

    .novo-pushy-menu li > ul {
        position: static; 
        display: none;     
        background: #081342;
        padding-left: 20px;
      }
      .novo-pushy-menu li.open > ul {
        display: block;
      }
      .novo-pushy-menu li > ul.submenu-nivel2 {
        background: #142B6E;
      }
    
      .submenu-arrow {
        transform: rotate(0deg);
    }

    .novo-pushy-menu li.open .submenu-arrow {
        transform: rotate(180deg);
    }

.bloco-noticias-saibamais > .col-12.col-lg-7 > .sep-v{
    position: absolute;
    top: calc(-1 * var(--faixa-py,16px));
    bottom: calc(-1 * var(--faixa-py,16px));
    right: calc(-.5 * var(--bs-gutter-x,1.5rem));
    width: 2px;
    background: #8CB4D9;
    pointer-events: none;
    z-index: 2;
    display: block;
  }


  /* Desktop: busca primeiro, logo por último */
  .linha-topo {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
  }

  .linha-topo .col-md-4 { order: 1; } /* Busca */
  .linha-topo .col-md-5 { order: 2; } /* Espaço */
  .linha-topo .col-md-2 { order: 3; } /* Logo */



  .topo1-cor.interno .min-height-topo-interno{ flex-wrap:nowrap; }

  /* mantém a ordem visual pedida */
  .topo1-cor.interno .min-height-topo-interno > div:nth-child(1){ order:1; } /* toggle */
  .topo1-cor.interno .min-height-topo-interno > div:nth-child(2){ order:2; } /* busca */
  .topo1-cor.interno .min-height-topo-interno > div:nth-child(3){ order:3; flex:1 1 auto; } /* espaço cresce */
  .topo1-cor.interno .min-height-topo-interno > div:nth-child(4){ order:4; text-align:right; } /* logo */

  .topo1-cor.interno .busca-interno-pagina{ max-width:560px; margin:0; }
  .topo1-cor.interno .logo-interna-eproc{ width:390px; max-width:100%; height:auto; }

}

/* ============================================
   Cards do topo — Desktop
   ============================================ */
@media (min-width: 992px) {

  /* Container dos cards */
  .cards-topo .slider-container {
    display: flex !important;
    gap: 50px;               /* aumentei de 12px para 20px */
    justify-content: center;
    padding: 0;
  }

  /* Cada card quadrado */
  .cards-topo .slider-container > li {
    width: 220px !important;
    height: 220px !important;
    flex: 0 0 auto;
    margin: 0 !important;
    box-sizing: border-box;
  }

  /* Link ocupa todo o card */
  .cards-topo .slider-container > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding: 14px;
    text-align: center;
    background: rgba(33, 83, 139, 0.8);
    border-radius: 10px;
  }

  .cards-topo .slider-indicators{
    display: none;
}

  /* Ícone proporcional dentro do card */
  .cards-topo .img-card-topo {
    width: 70%;
    max-width: 110px;
    height: auto;
    margin: 0 auto;
    display: block;
    object-fit: contain;
  }

  /* Título do card */
  .cards-topo .titulo-card-topo {
    font-size: 0.875rem;
    margin-top: 8px;
    text-align: center;
    line-height: 1.3;
    color: #fff;
    font-weight: 700;
  }

  /* Hover/focus dos cards topo */
.cards-topo .slider-container > li > a{
  cursor: pointer;
  transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
  will-change: transform;
}

.cards-topo .slider-container > li > a:hover,
.cards-topo .slider-container > li > a:focus-visible{
  background: rgba(33,83,139,.95);
  box-shadow: 0 10px 22px rgba(0,0,0,.28);
  transform: translateY(-2px);
  outline: 2px solid #85b9ff;      /* acessibilidade */
  outline-offset: 2px;
}

/* Ícone cresce levemente no hover */
.cards-topo .slider-container > li > a:hover .img-card-topo{
  transform: scale(1.06);
  transition: transform .2s ease;
}


}



@media (max-width: 991.98px){
  .sep-v{ display:none; }

  .linha-topo{
    display:flex;
    flex-direction:column;
    gap:16px;
    align-items:center;
    text-align:center;
    max-width:100vw;       /* evita overflow */
    overflow-x:hidden;     /* bloqueia barra extra */
  }

  .linha-topo > [class*="col-"] {
    flex:0 0 100%;
    max-width:100%;
    padding-left:0;
    padding-right:0;
  }

  .linha-topo .col-md-2 { order:1; }  /* Logo */
  .linha-topo .col-md-5 { order:2; width:100%; } /* Sistemas/Portais */
  .linha-topo .col-md-4 { order:3; }  /* Busca */

  /* Ajusta os botões de sistemas/portais */
  .menu-superior-sistemas .btn {
    width:calc(100% - 20px);
    max-width:400px;
    margin:6px auto;
    display:block;
  }

  .topo1-cor.interno{ position:relative; height:300px; }

  .topo1-cor.interno .min-height-topo-interno{
    flex-direction:column;
    align-items:center;
  }
  .topo1-cor.interno .min-height-topo-interno > div{
    flex:0 0 100%;
    max-width:100%;
  }
  .topo1-cor.interno .min-height-topo-interno > div:nth-child(1){ order:1; align-self:flex-start; }
  .topo1-cor.interno .min-height-topo-interno > div:nth-child(4){ order:2; text-align:center; }
  .topo1-cor.interno .min-height-topo-interno > div:nth-child(2){ order:3; }
  .topo1-cor.interno .min-height-topo-interno > div:nth-child(3){ order:4; display:none; }

  /* botão hambúrguer alinhado à esquerda */
  #novo-menu-toggle{
    position:absolute;
    left:16px;
    top:16px;
    margin:0;
    width:36px;
    height:36px;
    padding:0;
    z-index:1202;
  }

  .topo1-cor.interno .logo-interna-eproc{
    display:inline-block;
    width:70%;
    max-width:320px;
    height:auto;
    margin:8px auto;
  }
  .topo1-cor.interno .busca-interno-pagina{
    width:100%;
    max-width:86vw;
    margin:0 auto;
  }

  body.novo-pushy-active{ overflow:hidden; }

  /* Cards no mobile */
  .cards-topo .slider-container > li > a {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    height:100%;
    width:100%;
    padding:14px;
    text-align:center;
    background:rgba(33,83,139,0.8);
    border-radius:10px;
  }

  .cards-topo .titulo-card-topo {
    font-size:0.875rem;
    margin-top:8px;
    text-align:center;
    line-height:1.3;
    color:#fff;
    font-weight:700;
  }

  /* Esconde os dots do Swiffy Slider */
  .cards-topo .slider-indicators {
    display:none !important;
  }

  /* Força o pushy acima de tudo quando ativo */
  body.novo-pushy-active nav.novo-pushy {
    position:fixed;
    top:0;
    left:0;
    z-index:5000; /* maior que o da busca */
  }

  /* Busca fica em camada mais baixa */
  .busca,
  .busca-principal,
  .busca-interno {
    position:relative;
    z-index:1000;
  }

  /* Corrige cor dos submenus */
  nav.novo-pushy ul li a {
    color:#fff !important;
  }

  nav.novo-pushy ul li a:hover,
  nav.novo-pushy ul li a:focus {
    color:#85b9ff !important;
  }
}



/* --- Ajuste de largura das colunas no desktop --- */
@media (min-width: 768px) {

    body.home #busca-principal .input-group{
    max-width:100%;
    padding:0 12px;
  }
  

}

@media (max-width: 767.98px){

    .logo-topo-home {
        text-align: center;
    }

    .logo-topo-home img {
        width: auto;
        padding: 30px;
    }

    .links-extra {
        display: block;
    }

    .links-extra a{
        justify-content: left;
    }

    .links-extra span {
        display: none;
    }

    .noticias-home a {
        height: auto;
        margin-bottom: 20px;
    }

    .noticias-home .titulo {
        height: auto;
    }

    .noticias-home {
        margin-top: 36px;
        padding: 0;
    }

    .destaque-home p {
        height: auto;
    }

    .fique-ligado {
        padding-left: 15px;
        margin-top: 35px;
    }

    .titulo-servico {
        margin: auto;
        width: fit-content;
    }

    .linha {
        width: 100%;
    }

    .slider-item-show6 {
        --swiffy-slider-item-count: 1;
        margin-bottom: 25px;
    }

    .cards-topo.slider-container>* {
        width: 100%;
        height: 290px;
    }

    .cards-topo a {
        height: 100%;
    }

    .logo-rodape img {
        width: 80%;
        margin: 0 auto;
        display: flex;
    }

    .menu-rodape .menu a {
        width: 45%;
        padding-right: 15px;
    }

    header .control-nav {
        position: absolute;
        margin: 55px 0 0 20px;
    }

    .logo {
        width: 70%;
        margin: auto;
        display: block;
        margin-bottom: 30px;
    }

    .logo-cabecalho {
        width: 70%;
        margin: auto;
        display: block;
        margin-bottom: 30px;
    }

    .redes-sociais .container {
        justify-content: center;
    }

    .redes-sociais {
        margin: 0 -15px;
        float: none;
    }

    .noticias-home img {
        object-fit: cover;
        max-height: 180px;
    }

    .noticias-home-resp a{
        width: 50%;
        display: inline-block;
        margin: -2px;
        padding: 0 10px;
    }

    .servico .row{
        flex-wrap: initial;
    }

    .logo.interno {
        margin: auto;
        margin-bottom: 20px;
    }

    .menu_topo {
        margin: auto;
        width: fit-content;
    }

    .menu_topo li a{
        font-size: 12px;
    }
    
    .boxes-missao-visao {
        margin-top: 30px;
    }

    .logos-rodape-secundarias img {
        width: 85%;
        margin-bottom: 30px;
        margin-top: 25px;
    }

    /* Menu superior esquerdo */

    .menu-superior-left .menu {
        margin-top: 10px;
        height: 35px;
        background-color: transparent;
        padding-bottom: 0;
        width: auto;
        text-align: center;
        font-size: 12px;
        padding-left: 0px;
    }

    .menu-superior-left .menu {
        margin-top: 15px;
        height: 35px;
        background-color: transparent;
        padding-bottom: 0;
        width: auto;
        text-align: center;
        font-size: 12px;
    }

    .swiffy-slider.slider-indicators-outside .slider-indicators, .swiffy-slider.slider-indicators-outside.slider-indicators {
        margin-bottom: 10px;
    }

    .bg-destaques h1 {
        background-image: revert;
        padding: 10px;
        border-radius: 10px;
        border: 1px solid #1A64BB;
        background-color: #EFEFEF;
    }

    .fonte-titulo h6 {
        font-size: 22px;
    }

    .logo-topo-interna img {
        width: 55%;
    }

    .margem-blocos {
        margin-top: 0;
    }

    .d-md-flex {
        display: flex;
    }
    .align-items-center {
        align-items: center;
    }
    .justify-content-center {
        justify-content: center;
    }
    .text-md-left {
        text-align: left;
    }

    .menu-superior-left {
        /* overflow-x: auto; */
        display: flex;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
      }
  
      .menu-superior-left::-webkit-scrollbar {
        height: 4px; /* Altura da barra de rolagem horizontal */
      }
  
      .menu-superior-left::-webkit-scrollbar-track {
        background: #f1f1f1; /* Cor de fundo da trilha da barra de rolagem */
      }
  
      .menu-superior-left::-webkit-scrollbar-thumb {
        background: #888; /* Cor da barra de rolagem */
      }
  
      .menu-superior-left::-webkit-scrollbar-thumb:hover {
        background: #555; /* Cor da barra de rolagem ao passar o mouse */
      }
  
      .menu-superior-left .menu {
        display: flex;
        flex-direction: row;
        padding-left: 0;
        list-style: none;
        width: auto;
      }
  
      .menu-superior-left .menu li {
        flex: 0 0 auto;
      }
  
      .menu-superior-left .menu li + li {
        margin-left: 20px;
      }

      .titulo-topo {
        font-size: 35px;
    }


    .slider-item-show4 {
    --swiffy-slider-item-count: 1;
}


.topo1.interno .row {
    flex-direction: column-reverse;
    align-items: center;
    gap: 1rem;
  }

  .topo1.interno .col-md-4.align-center,
  .topo1.interno .col-md-2.m-auto {
    width: 100%;
    text-align: center;
  }

  .topo1.interno .col-md-5 {
    display: none; 
  }

/* 1) Toggle (menu hamburguer) à esquerda */
  body.home .topo1-cor{ position:relative; }
  body.home .novo-menu-toggle{
    position:absolute;
    left:16px; top:16px;
  }

  /* 2) Campo de busca centralizado e em linha */
  body.home #busca-principal .input-group{
    display:block !important;
    width:100%;
    max-width:90vw;
    margin:0 auto;
    text-align:center;
  }
  body.home #busca-principal .busca{
    display:flex; flex-wrap:nowrap; width:100%; justify-content:center;
  }
  body.home #busca-principal .input-campo-busca{
    flex:1 1 auto; min-width:0;
    height:44px; padding-left:60px;
    border-radius:0 !important; border-right:0 !important;
  }
  body.home #busca-principal .btn-search{
    margin:0 !important; height:44px;
    border-radius:0 !important; border-left:1px solid #CFCFCF;
    display:inline-flex; align-items:center; justify-content:center;
    padding:0 18px; white-space:nowrap; flex-shrink:0;
  }

  /* 3) Logos maiores */
  body.home .logo-topo-home img{
    display:block;
    margin:28px auto 16px !important;
    width:75% !important; max-width:300px !important; min-width:200px !important;
    height:auto; padding:0 !important;
  }
  body.home .logo-secundaria-topo img{
    display:block;
    margin:12px auto 20px !important;
    width:45% !important; max-width:180px !important; min-width:120px !important;
    height:auto; padding:0 !important;
  }

  /* 4) Banners duplos com espaço entre eles */
  .banners-duplos .col-12 + .col-12{ margin-top:16px; }
  .banners-duplos img{ width:100%; height:auto; display:block; }

  /* 5) Linha vertical oculta no mobile */
  .sep-v{ display:none !important; }

  /* força 1 coluna cheia e espaçamento vertical limpo */
  .lista-saibamais li{ width:100%; }
  .saibamais-tile{
    flex:1 1 100%;
    margin:0 0 12px 0;          /* remove margens laterais que “quebram” os cantos */
    border-radius:0 !important; /* zera todos os cantos por padrão */
  }

  /* topo arredondado no PRIMEIRO item */
  .lista-saibamais li:first-child .saibamais-tile{
    border-top-left-radius:14px !important;
    border-top-right-radius:14px !important;
  }

  /* base arredondada no ÚLTIMO item */
  .lista-saibamais li:last-child .saibamais-tile{
    border-bottom-left-radius:14px !important;
    border-bottom-right-radius:14px !important;
    margin-bottom:0;            /* alinha com container */
  }

  /* neutraliza regras de desktop que arredondam 2º e penúltimo */
  .lista-saibamais li:nth-child(2) .saibamais-tile,
  .lista-saibamais li:nth-last-child(2) .saibamais-tile{
    border-radius:0 !important;
  }

/* 1) Cada item ocupa 100% da largura */
  .noticias .noticias-home-resp a{
    width:100% !important;
    display:block !important;
    margin:0 0 18px;
    padding:0;
  }

  /* 2) Empilha conteúdo: imagem em cima, texto abaixo */
  .noticias .noticias-home-resp .row{ display:block; margin:0; }
  .noticias .noticias-home-resp .col-md-4,
  .noticias .noticias-home-resp .col-md-8{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    float:none;
  }

  /* 3) Thumb ocupa 100% da área  */
  .noticias .noticias-home-resp img{
    width:100% !important;
    height:auto !important;
    max-height:none !important;    /* neutraliza limites globais */
    object-fit:cover;
    border-radius:0 !important;
    display:block;
    margin:0 0 10px 0;
  }

  /* container rolável só da lista */
  .noticias .noticias-home-resp{
    max-height: 460px;              /* ajuste conforme necessidade */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-right: 6px;             /* compensa a barra */
    scrollbar-gutter: stable both-edges;
  }

  /* cada item ocupa 100% (sobrescreve width:50%) */
  .noticias .noticias-home-resp a{
    width: 100% !important;
    display: block !important;
    margin: 0 0 18px;
    padding: 0;
  }

  /* desmonta a grid lateral e empilha */
  .noticias .noticias-home-resp .row{ display:block; margin:0; }
  .noticias .noticias-home-resp .col-md-4,
  .noticias .noticias-home-resp .col-md-8{
    width:100% !important; max-width:100% !important; padding:0 !important;
  }

  /* thumb full-width no topo, sem limites de altura e sem borda arredondada */
  .noticias .noticias-home-resp img{
    width:100% !important;
    height:auto !important;
    max-height:none !important;     /* anula limites globais */
    object-fit:cover;
    border-radius:0 !important;
    display:block;
    margin:0 0 10px 0;
  }

 /* Mantém cor de fundo dos cards */
  .swiffy-slider .slider-container .bloco-card {
    background: rgba(19, 71, 124, 0.85); /* mesma cor da versão geral */
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    color: #fff;
  }

  /* Remove os dots de paginação do Swiffy */
  .swiffy-slider .slider-indicators {
    display: none !important;
  }

  .menu-superior-2 {
        background-color: #F3F6FC;
        color: #fff;
        height: 150px;
    }

    .menu-superior-2 .col-md-2 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    }

}

@media (max-width: 576px){

    .fonte-combo {
        font-size: 12px;
    }

    .menu-superior-left .menu {
        font-size: 10px;
        margin: 15px 0 0 0;
    }

    .img-card-topo {
        width: 40%;
        display: block;
        margin: auto;
    }

    .logos-rodape-secundarias img {
        width: 80%;
        margin-bottom: 30px;
        margin-top: 25px;
    }

    .col-md-6.width-resp, .col-md-8.width-resp{
        display: none;
    }

    .titulo-topo {
        padding: 25px 0;
    }

    .logo {
        margin-bottom: 0px;
    }

    .noticias-home img {
        max-height: 90px;
    }

    .texto-destaque {
        height: 100px;
        overflow: hidden;
    }

    .slider-item-show5{
        --swiffy-slider-item-count: 1;
    }

    .slider-indicators{
        display: flex;
    }

    .topo1-cor {
        height: 780px;
    }

    html {
        margin-top: 0px !important;
    }

    .menu-superior-sistemas .menu {
       margin: 10px auto;
    }

   .menu {       
        height: 390px;
        margin: 10px 30px 0;
        overflow-y: scroll;
    } 

    .pushy-interno{
        max-width: 75%;
        position: absolute;
        overflow-y: auto;
    }

    .pushy a {
        color: #fff;
        padding: 15px 0;
    }

    .pushy a:hover {
        color: #fff;
    }

    div#menu\ menu-btn {
        position: absolute;
    }

    .menu_topo li {
        width: 100%;
        text-align: center;
    }

    .menu_topo li a{
        font-size: 12px;
    }

    .menu li ul{
        position: relative;
        display: none;
        top: 0;
        left: 0;
        padding: 15px !important;
        height: 280px;
    }

    .sub-menu li {
        padding-left: 10px;
    }

    .wppsac-post-image-bg{
        display: none;
    }

    .wppsac-post-content-position {
        font-size: 12px;
    }

    .card{
        height: auto;
    }

    .card img{
        width: 80%;
        height: auto;
    }

    .card h3 {
        font-size: 17px;
        margin-top: 15px;
        color: #061528;
        font-weight: Bold;
    }

    header .control-nav {
		height: 60px;
        padding-left: 0px;
        margin: -7px 0 0 -15px;
    }

    header .control-nav-close {
        height: 60px;
        padding-left: 0px;
        margin: -7px 0 0 -15px;
    }

    .logo-topo{
        width: 65%;
        padding: 10px;
    }

    .logo-top-resp{
        position: absolute;
        right: 10px;
    }

    .subtitulo-pagina-interna {
        color: #FFFFFF;
        width: auto;
    }

    .background-topo-page {
        padding: 30px 0;
        height: auto;
    }

    .background-topo-page .row {
        margin: 0;
    }

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

    .borda-esquerda{
        border-left: 4px solid #E81616;
        padding-left: 10px;
    }

    .titulo {
        color: #003171;
        font-weight: bold;
    }

    .titulo-search {
        font-weight: bold;
        color: #081445;
    }

    .topo-page{
        text-align: center;
    }

    .resultado-search {
        width: 100%;
        display: block;
    }

    .menu-responsivo{
        margin-left: 30px;
        list-style: none;
        margin-top: 0 !important;
    }

    .jtabk-active button, .enviarconsproc {
        width: 100%;
        margin: 0;
        margin-bottom: 15px;
    }

    #jtabk-menu {
        font-size: 14px;
    }

    #menu-responsivo {
        padding-left: 30px;
        list-style: none;
        margin-top: 0;
    }

    .fonte-cards {
        font-size: 8px;
        align-items: center;
        padding: 0 24px;
        margin: 0;
    }

    /* INICIO RODAPÉ */

    .menu-rodape {
        width: auto;
    }

    .menu-rodape .menu {
        height: auto;
    }

    .menu-rodape .menu li {
        list-style: none;
        display: block;
    }

    .logo-rodape{
        width: 100%;
        margin-top: auto;
        margin-right: 0;
     }

     .cards-topo.slider-container>* {
        width: 80%;
        height: 280px;
        margin: auto;
    }

     /* FIM RODAPÉ */

    .nucleo h4 {
        color: #003171;
        font-weight: bold;
        font-size: 12px;
        text-align: center;
        background-color: #fff;
        position: relative;
        width: fit-content;
        margin: auto;
        padding: 0 40px;
    }

    .margem-box {
        margin-bottom: 30px;
    }

    .linha-direita-atos {
        display: none;
    }

    .slider-item-show6{
        --swiffy-slider-item-count: 1;
    }

    .swiffy-slider.slider-indicators-outside .slider-indicators, .swiffy-slider.slider-indicators-outside.slider-indicators {
        margin-bottom: 10px;
    }

    .posicao-ico-menu {
        left: 0;
    }

    .copyright {
        font-size: 10px;
    }

    .redes-sociais {
        font-size: 11px;
    }

    .titulo-boas-praticas-3 {
        margin-top: -12px;
    }

    .margem-topo-banco {
        margin-top: 110px;
    }

      #busca-principal .busca {
    max-width: 95vw !important;
  }

  #busca-principal .input-campo-busca {
    width: 100% !important;
  }

  .menu-superior-sistemas .menu {
    margin: 10px auto;
  }

  .menu-superior-sistemas .btn {
    width: 90%;
    margin: 6px auto;
    display: block;
  }

}

@media (max-width: 540px){

    .linha-vertical-menu-1 {
        border-right: 1px solid #3186E4;
        padding: 5px 0 5px 0;
        position: absolute;
        right: 30px;
        height: 23px;
    }

}


/* =========================================================
   Até 480px (smartphones pequenos)
   ========================================================= */
@media (max-width:480px){

  /* painel mais estreito */
  :root { --pushy-w:300px; }

  /* botão no estado aberto: fixo no topo-direito do painel */
  body.novo-pushy-active #novo-menu-toggle{
    position:fixed;
    top:16px; /* mais próximo do topo */
    right: calc(100vw - var(--pushy-w) + 16px);
    left:auto;
    width:36px;
    height:36px;
    padding:0;
    background:transparent;
    border:0;
    z-index:2002;
  }

    .linha-vertical-menu-1 {
    display: none;
  }

}



/* ===== Conversão de px para rem ===== */

/* Base 16px = 1rem */

.menu-superior-left .menu { font-size: 0.875rem; }   /* 14px */
.menu-superior-sistemas .menu { font-size: 0.75rem; } /* 12px */
.menu-superior-sistemas .btn-secondary { font-size: 0.875rem; } /* 14px */
.cards-topo a { font-size: 0.8125rem; } /* 13px */
.cards-topo h6 { font-size: 0.75rem; } /* 12px */
.titulo-topo { font-size: 2.5rem; } /* 40px */
.titulo-topo-ham { font-size: 1.5rem; } /* 24px */
.topo-interno { font-size: 0.625rem; } /* 10px */
.busca-principal button { font-size: 0.6875rem; } /* 11px */
.input-campo-busca { font-size: 0.875rem; } /* 14px */
.menu { font-size: 0.9375rem; } /* 15px */
.menu li ul { font-size: 0.875rem; } /* 14px */
.menu_topo li a { font-size: 0.875rem; } /* 14px */
.titulo-page { font-size: 2.125rem; } /* 34px */
.titulo-estrutura { font-size: 1.25rem; } /* 20px */
.titulo-tabeliaes { font-size: 0.875rem; } /* 14px */
.texto-nucleo { font-size: 0.875rem; } /* 14px */
.noticias-home .titulo { font-size: 0.875rem; } /* 14px */
.data, .data-interna { font-size: 0.8125rem; } /* 13px */
.conteudo-formatacao { font-size: 1rem; } /* 16px */
.breadcrumb-portal { font-size: 0.875rem; } /* 14px */
.resultado { font-size: 0.75rem; } /* 12px */
.resultado-search { font-size: 1.125rem; } /* 18px */
.resultado-busca a { font-size: 1.125rem; } /* 18px */
.menu-interno .dropdown-menu { font-size: 0.6875rem; } /* 11px */
.copyright { font-size: 0.6875rem; } /* 11px */
.endereco-rodape { font-size: 0.75rem; } /* 12px */
.redes-sociais { font-size: 0.8125rem; } /* 13px */
.menu-rodape .menu { font-size: 0.875rem; } /* 14px */
.menu-rodape .menu li ul { font-size: 0.6875rem; } /* 11px */
.titulo-atos-nucleo, .titulo-atos-nucleo span { font-size: 2.8125rem; } /* 45px */
.nucleo h4 { font-size: 0.75rem; } /* 12px */
.textos-nucleo { font-size: 0.8125rem; } /* 13px */
.servidores-nucleo li { font-size: 0.8125rem; } /* 13px */
.boxes-titulo { font-size: 1rem; } /* 16px */
.boxes-corpo { font-size: 0.875rem; } /* 14px */
.wp-block-ub-content-toggle-accordion-title { font-size: 1.25rem !important; } /* 20px */
.busca a { font-size: 1.25rem; } /* 20px */
.subtitulo-topo-ham { font-size: 0.75rem; } /* 12px */
.subtitulo-topo-sec { font-size: 1.5rem; } /* 24px */
.menu-setim-centro a { font-size: 1rem; } /* 16px */
.menu-setim-centro ul li a { font-size: 0.9375rem; } /* 15px */
.faixa-noticias-bg .titulo-comunicados { font-size: 2.25rem; } /* 36px */
.faixa-noticias-bg .titulo-saibamais { font-size: 2rem; } /* 32px */
.titulo-saibamais i, .titulo-comunicados i { font-size: 1.75rem; } /* 28px */
.saibamais-tile .titulo { font-size: 1.2rem; } /* 16px */
.titulo-resultado { font-size: 1.125rem; } /* 18px */
.resumo-resultado { font-size: 0.95rem; } 
.titulo-search { font-size: 1.75rem; } 
.contagem-resultados { font-size: 1.125rem; } 

/* ===== Normalização de line-height ===== */

/* Mantém proporcional sem px fixo */
.menu-superior-left .menu li a { line-height: 3; }     /* antes 3.0 */
.menu-superior-sistemas .menu li a { line-height: 3; } /* antes 3.0 */
.menu-superior .menu li a { line-height: 3; }          /* antes 3.0 */
.titulo-noticias-destaque { line-height: 1.4; }        /* mantido unitless */
.texto-destaque { line-height: 1.4; }                  /* mantido unitless */
.faixa-noticias-bg .titulo-comunicados,
.faixa-noticias-bg .titulo-saibamais { line-height: 1.1; } /* já estava correto */
.titulo-saibamais { line-height: 1.1; }                /* já estava correto */
.resumo-noticia { line-height: 1.4; }                  /* já estava correto */
.fonte-descricao-banco,
.fonte-descricao-box { line-height: 1.4; }             /* já estava correto */




/* =========================
   iPhone 12 / 13 / 14 / 15 / 16 / 17 (normal, Pro)
   Viewport: 390 × 844
   ========================= */
@media (max-width:390px) and (max-height:844px) {

  .titulo-topo { font-size: 1.75rem; padding: 30px 0; }
  .logo-topo-home img { width: 70% !important; }
  .logo-topo-interna img { width: 70% !important; }

  .btn-search {
    font-size: 0.75rem;
    padding: 0 14px;
    height: 38px;
  }

  .input-campo-busca {
    font-size: 0.8125rem; /* 13px */
    height: 38px;
    padding: 0 12px 0 40px;
  }

  .linha-vertical-menu-1 {
    display: none;
  }
}

/* =========================
   iPhone 12 / 13 / 14 / 15 / 16 / 17 Pro Max
   Viewport: 430 × 932
   ========================= */
@media (max-width:430px) and (max-height:932px) {

  .titulo-topo { font-size: 2rem; padding: 32px 0; }
  .logo-topo-home img { width: 65% !important; }
  .logo-topo-interna img { width: 65% !important; }

  .btn-search {
    font-size: 0.8rem;
    padding: 0 16px;
    height: 40px;
  }

  .input-campo-busca {
    font-size: 0.875rem; /* 14px */
    height: 40px;
    padding: 0 14px 0 44px;
  }

    .linha-vertical-menu-1 {
    display: none;
  }
}

/* =========================
   Galaxy S21
   Viewport: 360 × 800
   ========================= */
@media (max-width:360px) and (max-height:800px) {

  .titulo-topo { font-size: 1.5rem; padding: 28px 0; }
  .logo-topo-home img { width: 75% !important; }
  .logo-topo-interna img { width: 75% !important; }

  .btn-search {
    font-size: 0.75rem;
    padding: 0 12px;
    height: 36px;
  }

  .input-campo-busca {
    font-size: 0.8125rem;
    height: 36px;
    padding: 0 12px 0 38px;
  }

    .linha-vertical-menu-1 {
    display: none;
  }
}

/* =========================
   Galaxy S22
   Viewport: 360 × 780
   ========================= */
@media (max-width:360px) and (max-height:780px) {

  .titulo-topo { font-size: 1.5rem; padding: 28px 0; }
  .logo-topo-home img { width: 75% !important; }
  .logo-topo-interna img { width: 75% !important; }

  .btn-search {
    font-size: 0.75rem;
    padding: 0 12px;
    height: 36px;
  }

  .input-campo-busca {
    font-size: 0.8125rem;
    height: 36px;
    padding: 0 12px 0 38px;
  }

    .linha-vertical-menu-1 {
    display: none;
  }

}