/*
Theme Name: UNICORP 2025
Text Domain: unicorp-2025
Author: Antonio Paim - Qintess | 2025
Description: Tema desenvolvido para o portal da UNICORP
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;
}


body{
    background-color: #fff;
    font-family: 'Montserrat','roboto','opensans';
    font-size: 18px;
    color: #2A2929;
}

h1, h2, h3, h4{
    font-family: 'Montserrat','roboto','opensans';
}

/* .container-fluid {
    width: 90%;
}

.container {
    max-width: 100%;
    padding: 0 7%;
} */

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

.slider-container.slider-item-show4 {
  --swiffy-slider-item-count: 4;
}

.comunicados{
    color: #fff !important;
    background-color: #2E5181;
    text-align: center;
    padding: 15px;
    height: auto !important;
    width: fit-content;
}

.podcast .comunicados {
    display: block;
    border-radius: 5px;
    width: 100%;
}

.podcast .comunicados:hover {
    background-color: rgba(63, 139, 225, 31%);
    color: #2E5181 !important;
    font-weight: 600;
    text-decoration: none;
}

.img-ico-noticias.mr-2 {
    width: 5%;
    object-fit: contain;
}

.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;
}

.noticias-scroll::-webkit-scrollbar,
.menu::-webkit-scrollbar,
.conteudo-servico::-webkit-scrollbar {
    width: 6px;
}

.noticias-scroll::-webkit-scrollbar-track
 {
    background-color: transparent;
}

.noticias-scroll::-webkit-scrollbar-thumb, .estrutura::-webkit-scrollbar-thumb {
    background-color: #707070;
    border-radius: 8px;
}

.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;
}

.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 a:hover {
    color: #c1c1c1;
}

.menu-superior-left .menu li:after {
    border-left: 1px solid #BBD0E8;
    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;
}

.titulo-noticias-destaque {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    color: #000000;
    display: block;
}

.titulo-cursos-destaque {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    color: #000000;
    display: block;
    line-height: inherit;
}

.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: 95%;
}

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

.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;
}
.pushy ul:first-child {
    overflow-y: scroll;
    max-height: 50vh;
}

.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-texto-menu {
    margin-left:42px;
}

.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 --*/

/* -- Menu --*/
/* nav{
    position: absolute;
    z-index: 99999;
    overflow: hidden;
    visibility: hidden; 
}
 */
header nav{ 
  position: absolute;
  z-index: 99999;
  overflow: hidden;
  visibility: hidden; 
}

#control-nav{
    display: none;
}
#control-nav:checked ~ .control-nav-close {
	-webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}  
#control-nav:checked ~ nav {
    visibility: visible;
	-webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); ;
    background-color: rgba(0, 0, 0, 0.6); 
    overflow: hidden;   
}
header .control-nav {
    display: block;
    z-index: 999999;
    cursor: pointer;
    font-size: 25px;
    transform: rotate(90deg);
    color: #fff;
    font-weight: 600;
    margin: 0;
    text-align: center;
    height: 100%;
}
label.control-nav:before {
    content: "|";
}
label.control-nav:after {
    content: "|";
    position: absolute;
}

header .control-nav-close {
    display: none;
    padding: 25px 10px;
    z-index: 999999;
    cursor: pointer;
    font-size: 25px;
    width: fit-content;
    position: absolute;
    color: #fff;
    font-weight: bold;
    top: -175px;
    margin-left: 150px;
}
#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: 65%;
    padding-bottom: 20px;
}

.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(63,146,225, 20%);
    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-indicators{
    display: none;
}

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

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

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

.marcador{
    color: #eb3b3b;
    position: absolute;
    font-size: 25px;
}


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

.botoes-uteis a{
    color: #081445;
    display: flex;
    padding: 20px;
    align-items: center;
    width: 100%;
    background-color: #f4f4f4;
    height: 80px;
}

.botoes-uteis a:hover{
    text-decoration: none;
}

.botoes-uteis span {
    margin-right: 10px;
}

.banner-inferior .col-md-6 {
    text-align: end;
    align-items: end;
    display: flex;
}

.botoes-uteis {    
    list-style: none;
    padding-left: 20px;
    display: flex;
    margin-bottom: 25px;
    align-items: center;
}

.botoes-uteis h6 {
   margin-bottom: 0;
   font-size: 14px;
}

.botoes-uteis p {
    margin-bottom: 0;
    font-size: 14px;
 }

#control-nav{
    display: none;
}

 .topo1-cor {
    background: url(assets/img/banner-unicorp-2025.png) no-repeat center center,
                linear-gradient(to top, #002040, #195078);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
    width: 100%;
    padding: 0 30px;
    z-index: 99;
    position: relative;
    min-height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.linha-direita {
    border-right: 1px solid #ccc;
    height: -webkit-fill-available;
    position: absolute;
    left: 40px;
}

.linha-direita-atos {
    border-right: 1px solid #fff;
    height: -webkit-fill-available;
    position: absolute;
    right: 0;
}

.logo-topo-home img{
    width: 100%;
    padding: 20px;
}

.logo-topo-interna img{
    width: 80%;
    margin-top: 20px;
}

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

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

a{
    color: #081445;
}

.btn-search{
    padding: 8px 10px;
    margin-top: -1px;
    margin-left: -4px;
    color: #fff;
    background-color: #2E5181;
    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;
}

.links-topo .menu {
    font-size: 14px;
    font-weight: 700;
    margin: 10px 0 0 10px;
    height: 100%;
    width: 100%;
    background-color: transparent;
    padding-bottom: 0;
    overflow: initial;
    align-content: center;
}
.menu-menu-secundario-container, .links-topo {
    height: 100%;
}


.links-topo .menu li.menu-item-has-children:hover {
    background-color: #3F88D9;
    height: fit-content;
    border-radius: 15px;
}



a:not([href]):not([tabindex]):hover {
    text-decoration: underline;
    cursor: pointer;
}

.links-topo a:not([href]):not([tabindex]):hover {
   color: #1B6FB8;
}

.links-topo .menu li ul {
    position: absolute;
    top: auto;
    left: auto;
    background-color:#3F88D9;
    display: none;
    font-size: 12px;
    z-index: 0;
    padding-inline-start: 0px;
    list-style: none;
    font-weight: 700;
    overflow: initial;
    margin-left: 0;
    padding: 0;
    padding-right: 0;
    border-radius: 0;
    height: auto;
    width: fit-content;
    z-index: 99999;
}


.links-topo .sub-menu li {
    padding: 5px !important;
    margin: 0 10px;
    display: block;
    border-bottom: 3px solid rgba(255, 255, 255, 0.1);
}

.links-topo .sub-menu li:last-child {
    border-bottom: none;
}

.seta {
    color: #fff;
    margin-left: 5px;
    font-size: 10px;
    margin-top: 5px;
}
.seta1 {
    color: #fff;
    margin-right: 20px;
    font-size: 10px;
    margin-top: 5px;
    float: right;
}
#menu {
    align-self: center;
}

.menu-superior{
    background-color: #21538B;
    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: #fff;
} */

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

.links-topo a{
    color: #fff!important;
    display: block;
}

.links-topo a:hover{
    color: #1B6FB8;
}

.links-topo li {
    margin: auto;
    display: inline-block;
    width: auto;
    padding: 10px;
}

.links-topo li .sub-menu li a {
    padding: 0;
}

.links-topo .sub-menu li:last-child {
    padding-bottom: 0px !important;
}


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

.cards-topo {
    margin-top: 10px;
}

.input-group {
    display: block;
    margin-bottom: 30px;
    margin-top: 20px;
}

.cor-fundo-area-noticias {
    background-color: rgba(222, 232, 251, 80);
    padding: 30px 30px 15px 50px;
}

.areanoticias{
    padding: 10px 60px;
}

.busca-principal {
    width: 30%;             
    min-width: 250px;        
    max-width: 550px;       
    margin: 0 0 0 auto;     
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#busca-principal {
    width: 100%;
    display: flex;
    justify-content: flex-end; 
    margin: 0;
    padding: 0;
}

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


.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;
}
/* .fique-ligado h4{
    font-style: italic;
} */
.input-campo-busca {
    width: 60%;
    height: 40px;
    background: #ffffff;
    border: 1px solid #E9E9E9;
    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;
}


.links-topo.interno{
    text-align-last: left;
}

.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: #086BCD;
    width: 325px;
    margin: 10px 0;
    overflow-y: scroll;
    padding-bottom: 30px;
    height: 80vw;
}

.menu li ul {
    width: 100%;
    height: 75vh;
    position: absolute;
    top: 130px;
    left: 100%;
    background-color: #081342;
    display: none;
    font-size: 14px;
    z-index: 0;
    padding-inline-start: 0px;
    list-style: none;
    font-weight: 700;
    overflow-x: auto;
    margin-left: -10px;
    padding: 30px 0;
    padding-right: 15px;
    border-radius: 10px;
    overflow: inherit;
} 

.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: -15px;
    background-color: #004A92;
    position: absolute;
    display: block;
}
.sub-menu li{
    padding-left: 30px;
}
.menu-principal {
    width: 355px;
    background: #0C1A55;
    overflow: hidden;
}
.pushy-interno{
    max-width: 355px;
    background-color: #086BCD;
    position: absolute;
}
.pushy-interno li{
    margin-left: 50px;
}
.pushy-interno li li{
    margin-left: 0px;
}
.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;

}

.background-topo-page {
    background-image: url(assets/img/background-topo.png); 
    width: auto;
}
.titulo{
    color: #003171;
    font-weight: bold;
}

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

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

.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: 85px;
    overflow: hidden;
    font-size: 13px;
}


.data{
    color: #3f3e3e;
    font-size: 16px;
    font-weight: bold;
}

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

.margem-data {
    margin-top: -30px;
}

.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;
    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;
}


.dropdown-menu::-webkit-scrollbar, .menu::-webkit-scrollbar, .conteudo-servico::-webkit-scrollbar {
    width: 8px;
}

.dropdown-menu::-webkit-scrollbar-track, .menu::-webkit-scrollbar-track, .conteudo-servico::-webkit-scrollbar-track {
    background-color: transparent;  
}

.dropdown-menu::-webkit-scrollbar-thumb, .menu::-webkit-scrollbar-thumb, .conteudo-servico::-webkit-scrollbar-thumb {
    background-color: #0E3363;  
    border-radius: 20px;
}

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

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

.conteudo-interno {
    background-color: #ffffff;
    padding: 15px 30px 30px;
    margin: 35px auto;
    max-width: 1200px;
}

.titulo-projeto{
    background-color: #022366;
    color: #fff;
    justify-content: center;
    height: 60px;
    align-items: center;
    display: flex;
}

.titulo-projeto .titulo{
    color: #fff;
    margin: auto;
    text-align: center;
}

.noticias-projeto {
    background-color: #BFDCFC;
    padding: 30px;
}

.noticias-projeto h2{
    font-weight: bold;
    color: #000;
}

.noticias-projeto img{
    height: 200px;
    object-fit: cover;
    object-position: center;
}

.descricao-projeto .titulo{
    color: #000;
}

.descricao-projeto .data{
    color: #3A3A3A;
    font-weight: 500;
}

.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;
}

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

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

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

.noticias h6{
    color: #202020;
}

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

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


.fique-ligado ul a:hover{
    background-color: rgba(63, 139, 225, 31%);
}

.duvidas {
    position: absolute;
    color: #000;
    font-weight: 600;
    background: #0172E2;
    right: 28px;
    padding: 2px 7px;
    margin-top: -15px;
    cursor: pointer;
}


.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;
}


.noticias-home-resp{
    overflow: hidden;
    overflow-y: scroll;
    height: 340px;
}
.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;
}
.desembargadores img{
    width: 100px;
    border-radius: 50%;
    height: 100px;
    margin-bottom: 5px;
}
.desembargadores p {
    height: 190px;
}
.desembargadores .col-md-6 {
    padding: 0 30px;
}
.desembargador img{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin-bottom: 10px;
}
.desembargador p.titulo {
    font-size: 12px;
    width: 280px;
}
.juizes .col-md-3 {
    padding: 0 30px;
}
.juizes h5 {
    color: #55585A;
    font-weight: bold;
    margin-bottom: 0;
}
.juizes p {
    font-size: 12px;
    color: #1C5B85;
    text-transform: uppercase;
    font-weight: bold;
}
.portaria {
    background-color: #18A0FB;
    padding: 10px 30px;
    border-radius: 5px;
    color: #fff;
    margin-right: 15px;
}
.portaria:hover {
   text-decoration: none;
   background-color: #011A44;
   color: #fff;
}
.secoes .conteudo-servico {
    background-color: #ccc;
    color: #003171;
    font-weight: bold;
    font-size: 30px;
    display: flex;
}
.titulo-secoes{
    margin: auto;
    display: block;
    height: auto;
    width: auto;
}
.secoes .servicos {
    border-top: 0;
}

.memorial img {
    width: 100%;
}

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

.rodape {
    min-height: 200px;
}

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

/* .logo-rodape img {
    width: auto;
     margin: 20px 0 0; 
    display: flex;
} */

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

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

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

.endereco-rodape{
    background-color: rgb(0,30,91);
    color: #fff;
    padding: 10px 15px;
    font-size: 14px;
}
.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;
}

.center {
    margin: auto;
    margin-top: 30px;
}

.center-btn-cursos {
    margin: auto;
    margin-top: 30px;
    border-radius: 5px;
}
.cursos .destaque-home a {
    border-left: 5px solid #12345A;
}
.cursos .texto-destaque {
    padding: 0 15px;
    background: linear-gradient(-90deg, rgb(200, 217, 236, 1) 100%, rgb(155, 180, 206) 0%);
    overflow-y: auto;
    padding-bottom: 30px;
    font-size: 14px;
}
.cursos .linha {
    border: 1px solid #aaa;
    margin-top: 30px;
    position: absolute;
    width: 98%;
    margin-left: -15px;
}
.cursos h4 {
    background: #fff;
    padding: 15px;
    z-index: 99;
    position: relative;
    width: fit-content;
    margin: auto;
    margin-bottom: 20px;
    color: #081445;
}
.cursos .destaque-home p {
    font-size: 14px;
    height: auto;
}
.cursos button.slider-nav {
    height: 480px;
}

.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-principal{
	font-size: 2.2rem;
    font-weight: bold;
}

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

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

.box-mais-lidas {
  background-color: #BFDCFC;
  margin-top: 35px;
  padding-bottom: 35px; /* força o fundo a acompanhar até o fim */
}

/* Espaço entre cada bloco */
.box-mais-lidas .container {
  margin-bottom: 25px;
}

/* Último item não precisa de margin extra, o padding do pai resolve */
.ultimo-mais-lido {
  margin-bottom: 0;
}

/* Linha separadora entre itens */
.box-mais-lidas .linha-separacao {
  margin: 15px 0;
}

.linha-outras-noticias {
    border-bottom: 1px solid #b6b6b6;
    margin-top: 17px;
}

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

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

.noticias .titulo-destaque {
    text-transform: uppercase;
    color: #000000;
    /* font-size: 14px; */
    font-weight: bold;
}
button.slider-nav {
    position: absolute;
    display: flex;
    height: 320px;
    top: 0;
    margin: 0;
}

.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;
}

.noticias-outras .linha-outras-noticias {
    position: absolute;
    margin-left: 200px;
}

#misha_loadmore {
    text-align: center;
    /* text-transform: uppercase; */
    width: 400px;
    background-color: #011A44;
    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;
}

.outroslinks .col-md-3 {
    padding: 0 30px;
}

.texto-links {
    color: #000;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    /* padding-right: 5px; */
}
.espaco-box {
    padding: 50px 177px 50px 133px;
}

.espaco-box-servidores {
    padding: 30px 6px 30px 25px;
}

.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;
}

.desembargador img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin-bottom: 10px;
}

.titulo-corregedores {
    color: #003171;
    font-weight: 400;
    font-size: 12px;
}

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

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

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

.margem-foto-des-1 {

    right: 80px;

}

.margem-foto-des-2 {
    
    left: 80px;
}

.img-botoes {
    width: 80%;
}


.outroslinks a{
    display: flex;
    align-items: center;
    font-size: 13px;
    text-decoration: underline;
    padding: 3px 0;
}

/* Accordion */

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #003171;
    border-bottom: 1px solid #003171;
}

/* .card-body {
    border: 1px solid #003171;
} */

.btn-link:hover {
    color: #fff;
}

.btn-link {
    font-weight: bold;
    color: #fff;
    background-color: transparent;
}

.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f0dd";
    float: right; 
    margin-top: -46px;
    margin-right: 20px;
    color: #fff;
    font-size: 30px;
}

.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f0de"; 
}

.textos-nucleo ul{
    margin-left: 40px;
}

.textos-nucleo li{
    width: calc(100% / 2);
    float: left;
}


.servidores-nucleo ul{
    margin-left: 40px;
}

.servidores-nucleo li{
    width: calc(100% / 2);
    float: left;
    font-size: 13px;
	list-style: none;
}

/* Fim accordion */


/*Saiba Mais*/

.areas .titulo {
    font-size: 15px;
    font-weight: bold;
    color: #3677BF;
    text-align: center;
}

.areas .saibamais {
    color: #fff !important;
    background-color: #428EE2;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 3px;
    display: block;
}

.img-areas {
    width: auto;
    margin-right: 4px;
    margin-top: 5px;
}

.links-areas li {
    list-style: none;
    display: block;
}


.btn-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}


.areas .descricao {
    text-align: left;
    color: #5A5E61;
    font-size: 14px;
    font-weight: 500;
    margin: 20px 20px 0 20px;
    height: 37%;
}

.areas p {
    margin-bottom: 0;
}

.box-borda-areas {
    border: 1px solid rgba(112,112,112, 15%);
    text-align: center;
    height: 320px;
}

.margem-areas {
    margin-left: 5%;
}

/* Fim Saiba Mais */

.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;
}


.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    
    padding-top: 0 !important;
}

.tribe-events .tribe-events-c-top-bar__nav-list-item {
    flex: none;
    padding-right: 58px !important;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-h3 {
    font-size: var(--tec-font-size-6) !important;
}

.tribe-common--breakpoint-medium.single-tribe_events .tribe-events-c-subscribe-dropdown, .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-subscribe-dropdown {
    display: none;
}

  /* 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;
}


.tribe-events .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-text {
    display: none;
}

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

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

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

.container-equaliza {
    width: 65%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.margem-topo-equaliza-2 {
    margin-top: 80px;
}

.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);
}

.font-titulos-equaliza-2 h1 {
    font-weight: bold;
    color: #081445;
    text-align: center;
}

.font-titulos-equaliza-1 {
    margin-top: -10px;
    font-weight: bold;
    color: #081445;
}

.margem-topo-equaliza {
    margin-top: 35px;
}

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

.equaliza .descricao ul {
    height: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    overflow-y: hidden;
    width: 45%;
    margin: 0;
} 

.equaliza .descricao li{
    display: contents;
    list-style: disc;
    font-size: 15px;
}

.equaliza .descricao a{
   width: 35%;
}

.boxes-equaliza {
    margin-top: 40px;
}

.boxes-equaliza .saibamais {
    color: #fff !important;
    background-color: #1A64BB;
    text-align: center;
    padding: 6px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 8px;
    display: block;
    width: 100px;
}

.boxes-equaliza .box2 {
    color: #fff !important;
    background-color: #1A64BB;
    text-align: left;
    padding: 6px 6px 6px 25px;
    font-size: 25px;
    font-weight: bold;
    border-radius: 15px;
    display: block;
    width: 500px;
}

.cards-topo-cartilha {
    margin-top: 45px;
}

.img-card-topo-cartilha {
    width: 100%;
    display: block;
    object-fit: cover;
    max-height: 113px;
}

.slide-cartilhas .slider-indicators>* {
    display: none;
} 

.slide-mapeamentos .slider-indicators>* {
    display: none;
} 

.slide-cartilhas .slider-nav-round .slider-nav::after {
    
    -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
    mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
    color: #000;
}

.slide-cartilhas .slider-nav-dark.slider-nav-round .slider-nav::before, .slider-nav-dark.slider-nav-square .slider-nav::before {
    background-color: #8f9ba1;
}

.slide-mapeamentos .slider-nav-round .slider-nav::after {
    
    -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
    mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
    color: #000;
}

.slide-mapeamentos .slider-nav-dark.slider-nav-round .slider-nav::before, .slider-nav-dark.slider-nav-square .slider-nav::before {
    background-color: #8f9ba1;
}

 .slide-banco .slider-indicators>* {
    display: none;
} 

.slide-banco .slider-nav-round .slider-nav::after {
    
    -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
    mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
    background-color: #000;
}

.slide-cartilhas .slider-nav-round .slider-nav::after {
    
    -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
    mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
    background-color: #000;
}

.slide-mapeamentos .slider-nav-round .slider-nav::after {
    
    -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
    mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
    background-color: #000;
}

.slide-banco .slider-nav-dark.slider-nav-round .slider-nav::before, .slider-nav-dark.slider-nav-square .slider-nav::before {
    background-color: #8f9ba1;
}

.fonte-cartilha h6 {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    margin-top: 10px;
    line-height: 1.4;
    margin-bottom: 15px;
}

.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;
}

.slide-banco .saibamais {
    color: #fff !important;
    background-color: #1A64BB;
    text-align: center;
    padding: 6px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 8px;
    display: block;
    width: 100px;
}

.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;
}

.boxes-equaliza .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 64.333333%;
    max-width: 64.333333%;
}

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

.equaliza-pg p {
    margin-top: 0;
    margin-bottom: 2rem;
}

.equaliza-pg li {
    margin-left: 20px;
}

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

.titulo-boas-praticas h1{
    text-align: center;
    color: #000;
    font-weight: bold;
    margin-bottom: 25px;
}

.titulo-boas-praticas h2{
    text-align: center;
    color: #000;
    font-weight: bold;
    margin-bottom: 25px;
    font-size: 24px;
}

.titulo-boas-praticas-2 {
    font-weight: bold;
    margin-top: 0;
    margin-left: -20px;
    color: #000;
}

.titulo-boas-praticas-3 {
    font-weight: bold;
    margin-top: -18px;
    margin-left: -20px;
    color: #000;
}

.subtitulo-boas-praticas {
    font-weight: 600;
    font-size: 15px;
    color: #000;
    text-align: center;
}

.box-borda-boas-praticas {
    border: 0;
    border-radius: 10px;
    text-align: center;
    width: 260px;
    height: 255px;
    background-color: #9FD7D3;
}

.areas-boas-praticas .titulo {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    text-align: center;
    padding: 0 8px 0 8px;
}

.areas-boas-praticas .descricao {
    text-align: center;
    font-weight: 600;
    color: #000;
    font-size: 14px;
    margin: 20px 15px 0 20px;
    height: 40%;
}

.areas-boas-praticas a:hover {
    color: #dedede;
}

.areas-boas-praticas .col-md-4 {
    -ms-flex: 0 0 28.333333%;
    flex: 0 0 28.333333%;
    max-width: 28.333333%;
}

.texto-links-2 {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

.img-areas-2 {
    width: auto;
    padding: 55px 0 10px 0;
}

.boas-praticas-pg p {
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 2rem;
}


.boas-praticas-pg ul {
    list-style: none; 
    padding-left: 20px; 
}

.boas-praticas-pg ul li {
    color: #000000; 
    font-size: 16px; 
    margin-bottom: 5px; 
    position: relative;
    padding-left: 20px; 
    line-height: 1.3; 
    font-weight: 600;
}

.boas-praticas-pg ul li::before {
    content: ''; 
    width: 10px; 
    height: 10px; 
    display: block;
    position: absolute;
    left: 0;
    top: 25%; 
    background-color: #469792; 
    border-radius: 0; 
}


.form-boas-praticas input[type="text"],
.form-boas-praticas input[type="email"],
.form-boas-praticas textarea,
.form-boas-praticas input[type="file"],
.form-boas-praticas input[type="checkbox"],
.form-boas-praticas select,
.form-boas-praticas button {
  border-radius: 8px;
  background-color: #469792;
  color: #fff;
  padding: 10px;
  margin-bottom: 10px;
  width: 100%;
}


.form-boas-praticas button {
  border: none;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  background-color: #469792;
  color: #ffffff;
}


.form-boas-praticas label {
  display: block;
  margin-bottom: 5px;
}

.form-boas-praticas input::placeholder,
    .form-boas-praticas textarea::placeholder {
      color: #FFFFFF; 
    }

    .form-boas-praticas select {
        padding: 10px 40px 10px 10px; 
        -webkit-appearance: none; 
        -moz-appearance: none; 
        appearance: none; 
        background-color: #469792; 
        color: #fff; 
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="6"><path d="M6 6l6-6H0z" fill="%23fff"/></svg>'); /* Adiciona uma seta personalizada (neste exemplo, uma seta simples em SVG) */
        background-repeat: no-repeat;
        background-position: right 10px center; 
      }

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

.alinha-botoes-carrosel {
    width: 80px;
    display: flex;
    margin: auto;
}

.setas-cards .slider-nav {
    position: absolute;
    margin-left: 0;
}

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

.img-lamp {
    width: auto;
}

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

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

@keyframes opacity {
    from {opacity: 0;}
    to {opacity: 100%;}
  }

 /* Container dos cards: força três colunas */
.contentfique ul {
  display: grid;
  grid-template-columns: repeat(3, 120px);
  gap: 60px;
  justify-content: center;
}

  
  /* Cada card e seu texto */
  .fique-ligado ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 120px; /* Mesmo tamanho do card */
  }
  
  /* Card (link com imagem) */
  .fique-ligado ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px; /* Mantém os cards iguais */
    height: 120px;
    background: linear-gradient(to top, #002040, #195078);
    border-radius: 10px;
    text-decoration: none;
    transition: transform 0.3s ease;
  }
  
  .fique-ligado ul li a:hover {
    transform: scale(1.05);
  }
  
  /* Imagem dentro do card */
/*   .img-pad {
    width: 60px;
    height: auto;
    object-fit: contain;
  } */

    .img-pad {
    margin: 0 auto;
display: block;
  }
  
  /* Texto abaixo do card, sempre alinhado */
  .center {
    width: 100%; /* Ocupa 100% do espaço disponível */
    min-height: 40px; /* Mantém a altura mínima para evitar desalinhamento */
    margin-top: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #002040;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    word-wrap: break-word;
  }

  .bt-mais-noticias-2 {
    width: 140px;
    border-radius: 5px;
    display: inline-block !important; 
    text-align: center; 
}

.swiffy-slider .slider-indicators {
    position: absolute;
    bottom: -15px; 
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
    gap: 5px;
}

.swiffy-slider {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.slider-container.slider-item-show4 {
    height: auto !important;
    overflow-y: visible !important;
}

.card-title {
    font-size: 16px;
    font-weight: 600;
}

.curso-info {
    color: #333;
    background: linear-gradient(135deg, #fafafa, #f0f0f0);
    border: 1px solid #e0e0e0;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    max-width: 600px;
    margin: 20px auto;
  }
  
  .curso-info p {
    margin: 10px 0;
    font-size: 15px;
    line-height: 1.5;
    padding: 5px 10px;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
  }
  
  .curso-info p::before {
    content: attr(data-label) ": ";
    font-weight: bold;
    color: #2E5181;
  }
  
  .curso-info p:hover {
    background-color: #f0f8ff;
    color: #0056b3;
  }
  
 /* Sobrescreve o alinhamento para que o conteúdo fique à esquerda */
.conteudo-interno > div:first-child,
.conteudo-interno .breadcrumb-portal,
.conteudo-interno form,
.conteudo-interno .nav-pills {
  text-align: left !important;
}

/* Se necessário, remova margens automáticas dos formulários ou elementos internos */
.conteudo-interno form {
  margin-left: 0;
  margin-right: 0;
}

/* Centraliza as abas (nav-pills) dos meses */
.conteudo-interno .nav-pills {
  justify-content: center;
}


/* Centraliza o título dentro dos cards */
.conteudo-interno .card-title {
  text-align: center;
}


/* Ajuste geral do container */
.conteudo-interno.container-unicorp-pauta {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 15px;
  }
  
  /* Grid dos cards */
  .revista-cards-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 30px;
    margin-top: 30px;
  }
  
  /* Cada card */
  .revista-card {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px;
    text-align: center;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    background-color: #fff;
  }
  
  .revista-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
  }
  
  .revista-card img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    border-radius: 4px;
  }
  
  .revista-card h3 {
    font-size: 15px;
    margin: 0;
    color: #333;
  }
  
  .revista-card a {
    text-decoration: none;
    color: inherit;
  }


/* ====== ÁREA DE CURSOS ====== */

.area-cursos {
    background-color: #F0F5FF;
    padding: 50px 0;
}

.bg-full {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

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

.titulo-cursos {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 40px;
}

.icone-cursos {
    width: 70px;
    height: auto;
}

.titulo-cursos h4 {
    font-size: 42px;
    font-weight: 800;
    color: #13345f;
    margin: 0;
}

.cursos-slider .slider-container {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* ====== CARDS DE CURSOS ====== */


.area-cursos .card-curso {
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.area-cursos .card-curso.card-spacing-top {
    margin-top: 15px;
}

.area-cursos .img-wrapper {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
  height: 300px;
}

.area-cursos .img-curso,
.area-cursos .calendario-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.area-cursos .fallback-div {
    background-color: #333;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

/* ====== INFORMAÇÕES DO CARD ====== */

.area-cursos .card-info {
    padding: 20px;
    background: #ffffff;
    border-radius: 0 0 20px 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.area-cursos .card-info h5 {
    font-size: 18px;
    font-weight: 700;
    color: #13345f;
    margin-bottom: 10px;
}

.area-cursos .card-info p {
    font-size: 14px;
    color: #13345f;
    margin-bottom: 5px;
}

.area-cursos .card-info p strong {
    font-weight: 700;
}

/* ====== DESCRIÇÃO INTERNA DO CURSO ====== */

.area-cursos .card-descricao-home {
    display: none;
    font-size: 14px;
    margin-top: 15px;
    background: #f9f9f9;
    padding: 15px;
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
    color: #333;
}

.area-cursos .card-curso:hover .card-descricao-home {
    display: block;
}

.area-cursos .card-descricao-home h6 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #13345f;
}

.area-cursos .card-descricao-texto {
    max-height: 100px;
    overflow: auto;
    font-size: 13px;
    line-height: 1.4;
}

/* ====== BOTÕES ====== */

.area-cursos .btn-inscricao,
.area-cursos .btn-inscricao.encerrado {
    display: inline-block;
    padding: 10px 25px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    transition: background 0.3s ease;
    border: none;
    text-align: center;
}

.area-cursos .btn-inscricao {
    background-color: #2685bd;
    color: #ffffff !important;
}

.area-cursos .btn-inscricao:hover {
    background-color: #1b6a99;
    color: #ffffff !important;
}

.area-cursos .btn-inscricao.encerrado {
    background-color: #f2f2f2;
    border: 2px solid #cccccc;
    color: #999999 !important;
    cursor: not-allowed;
}

/* ====== TÍTULOS COM LINK ====== */

.area-cursos .titulo-curso-link {
    color: #333;
    text-decoration: none;
    transition: color 0.2s ease;
}

.area-cursos .titulo-curso-link:hover {
    color: #2685bd;
    text-decoration: underline;
}

/* ====== NAVEGAÇÃO DO SLIDER ====== */

.area-cursos .cursos-slider .slider-nav,
.area-cursos .cursos-slider .slider-nav-next {
    margin-top: 50px !important;
}

/* ====== BOTÃO CALENDÁRIO ====== */

.area-cursos .btn-acessar-calendario {
    display: inline-block;
    background-color: #2685bd;
    color: #ffffff !important;
    padding: 12px 30px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 16px;
    margin-top: 30px;
    text-decoration: none;
    transition: background 0.3s ease;
}

.area-cursos .btn-acessar-calendario:hover {
    background-color: #2e5181;
    color: #ffffff !important;
}


/* ====== AJUSTES SWIFFY SLIDER ====== */

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

.slider-nav:hover::after {
    background-color: #2e5181;
}

.item-info {
    margin-bottom: 10px;
}

.item-info .label {
    font-size: 14px;
    font-weight: 700;
    color: #13345f;
    margin: 0;
}

.item-info .valor {
    font-size: 16px;
    font-weight: 400;
    color: #13345f;
    margin: 2px 0 0 0;
}

/* ===== MENU SECUNDÁRIO - UNICORP | PADRÃO COM PADDING 10PX UNIFORME ===== */

nav.custom-nav-container {
    visibility: visible !important;
    position: static !important;
    overflow: visible !important;
    margin-top: 30px;
}

.custom-nav-container .custom-nav-menu {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.custom-nav-container .custom-nav-menu > li {
    position: relative;
    list-style: none;
}

.custom-nav-container .custom-nav-menu > li > a {
    display: block;
    padding: 18px 20px;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
    transition: background-color 0.2s, color 0.2s;
}

.custom-nav-container .custom-nav-menu > li:hover > a {
    background-color: #086BCD !important;
    color: #fff !important;
}

/* Submenu Nível 1 */
.custom-nav-container .custom-nav-menu .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #081342;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    min-width: 260px;
    z-index: 1000;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.custom-nav-container .custom-nav-menu > li:hover > .sub-menu {
    display: block;
}

.custom-nav-container .custom-nav-menu .sub-menu > li {
    position: relative;
    padding: 0 !important;
    list-style: none;
}

.custom-nav-container .custom-nav-menu .sub-menu > li > a {
    display: block;
    font-size: 14px;
    color: #fff !important;
    background: transparent;
    padding: 10px !important;
    transition: background-color 0.2s, color 0.2s;
    border-radius: 0;
    box-sizing: border-box;
}

.custom-nav-container .custom-nav-menu .sub-menu > li:hover > a {
    background-color: #0A47A1 !important;
    color: #fff !important;
    border-radius: 4px;
}

.custom-nav-container .custom-nav-menu .sub-menu .sub-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #004A92;
    min-width: 260px;
    padding: 0 !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 999;
    margin-left: 0 !important;
    list-style: none !important;
    box-sizing: border-box;
    border-radius: 12px; /* ✅ aqui está o ajuste */
}


.custom-nav-container .custom-nav-menu .sub-menu .sub-menu > li {
    padding: 0 !important;
    list-style: none;
}

.custom-nav-container .custom-nav-menu .sub-menu .sub-menu > li > a {
    display: block;
    font-size: 14px;
    color: #fff !important;
    background-color: transparent;
    padding: 10px !important;
    transition: background-color 0.2s, color 0.2s;
    border-radius: 0;
    box-sizing: border-box;
}



.custom-nav-container .custom-nav-menu .sub-menu .sub-menu > li:hover > a {
    background-color: #003266 !important;
    color: #fff !important;
    border-radius: 12px;
}

/* Setas */
.custom-nav-container .custom-nav-menu li.menu-item-has-children > a::after {
    content: "▾";
    font-size: 1.1em;
    margin-left: 8px;
    color: inherit;
    vertical-align: middle;
}

.custom-nav-container .custom-nav-menu .sub-menu li.menu-item-has-children > a::after {
    content: "▸";
    font-size: 1.1em;
    margin-left: 8px;
    color: inherit;
    vertical-align: middle;
}

/* Reset geral */
.custom-nav-container .custom-nav-menu,
.custom-nav-container .custom-nav-menu ul {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

.custom-nav-container .custom-nav-menu li {
    list-style: none !important;
}


/* ================================
   FIX: Hover estável no Pushy 1.4.0
   ================================ */

/* 1) Esconde todos os submenus dentro do Pushy (níveis 1 e 2) */
nav.pushy .menu li ul.sub-menu {
    display: none !important;
  }
  
  /* 2) Mostra o submenu de nível 1 sempre que o LI pai estiver em hover */
  nav.pushy .menu li.menu-item-has-children:hover > ul.sub-menu {
    display: block !important;
  }
  
  /* 3) Mantém o submenu de nível 2 visível enquanto o cursor estiver dentro dele */
  nav.pushy .menu li.menu-item-has-children > ul.sub-menu li.menu-item-has-children:hover > ul.sub-menu,
  nav.pushy .menu li.menu-item-has-children > ul.sub-menu li.menu-item-has-children > ul.sub-menu:hover {
    display: block !important;
  }
  
  /* 4) Garante que o submenu de nível 2 fique “acima” */
  nav.pushy .menu li ul.sub-menu li.menu-item-has-children > ul.sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1000;
  }

/* ===== CALENDÁRIO DE CAPACITAÇÕES ===== */

.calendario-card {
    position: relative;
    overflow: visible;
    z-index: 0;
    border-radius: 12px;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0,0,0,0.05);
    background-color: #fff;
    transition: transform 0.3s ease;
    /* margin-bottom: 25px; */
    min-height: 650px;    /* ajuste o valor conforme necessário */
}

.calendario-conteudo {
    margin-top: 35px;
}

.calendario-card.hovered {
    z-index: 10;
    transform: translateY(-5px);
}

/* ===== BADGE – comportamento dinâmico esquerda/direita ===== */

.calendario-card {
  position: relative;
  overflow: visible;
}

.calendario-badge {
  position: absolute;
  top: 0;
  width: 320px;
  max-width: 90vw;
  background-color: #fff;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left;
  overflow-y: auto;
  min-height: 350px;
}

.calendario-card.hovered .calendario-badge {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.calendario-card.abrir-direita .calendario-badge {
  left: 100%;
  transform: translateX(20px);
}

.calendario-card.abrir-esquerda .calendario-badge {
  right: 100%;
  transform: translateX(-20px);
}

.calendario-card.abrir-direita.hovered .calendario-badge,
.calendario-card.abrir-esquerda.hovered .calendario-badge {
  transform: translateX(0);
}

/* ===== IMAGEM ===== */

.calendario-img {
  width: 100%;
  height: auto;
  border-radius: 8px 8px 0 0;
  object-fit: cover;
}

/* ===== INFORMAÇÕES ===== */

.calendario-card-info {
  padding: 15px;
  background-color: #fff;
  border-radius: 0 0 10px 10px;
}

.calendario-card-topo {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.calendario-card-topo-interno {
  display: flex;
  align-items: center;
  gap: 10px;
}

.calendario-horas {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: bold;
  color: #003366;
}

.calendario-horas img {
  width: 14px;
  height: 14px;
  object-fit: contain;
  display: inline-block;
}

.calendario-horas span {
  margin-left: 4px;
}

/* ===== TIPO DO CURSO ===== */

.calendario-tipo-curso {
  font-size: 11px;
  padding: 2px 10px;
  color: white;
  border-radius: 10px;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
}

.calendario-tipo-curso.online {
  background-color: #00b6e3;
}

.calendario-tipo-curso.presencial {
  background-color: #2b4eff;
}

/* ===== TÍTULO DO CURSO ===== */

.calendario-titulo-curso-link {
  font-size: 16px;
  font-weight: bold;
  color: #003366;
  display: block;
  margin-bottom: 8px;
  margin-top: 30px;
  text-decoration: none;
}

.calendario-titulo-curso-link:hover {
  text-decoration: underline;
}

/* ===== DETALHES ===== */

.calendario-item-info {
  margin-bottom: 10px;
}

.calendario-label {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 2px;
}

.calendario-valor {
  font-size: 14px;
  color: #333;
}

/* ===== BOTÕES ===== */

.calendario-btn {
  background-color: #007bff;
  color: white;
  padding: 8px 20px;
  border-radius: 6px;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
  font-weight: 600;
  border: none;
  transition: background 0.3s;
}

.calendario-btn:hover {
  background-color: #0056b3;
  color: white;
}

.calendario-btn.encerrado {
  background-color: #f2f2f2;
  border: 1px solid #cccccc;
  color: #999999;
  cursor: default;
  pointer-events: none;
}

.calendario-btn.inscricao-ativa {
  background-color: #2685bd;
  color: white;
}

.calendario-btn.inscricao-ativa:hover {
  background-color: #1b6a99;
  color: white;
}

/* ===== CONTEÚDO DO BADGE ===== */

.calendario-badge h5 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;
}

.calendario-descricao {
  font-size: 16px;
  line-height: 1.5;
  flex-grow: 1;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* ===== ESTILIZAÇÃO DO SELECT “Selecione o Ano” ===== */
#calendarioForm select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%200l5%206%205-6z%22%20fill%3D%22%23333%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    padding: 0.5rem 2.5rem 0.5rem 1rem;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    transition: border-color 0.2s ease;
}
#calendarioForm select:hover,
#calendarioForm select:focus {
    border-color: #007bff;
    outline: none;
}

/* ===== LINHA DE DIVISÃO ABAIXO DAS TABS ===== */
.calendario-nav-meses {
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem;
}
.calendario-nav-meses .nav-link {
    border: none;
    border-radius: 0;
    margin-right: 0.5rem;
    color: #555;
    transition: color 0.2s ease;
}
.calendario-nav-meses .nav-link.active {
    color: #fff;
    position: relative;
}
.calendario-nav-meses .nav-link.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 3px;
    background-color: #007bff;
    border-radius: 2px 2px 0 0;
}

  /* Apenas para o grid do calendário */
.calendario-conteudo .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start !important;
    margin-left: -15px;
    margin-right: -15px;
}

.calendario-btn.calendario-btn-inscricao {
    background-color: #2685bd;
    color: #fff;
}

.calendario-btn.calendario-btn-inscricao:hover {
    background-color: #1b6a99;
    color: #fff;
}

.card-categoria {
    border: 1px solid #ccc;
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-categoria:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    border-color: #999;
}


/* Acessibilidade: Focus via Teclado */
.card-categoria:focus-within {
    outline: 2px solid #005fcc;
    outline-offset: 4px;
}

/* Acessibilidade: Destaque no foco via teclado nos cards do calendário */
.calendario-card:focus-within {
    outline: 2px solid #005fcc;
    outline-offset: 4px;
}

.calendario-card-img-wrapper {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
  height: 300px;
  background-color: #e3ecf6; /* Cor de fundo caso a imagem não carregue */
}

.calendario-img,
.fallback-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.pag-noticias {
    border-bottom: 1px solid #e0e0e0;
}

.link-artigo {
    text-decoration: none;
    color: inherit;
    display: block;
}

.titulo-artigo {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 8px;
    color: #081445;
}

.data-artigo {
    font-size: 14px;
    color: #555;
}

/* SUBNÍVEL 2 – Exibir ao passar o mouse */
.custom-nav-menu .sub-menu li.menu-item-has-children:hover > .sub-menu {
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #004A92;
    min-width: 260px;
    padding: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 999;
    border-radius: 12px;
}

/* Garante que todos submenus estejam ocultos por padrão */
.custom-nav-menu .sub-menu {
    display: none;
}

.bloco-card-duplo {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px 30px;
  background: linear-gradient(to bottom, #0D326C, #0A244D);
  border-radius: 12px;
  text-decoration: none;
  color: #fff;
  transition: background 0.3s ease, transform 0.2s ease;
  height: 100%;
}

.bloco-card-duplo:hover {
  background: #0a2955;
  transform: translateY(-2px);
}

.bloco-card-duplo img {
  max-width: 70px;
  height: auto;
  flex-shrink: 0;
}

.bloco-card-duplo .center {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
}

/* Garante espaçamento uniforme nos cards */
.fique-ligado .contentfique .row.mt-1 > div {
  padding-left: 8px;
  padding-right: 8px;
}

.fique-ligado .row.mt-1 > div {
  padding-left: 10px;
  padding-right: 10px;
}

/* Card duplo ocupa toda a linha */
.card-duplo-li {
  grid-column: span 3 !important;
  width: 100% !important;
}

.card-duplo-li .card-duplo-grid {
  width: 100%;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to top, #002040, #195078); /* mesmo gradiente dos pequenos */
  border-radius: 10px;
  transition: transform 0.3s ease;
}



.card-duplo-li .card-duplo-grid:hover {
  transform: scale(1.05);
}

.card-duplo-li {
  grid-column: span 3;
  width: 100%;
}


.card-duplo-li .center {
  color: #002040 ;
  font-size: 16px;
  font-weight: 600;
}
.card-duplo-grid:hover {
  transform: scale(1.02);
}

.card-duplo-li .card-duplo-grid img {
  max-width: 60px;
  height: auto;
  object-fit: contain;
  display: block;
}

/* === BLOCOS DE ACESSO RÁPIDO UNICORP === */

/* Container com grid de 3 colunas */
.contentfique .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px 0;
}

/* CARD SIMPLES – col-md-4 */
.card-simples {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  background: linear-gradient(to top, #002040, #195078);
  border-radius: 10px;
  text-decoration: none;
  transition: transform 0.3s ease;
}

.card-simples:hover {
  transform: scale(1.05);
}

.card-simples img.img-pad {
  width: 60px;
  height: auto;
  object-fit: contain;
}

.card-simples + .center {
  width: 100%;
  min-height: 40px;
  margin-top: 8px;
  font-size: 14px;
  font-weight: bold;
  color: #002040;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  word-wrap: break-word;
}

/* CARD DUPLO – col-md-8 */
.card-duplo-grid {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;  /* Garante que o card duplo ocupe toda a largura de col-md-8 */
  height: 120px; /* Garante a altura do card duplo */
  background: linear-gradient(to top, #002040, #195078);
  border-radius: 10px;
  text-decoration: none;
  transition: transform 0.3s ease;
}

.card-duplo-grid:hover {
  transform: scale(1.05);
}

.card-duplo-grid img.img-pad {
  width: 60px;
  height: auto;
  object-fit: contain;
}

.card-duplo-grid + .center {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: #002040;
  text-align: center;
  margin-top: 8px;
  word-wrap: break-word;
}

/* Espaçamento horizontal dos cards */
.fique-ligado .contentfique .col-md-4,
.fique-ligado .contentfique .col-md-8 {
  padding-left: 10px;
  padding-right: 10px;
}

.legenda-card-acesso {
  display: block;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #002040;
  line-height: 1.3;
  margin-top: 10px;
}

.legenda-card-simples {
  display: block;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: keep-all;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #002040;
  line-height: 1.3;
  margin-top: 10px;
  width: 135px; /* espaço mais confortável */
  padding: 0 4px;
}

/* Ajuste para card duplo garantir o tamanho correto */
.card-duplo-grid {
  flex-direction: column;
  padding: 15px 20px;
  width: 100%;  /* Não muda a largura do card duplo */
  height: 120px; /* Mantém a altura igual */
}

/* Alinhamento da legenda */
.card-simples + .center,
.card-duplo-grid + .center {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  word-wrap: break-word;
}


/* === NOVAS CLASSES DE NOTÍCIAS PERSONALIZADAS === */

/* Área principal de notícias */
.cor-fundo-area-noticias-novo {
  background-color: #F3F6FC;
  padding: 30px 15px;
  overflow-x: hidden; /* previne rolagem horizontal */
}

.margens-area-noticias-novo {
  margin-left: 0;
  margin-right: 0;
}

/* Título e ícone */
.img-ico-noticias-novo {
  width: 36px;
  height: auto;
  margin-right: 10px;
}

.titulo-principal-novo {
  font-size: 28px;
  font-weight: bold;
  color: #002B5C;
  margin-bottom: 10px;
}

/* Slider destaque */
.slider-destaque-novo .slider-container {
  list-style: none;
  padding: 0;
  margin: 0;
}

.slider-destaque-novo .lista-banner {
  overflow: hidden;
  margin-bottom: 20px;
}

.slider-destaque-novo .img-fluid {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

.slider-destaque-novo .texto-destaque {
  background-color: transparent;
  color: #002B5C;
  padding: 0;
  position: relative;
  bottom: auto;
  width: auto;
  margin-top: 10px;
}

.slider-destaque-novo .titulo-noticias-destaque-novo {
  display: block;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  line-height: 1.3;
  margin-bottom: 5px;
}

.slider-destaque-novo .data-noticias-destaque-novo {
  display: block;
  font-size: 13px;
  color: #555;
}

/* Lista de notícias com rolagem */
.lista-noticias-scroll-novo {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden; /* <-- PREVINE rolagem horizontal */
  padding-right: 10px;
  scrollbar-width: thin;
}

.item-noticia-novo {
  display: flex;
  flex-direction: row;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.item-noticia-novo img {
  width: 100%;
  max-width: 140px;
  height: auto;
  object-fit: contain;
  margin-right: 15px;
}

.item-noticia-novo .noticia-info {
  flex: 1;
}

.titulo-noticia-novo {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #222;
  line-height: 1.4;
}

.data-noticia-novo {
  font-size: 13px;
  color: #666;
}

/* Botão "Mais Notícias" */
.bt-mais-noticias-novo {
  display: inline-block;
  margin-top: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  background-color: #0056b3;
  padding: 10px 20px;
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
}

.bt-mais-noticias-novo:hover {
  background-color: #004494;
}

/* ======================================================
   Ajustes Gerais para Modal de Boas-Vindas
   ====================================================== */

/* Overlay escuro semi-transparente */
.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(64, 119, 173, 0.6);
  display: none;       /* mostrado via JS adicionando .show */
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.modal-overlay.show {
  display: flex;
}

/* Conteúdo do modal: sem padding para imagem ocupar tudo */
.modal-content {
  position: relative;
  background: #ffffff;
  width: 600px;
  max-width: 90%;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  overflow: hidden;    /* impede vazamento da imagem */
}

/* Faz a imagem ocupar 100% do modal */
.modal-content img {
  display: block;
  width: 100%;
  height: auto;
}

/* Botão “X” sobre a imagem */
.modal-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: transparent;
  border: none;
  font-size: 1.7rem;
  color: #fff;
  cursor: pointer;
  line-height: 1;
  padding: 0;
}

/* ======================================================
   Ajuste do Logo no Topo
   ====================================================== */

.logo-topo-home {
  display: block;
  width: 100%;
  height: auto;
}

/* Conteúdo do post (the_content) */
.page-unicorp .entry-content img {
  height: auto;
  max-width: 100%;
}

/* Ícone do PDF gerado pelo plugin */
.page-unicorp .entry-content img.cpt-file-icon {
  width: auto !important;   /* anula .img { width:100% } */
  max-width: 48px;          /* opcional: ajuste do ícone */
  vertical-align: middle;
  margin-right: 6px;
}

/* FIX: mostrar paginacao WP */
nav.navigation.pagination{
  visibility: visible !important;
  position: static !important;
  overflow: visible !important;
  display: block;
  margin: 20px 0;
  text-align: center;
}
nav.navigation.pagination .nav-links{
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
nav.navigation.pagination .page-numbers{
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-decoration: none;
  line-height: 1;
}
nav.navigation.pagination .page-numbers.current{
  font-weight: 700;
  background: #eee;
  border-color: #999;
}



@media (max-width: 1366px){


    .dropdown-menu {
        width: 94.3%;
    }

    .alinha-btn-sites {
        width: 95%;
    }

    .font-titulos-equaliza-1 {
        margin-top: -27px;
    }

    .fonte-cartilha h6 {
        font-size: 12px;
    }

    .box-banco .slider-container>* {
        height: 210px;
    }


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

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

    .links-topo .menu {
        font-size: 12px;
    }

    .font-titulos-equaliza-2 h1 {
        font-weight: bold;
        color: #081445;
        text-align: center;
    }

    .bg-destaques  h1 {
        padding-top: 0px;
    }

    .areas-boas-praticas .col-md-4 {
        -ms-flex: 0 0 28.333333%;
        flex: 0 0 30.333333%;
        max-width: 50.333333%;
    }

    .img-centralizada {
        display: block;
        margin: 0 auto;
    }



}


@media (max-width: 1280px) {

  /* === CORREÇÃO DE LAYOUT GERAL === */

  .areanoticias .col-md-8,
  .areanoticias .col-md-4,
  .areanoticias .col-md-6,
  .areanoticias .row > .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .areanoticias {
    padding-left: 20px;
    padding-right: 20px;
  }

  .destaque-home img,
  .destaque-home .wp-post-image {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
    display: block;
  }

  .slider-container .lista-banner {
    overflow: hidden;
  }

  .fique-ligado {
    margin-top: 30px;
    clear: both;
  }

  .fique-ligado .contentfique ul {
    grid-template-columns: repeat(2, 120px);
    gap: 40px;
    justify-content: center;
  }

  .card-duplo-li {
    grid-column: span 2 !important;
  }

  .swiffy-slider .slider-nav {
    height: 40px !important;
    top: 45%;
    margin-top: -20px;
  }

  .area-cursos.bg-full.mt-5,
  .alinha-banner {
    margin-top: 40px !important;
  }


  /* === CORREÇÃO DA LISTA DE NOTÍCIAS (EMPILHAMENTO) === */

  .noticias-home .row.tablet {
    display: flex !important;
    flex-direction: column !important;
  }

  .noticias-home .col-md-4,
  .noticias-home .col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .noticias-home .col-md-4 {
    padding-bottom: 10px;
  }

  .noticias-home .col-md-4 img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
    margin-bottom: 10px;
  }

  .noticias-home .col-md-8 {
    padding: 0 0 10px 0;
  }

  .noticias-home .titulo {
    font-size: 14px;
    line-height: 1.4;
    height: auto;
    margin-bottom: 5px;
  }

  .margem-data {
    margin-top: 0;
    font-size: 13px;
    color: #666;
  }

  /* === CLASSES FORNECIDAS POR VOCÊ === */

  .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;
  }

  .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;
  }

  .botoes-uteis h6 {
    font-size: 13px;
  }

  /* === MENU E TOPO === */

  .links-topo .menu {
    text-align-last: center;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    margin: 0;
    height: 100px;
    width: 100%;
    background-color: transparent;
    padding-bottom: 0;
    overflow: initial;
  }

  .links-topo .menu li ul {
    position: relative;
    background-color: transparent;
    display: none;
    font-size: 12px;
    list-style: none;
    margin-left: 0;
    padding: 0;
    border-radius: 0;
  }

  .links-topo .sub-menu li {
    padding: 5px !important;
    margin: 0 10px;
    display: block;
    border-bottom: 3px solid rgba(255, 255, 255, 0.1);
  }

  .links-topo .sub-menu li:last-child {
    padding-bottom: 0 !important;
    border-bottom: none;
  }

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

  .logo-cabecalho {
    width: 80%;
  }

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

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

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

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

  .menu-superior-left .menu {
    margin-top: 20px;
    height: 35px;
    font-size: 12px;
    text-align: center;
  }

  .areas .descricao {
    text-align: left;
    color: #5A5E61;
    font-size: 13px;
    font-weight: 500;
    margin: 20px;
    height: 37%;
  }

  .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: auto;
  }

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

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


 .bloco-noticias-novo .row {
    flex-direction: column;
  }

  .slider-destaque-novo,
  .lista-noticias-novo {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .lista-noticias-novo .noticia-card,
  .item-noticia-novo {
    flex-direction: column;
  }

  .lista-noticias-novo .noticia-card img,
  .item-noticia-novo img {
    max-width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .lista-noticias-scroll-novo {
    max-height: 350px;
    overflow-x: hidden; /* segurança adicional */
  }

  .titulo-principal-novo {
    font-size: 24px;
  }

  .img-ico-noticias-novo {
    width: 30px;
  }

  .titulo-noticia-novo {
    font-size: 14px;
  }

  .slider-destaque-novo .titulo-noticias-destaque-novo {
    font-size: 18px;
  }

  .bt-mais-noticias-novo {
    font-size: 13px;
    padding: 8px 16px;
  }

  /* Restaurando carrossel dos cursos */
  .slider-container.slider-item-show4 {
    --swiffy-slider-item-count: 2;
  }

}

/* Revistas: usar Bootstrap, não CSS Grid */
.revista-cards-container.row{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;            /* neutraliza o gap do grid custom */
  margin-top: 20px;
}

/* Gutters compatíveis com Bootstrap */
.revista-cards-container.row > [class*="col-"]{
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}

/* Garante que NENHUM grid entre em ação nesse container */
.revista-cards-container{
  display: block;              
  grid-template-columns: none !important;
  gap: 0 !important;
}

/* Logo centralizado apenas no menu lateral */
nav.pushy .logo-menu img,
nav.pushy .center-img .logo-topo-home {
  display: block;
  max-width: 220px;     
  width: 80%;
  margin: 10px auto 20px;
}

/* Botão X visível quando o menu abre */
header .control-nav-close {
  display: none;
  position: fixed;
  top: 40px;
  left: 120px;              
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  padding: 6px 10px;
  line-height: 1;
  cursor: pointer;
  z-index: 100000;
  background: transparent;
}

/* Mostra o X quando o checkbox do menu está marcado */
#control-nav:checked ~ .control-nav-close {
  display: block;
}


/* Corrige largura do container da direita em desktop */
@media (min-width: 1025px) {
  .fique-ligado .contentfique .row.mt-1 {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
  }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .fique-ligado .contentfique .row.cards-scroll {
    flex-wrap: nowrap;
    overflow-x: auto;
    display: flex;
    gap: 15px;
    padding: 0 10px;
  }

  .fique-ligado .contentfique .row.cards-scroll > .col-md-4,
  .fique-ligado .contentfique .row.cards-scroll > .col-md-8 {
    flex: 0 0 auto;
    min-width: 120px;
    max-width: 120px;
    text-align: center;
  }

  .fique-ligado .contentfique .row.cards-scroll .card-duplo-grid {
    min-width: 120px;
    max-width: 120px;
  }
}

@media (max-width: 1280px) {
  .linha-direita {
    display: none;
  }
}

/* ===================================================================================
   ===========  MEDIA QUERY PARA TABLETS (iPad / Samsung - 768px a 1024px)  ==========
   =================================================================================== */

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

    /* ----- CONTAINERS & LAYOUT ----- */
    .container {
        padding: 0 40px;
    }

    .container-fluid {
        width: 95%;
    }

    .conteudo-interno {
        padding: 20px 25px;
    }

    .conteudo {
        min-height: 600px;
    }

    .espaco-box {
        padding: 40px 60px;
    }

    .row.mt-4 > .col-md-6,
    .areanoticias > .row > .col-md-8,
    .areanoticias > .row > .col-md-4,
    .row > .col-md-9,
    .row > .col-md-3 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin-top: 20px !important;
    }

    /* ----- LOGOS E TOPO ----- */
    .logo,
    .logo-cabecalho,
    .logo-topo-home img,
    .logo-topo-interna img {
        width: 100% !important;
        max-width: 280px;
        margin: 0 auto;
    }

    .custom-nav-container {
        display: none !important;
    }

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

    .titulo,
    .titulo-page,
    .titulo-page-post,
    .titulo-cursos {
        font-size: 26px;
    }

    .titulo-artigo {
        font-size: 20px;
    }

    .titulo-outras-noticias {
        font-size: 22px;
    }

    /* ----- MENU PRINCIPAL, SUPERIOR E RODAPÉ ----- */
    .menu {
        font-size: 13px;
        line-height: 2;
        width: 300px;
    }

    .menu-superior-left .menu,
    .menu-superior-sistemas .menu,
    .links-topo .menu {
        font-size: 12px;
        text-align: center;
        height: auto;
    }

    .menu-rodape .menu {
        height: auto;
        flex-wrap: nowrap;
        overflow-x: auto;
        font-size: 12px;
    }

    .menu-rodape .menu a {
        width: auto;
        padding-right: 20px;
    }

    .menu-rodape .menu li {
        display: block;
        padding-bottom: 5px;
    }

    /* ----- BUSCA ----- */
    .input-campo-busca {
        width: 75%;
        font-size: 14px;
        padding: 18px;
    }

    .busca-principal {
        width: 80%;
        margin: 0 auto;
        justify-content: center;
    }

    .busca-principal button {
        padding: 12px;
        font-size: 11px;
    }

    /* ----- FIQUE LIGADO ----- */
   .fique-ligado .contentfique .row.cards-scroll {
    flex-wrap: nowrap;
    overflow-x: auto;
    display: flex;
    gap: 15px;
    padding: 0 10px;
  }

  .fique-ligado .contentfique .row.cards-scroll > .col-md-4,
  .fique-ligado .contentfique .row.cards-scroll > .col-md-8 {
    flex: 0 0 auto;
    min-width: 120px;
    max-width: 120px;
    text-align: center;
  }

  .fique-ligado .contentfique .row.cards-scroll .card-duplo-grid {
    min-width: 120px;
    max-width: 120px;
  }

  .fique-ligado .contentfique .row.cards-scroll .img-pad {
    width: 55px;
    height: 55px;
    object-fit: contain;
    margin-bottom: 5px;
  }

  .fique-ligado .legenda-card-simples,
  .fique-ligado .legenda-card-acesso {
    font-size: 12px;
  }

  .fique-ligado .contentfique .row.cards-scroll {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

}


    /* ----- MAIS LIDAS ----- */
    .box-mais-lidas {
        padding: 15px !important;
    }

    .box-mais-lidas img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        border-radius: 4px;
        display: block;
        margin: 0 auto 15px auto;
    }

    .box-mais-lidas .titulo-mais-lidas {
        font-size: 14px;
        text-align: left;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .box-mais-lidas .container {
        margin-bottom: 25px;
    }

    .ultimo-mais-lido {
        margin-bottom: 40px;
    }

    .box-mais-lidas .linha-separacao {
        margin: 15px 0;
    }

    /* ----- SWIFFY SLIDER ----- */
  

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

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

    .cursos-slider {
        position: relative;
        width: 100%;
    }

    .cursos-slider .slider-nav,
    .cursos-slider .slider-nav-next {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%);
        margin-top: 0 !important;
        z-index: 10;
    }

/*     .cursos-slider .slider-nav {
        left: -30px !important;
    }

    .cursos-slider .slider-nav-next {
        right: -30px !important;
    } */

    /* ----- IMAGENS, TEXTOS, GRIDS ----- */
    .img-pad {
        width: 55px;
    }

    .center {
        font-size: 13px;
    }

    .revista-cards-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .card-title {
        font-size: 14px;
    }

    .card-info p {
        font-size: 13px;
    }

    .boxes-equaliza .box2 {
        font-size: 20px;
        width: 100%;
    }

    /* ----- CALENDÁRIO DE CAPACITAÇÕES ----- */
    .calendario-card {
        min-height: 420px;
    }

    .calendario-badge {
        width: 100%;
        padding: 15px;
        font-size: 14px;
    }

    .calendario-titulo-curso-link {
        font-size: 14px;
        margin-top: 20px;
    }

    .calendario-horas span,
    .card-horas span {
        font-size: 11px;
    }

    .calendario-btn,
    .calendario-btn.inscricao-ativa,
    .calendario-btn.encerrado {
        font-size: 14px;
        padding: 12px;
        margin-top: 15px;
    }

    /* ----- CARDS DE CURSOS ----- */
    .card-curso .img-curso {
        height: 250px;
    }

    .card-info h5 {
        font-size: 16px;
    }

    .btn-inscricao,
    .btn-inscricao.encerrado {
        font-size: 13px;
        padding: 10px 20px;
    }

    /* ----- RODAPÉ ----- */
    .logo-rodape {
        width: 70%;
    }

    .logo-rodape img {
        width: 30%;
        margin: 0 auto;
    }

    .logos-rodape-secundarias img {
        width: 70%;
    }

    .redes-sociais {
        font-size: 12px;
        text-align: center;
    }

    .copyright {
        font-size: 11px;
    }


    .bloco-outras-noticias > .col-md-5,
.bloco-outras-noticias > .col-md-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px;
}

.bloco-outras-noticias img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
}

.bloco-outras-noticias h6.titulo {
    font-size: 22px;
    line-height: 1.3;
    word-break: break-word;
}

.busca-principal {
    position: relative;
    width: 90% !important;
    margin: 0 auto;
    justify-content: center;
  }

  .busca-principal .input-campo-busca {
    width: 100%;
    padding-left: 60px;
    font-size: 14px;
    color: #333;
  }

  .busca-principal .input-campo-busca::placeholder {
    color: #666;
    opacity: 1;
  }

  .busca-principal i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    pointer-events: none;
    z-index: 1;
  }

  .busca-principal button {
    padding: 14px 18px;
    font-size: 12px;
    border-radius: 0 4px 4px 0;
  }

    .calendario-card .calendario-badge {
    top: 10px;
  }

  .noticias-home-resp {
    height: 340px !important;
    overflow-y: scroll !important;
  }

}


@media (max-width: 992px) {
    /* Permite que o container se ajuste dinamicamente ao conteúdo */
    .cor-fundo-area-noticias {
      height: auto !important;
    }
    
    /* Remove altura fixa dos links de notícias para que se adaptem ao conteúdo */
    .noticias-home a {
      height: auto !important;
    }
    
    /* Remove restrições de altura nas imagens de notícias */
    .noticias-home img {
      height: auto !important;
      max-height: none !important;
    }
    
    /* Elimina a margem negativa que empurrava o bloco "Fique Ligado" para cima */
    .fique-ligado {
      margin-top: 0 !important;
    }

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

    .margem-topo-equaliza {
        margin-top: 55px;
    }
  }

  @media (max-width: 991px) {
    #busca-principal {
        justify-content: center;
    }
    .busca-principal {
        width: 90%;
        margin: 0 auto;
        max-width: 100%;
        justify-content: center;
    }
}

 
@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;
    }

    .font-titulos-equaliza-1 {
        margin-top: -29px;
    }

    .areas-boas-praticas .descricao {
        font-size: 12px;
    }

    .areas-boas-praticas .titulo {
        font-size: 16px;
    }

	
}


@media (max-width: 767px){

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

    .logo-topo-home img {
        box-sizing: border-box;
        width: 200px;
        padding: 15px;
      }


    .links-extra {
        display: block;
    }

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

    .links-extra span {
        display: none;
    }

    .linha-direita {
        display: none;
    }

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

 .noticias-home .titulo {
    height: auto;
    margin-top: 15px;
}


    .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%;
    }

    .banner-inferior .col-md-6:first-child {
        margin-bottom: 30px;
    }

    .logo-rodape img {
        width: 65%;
        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: 100%;
        display: inline-block;
        margin: -2px;
        padding: 0 10px;
    }

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

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

    .botoes-uteis h6 {
        font-size: 14px;
    }
    
    .input-campo-busca {
        width: 60%;
    }
    
    .menu_topo {
        margin: auto;
        width: fit-content;
    }

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

    .links-topo {
        text-align-last: center;
    }
    
    .botoes-uteis a{
        width: 100%;
    }
    
    .boxes-missao-visao {
        margin-top: 30px;
    }

    .logo-rodape img {
        width: 25%;
    }

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

    .links-topo .menu {
        text-align-last: center;
        font-size: 10px;
        font-weight: 700;
        display: flex;
        margin: 0;
        height: 100px;
        width: 100%;
        background-color: transparent;
        padding-bottom: 0;
        overflow: initial;
    }

    
    /* 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;
    }

    .boxes-equaliza .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .font-titulos-equaliza-1 {
        margin-top: 10px;
        font-size: 36px;
    }
    

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

    .fonte-descricao-banco {
        font-size: 14px;
    }

    .div-banco {
        height: 60px;
    }

    .img-card-topo-cartilha {
        width: 100%;
        max-height: inherit;
    }

    .margem-topo-banco {
        margin-top: 0;
    }

    .fonte-cartilha h6 {
        font-size: 15px;
    }


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

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


    .boas-praticas-pg ul li::before {
        top: 9%; 
    }

    .areas-boas-praticas .descricao {
        font-size: 15px;
    }

    .areas-boas-praticas .titulo {
        font-size: 18px;
    }

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

    .areas-boas-praticas .col-md-4 {
        -ms-flex: 0 0 28.333333%;
        flex: 0 0 100%;
        max-width: 69%;
    }

    .contentfique ul {
        grid-template-columns: repeat(2, 1fr); /* 2 colunas em tablets */
      }

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

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

/* Calendário de Capacitações */

/* Ajuste do container principal */
.container {
    padding: 0 15px;
  }

  /* Dropdown de ano */
  #select-ano,
  .ano-dropdown {
    width: 100%;
    margin-bottom: 10px;
    font-size: 1rem;
  }

  /* Ajuste nas nav-pills (abas de meses) */
  .nav-pills {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 15px;
  }
  
  .nav-pills .nav-link {
    font-size: 0.9rem;
    padding: 8px 12px;
    margin: 3px;
  }

  /* Ajuste dos cards */
  .card {
    margin-bottom: 20px;
  }
  
  .card-title {
    font-size: 1.25rem; 
  }
  
  /* Ajuste da área de informações dos cursos */
  .curso-info {
    padding: 15px;
    max-width: 100%;
    font-size: 0.9rem;
  }
  
  .curso-info p {
    margin: 8px 0;
    padding: 5px;
    font-size: 0.9rem;
  }
  
  /* Ajuste das abas internas (nav-tabs e tab-content) */
  .nav-tabs {
    font-size: 0.9rem;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 10px;
  }
  
  .nav-tabs .nav-link {
    padding: 6px 10px;
    font-size: 0.9rem;
  }
  
  .tab-content {
    font-size: 0.9rem;
  }


/* Fim Calendário */

 /* Ajusta o container para telas menores */
 .conteudo-interno.container-unicorp-pauta {
    max-width: 100%;
    padding: 15px;
    margin: 0 auto;
  }
  
  /* Altera o grid para uma coluna única */
  .revista-cards-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
    margin-top: 20px;
  }
  
  /* Ajusta os cards */
  .revista-card {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-align: center;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    background-color: #fff;
  }
  
  .revista-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    transform: translateY(-2px);
  }
  
  .revista-card img {
    max-width: 100%;
    height: auto;
    margin-bottom: 8px;
    border-radius: 4px;
  }
  
  .revista-card h3 {
    font-size: 15px;
    margin: 0;
    color: #333;
  }
  
  /* Ajusta o alerta do Bootstrap, se utilizado */
  .alert {
    font-size: 14px;
    padding: 10px;
  }


  /* 1) Empilhar col-md-8 e col-md-4 (área de notícias e fique-ligado) */
  .areanoticias > .row > .col-md-8,
.areanoticias > .row > .col-md-4 {
  -ms-flex: 0 0 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin-top: 20px !important;
}

  /* 2) Dentro da área de notícias (.row.mt-4), cada col-md-6 (slider e lista) fica 100% */
  .row.mt-4 > .col-md-6 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-top: 20px !important; 
  }

  /* 3) Cada item de notícia em 1 linha: se houver .row.tablet com col-md-4/col-md-8, empilhar */
  .row.tablet > .col-md-4,
  .row.tablet > .col-md-8 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    float: none !important;
  }

  /* Remove altura fixa, se houver, e permite rolagem vertical se quiser */
  .noticias-home-resp {
    height: auto !important;
    max-height: none !important;
    overflow-y: auto; 
  }

  .fique-ligado .contentfique ul.row.mt-1 li:last-child {
    margin-right: 0 !important;
  }

  /* Deixa logo maior ou menor, conforme precisar */
  .logo img {
    max-width: 150px; /* ou outro valor */
  }

  /* Faz o menu quebrar linha e empilhar itens */
  .menu-superior ul {
    flex-wrap: wrap; 
    gap: 10px; /* diminui o espaço */
    justify-content: center; /* centraliza, se quiser */
  }

   /* 1) Começa sempre fechado e posicionado relativo ao LI pai */
   nav.pushy .menu li.menu-item-has-children > ul.sub-menu {
    display: none;
    position: absolute;
  }
  /* 2) Mostra o submenu de nível 1 enquanto o LI pai ou o próprio submenu estiverem em hover */
  nav.pushy .menu li.menu-item-has-children:hover > ul.sub-menu,
  nav.pushy .menu li.menu-item-has-children > ul.sub-menu:hover {
    display: block !important;
  }

    /* Grid do Calendário - Centraliza os cards */
  .calendario-conteudo .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -10px;
    margin-right: -10px;
  }

  /* Cards do Calendário - Ajusta o espaçamento lateral */
  .calendario-conteudo .row > [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* Torna os cards 100% em mobile */
  .calendario-conteudo .row > .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

  /* Badge abaixo do card */
  .calendario-card.abrir-direita .calendario-badge,
  .calendario-card.abrir-esquerda .calendario-badge {
    position: absolute;
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
    top: 100%;
    margin: 10px 0 0 0;
    padding: 15px;
    border: 1px solid #eee;
    box-shadow: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  }

  .calendario-card.hovered .calendario-badge {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  /* Ajuste do título do badge */
  .calendario-badge h5 {
    text-align: center;
  }

  /* Botões em full-width */
  .calendario-btn,
  .calendario-btn.inscricao-ativa,
  .calendario-btn.encerrado {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 15px;
    padding: 12px;
    margin-top: 15px;
  }

    .card-categoria {
        margin-bottom: 20px;
        padding: 15px;
    }

    .card-categoria h2.titulo-curso-link {
        font-size: 16px;
    }

    .card-categoria .descricao-curso {
        font-size: 13px;
    }

    .row.tablet {
    display: block !important;
  }

    nav.custom-nav-container {
        display: none !important;
    }

    .topo1-cor {
    background: linear-gradient(to top, #002040, #195078);
  }

    .data {
    font-size: 14px; 
    margin-top: 10px;
    margin-bottom: 15px;
  }

.box-mais-lidas {
    padding: 15px !important; 
  }

  .box-mais-lidas img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 4px;
    display: block;
    margin: 0 auto 15px auto; 
  }

  .box-mais-lidas .titulo-mais-lidas {
    font-size: 14px;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 20px; 
  }

/* Espaço entre cards */
.box-mais-lidas .container {
  margin-bottom: 25px;
}

/* Último card com respiro visual */
.ultimo-mais-lido {
  margin-bottom: 30px;
}

/* Linha separadora entre cards */
.box-mais-lidas .linha-separacao {
  margin: 15px 0;
}

/* Espaço entre imagem e linha */
.linha-separacao {
  margin-top: 10px;
}

    .titulo-page-post {
    margin-bottom: 20px;
  }

  .titulo-artigo {
        font-size: 16px;
        margin-top: 15px;
    }

    .data-artigo {
        font-size: 13px;
        margin-bottom: 15px;
    }

    .pag-noticias {
        padding-bottom: 15px;
    }

    .ultimo-mais-lido {
    margin-bottom: 40px; 
  }

  .box-mais-lidas .linha-separacao {
    margin: 15px 0;
  }

   .conteudo-interno .row {
        flex-direction: column;
    }

    .conteudo-interno .col-md-6 {
        width: 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
    }

    .conteudo-interno h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

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

    .map-responsive iframe {
        width: 100% !important;
        height: 300px !important;
    }

    .map-responsive {
        width: 100%;
        height: auto;
        overflow: hidden;
        border-radius: 6px;
    }

    .breadcrumb-portal {
        font-size: 13px;
    }

    .titulo.titulo-page {
        font-size: 24px;
    }

    .cursos-slider .slider-nav {
    margin-top: 50px !important;
}

.cursos-slider .slider-nav-next {
    margin-top: 50px !important;
}

.noticias-home-resp {
    height: 340px !important;
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch; /* para rolagem suave em iOS */
  }
/* Scroll horizontal para cards na seção Fique Ligado (mobile) */

.fique-ligado .contentfique .row.cards-scroll {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 12px;
    padding: 0 12px;
  }

  .fique-ligado .contentfique .row.cards-scroll > .col-md-4,
  .fique-ligado .contentfique .row.cards-scroll > .col-md-8 {
    flex: 0 0 auto;
    width: 120px;
    height: auto;
    text-align: center;
  }

  .fique-ligado .card-simples,
  .fique-ligado .card-duplo-grid {
    width: 120px;
    height: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: linear-gradient(to top, #002040, #195078);
    border-radius: 10px;
    text-decoration: none;
  }

  .fique-ligado .img-pad {
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 5px;
  }

  .fique-ligado .legenda-card-simples,
  .fique-ligado .legenda-card-acesso {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.3;
    padding: 4px 6px;
    margin-top: 8px;
    min-height: 30px;
    max-width: 120px;
    word-break: break-word;
    white-space: normal;
  }

    /* Overlay continua full-screen */
  .modal-overlay.show {
    padding: 1rem;
  }

  .modal-content {
    width: 100%;
    max-width: 100%;
  }
  .modal-close {
    top: 1rem;
    right: 1rem;
  }

}


@media (max-width: 576px){

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

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

    .logo-rodape img {
        width: 40%;
    }

    .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;
    }

    .noticias-outras .linha-outras-noticias {
        display: none;
    }

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

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

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

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

    .links-topo {
        display: grid;
    }

    .links-topo li:las {
        margin-bottom: 10px;
    }

    .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;
    }

    .input-campo-busca {
        margin: auto;
    }

    .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;
    }
    .bem-vindo{
        background-color: transparent;
        color: #fff;
    }
    .menu-interno {
        justify-content: center;
    }
    .botoes-uteis h1 {
        font-size: 16px;
        margin-top: -25px;
        margin-left: 15px;
        font-weight: bold;
        text-align: left;
    }
   
    .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;
        /* border-top: 1px solid #ccc; */
    }

    .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É */

     .espaco-box {
        padding: 50px 90px 50px 90px;
    }

    .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;
    }

    .margem-foto-des-1 {
        right: 0;
    }

    .margem-foto-des-2 {
        left: 0;
    }

    .btn-link {
        font-size: 14px;
    }

    .accordion .card-header:after {
        font-family: 'FontAwesome';
        content: "\f0dd";
        float: right;
        margin-top: -47px;
        margin-right: -5px;
        color: #fff;
        font-size: 30px;
    }

    .outroslinks .col-md-3 {
        padding: 0 135px;
    }

    .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;
    }

    .links-topo .menu {
        text-align-last: center;
        font-size: 8px;
        font-weight: 700;
        display: flex;
        margin: 0;
        height: 100px;
        width: 510px;
        background-color: transparent;
        padding-bottom: 0;
        overflow: initial;
    }

    .copyright {
        font-size: 10px;
    }

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

    .fonte-cartilha h6 {
        font-size: 14px;
    }


    .img-card-topo-cartilha {
        width: 100%;
        display: block;
    }

    .font-titulos-equaliza-1 {
        margin-top: 10px;
    }

    .boxes-equaliza .box2 {
        font-size: 22px;
        width: 370px;
    }

    .boas-praticas-pg ul li::before {
        top: 7%; 
    }

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

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

    .areas-boas-praticas .col-md-4 {
        -ms-flex: 0 0 28.333333%;
        flex: 0 0 50.333333%;
        max-width: 80.333333%;
    }

     /* Logo principal no header reduz ainda mais */
  .logo-topo-home {
    max-width: 200px;
  }

  /* Logo no menu pushy */
  .pushy-interno .logo-topo-home {
    max-width: 100px;
  }

}

@media (max-width: 540px){

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

}

@media (max-width: 480px) {
    .contentfique ul {
      grid-template-columns: repeat(1, 1fr); /* 1 coluna no mobile menor */
    }
  }