/*
Theme Name: PortalPlanejamento-Sedecti
Theme URI: https://planejamento.site/portal
Author: SEDECTI
Author URI: https://planejamento.site/portal
Description: Tema desenvolvido para apresentação dos produtos
Version: 1.0
*/

*{
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: "Poppins", sans-serif;
}

/* Classes auxiliares */

.center{
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1800px;
    width: 100%;
    margin: auto;

}

.w100{
    width: 100%;
}

.w75{
    width: 75%;
}

.w50{
    width: 50%;
}

.w25{
    width: 25%;
}

.red{
    background-color: red;
    color: white;
    height: 100px;
}

.blue{
    background-color: blue;
    color: white;
    height: 100px;
}

.black{
    background-color: black;
    color: white;
    height: 100px;
}

.wpcf7-response-output{
	color: #fff;
}

.cf7sr-g-hcaptcha{
	text-align:start;
}

/* Fim auxiliares */

body{
    background-color: #fff;
    overflow-x: hidden;
}

header{
    background: #073c4c;
    color: #fff;
    display: flex;
}

body::-webkit-scrollbar {
    width: 15px;               
}

body::-webkit-scrollbar-track {
background: #073c4c;        
}

body::-webkit-scrollbar-thumb {
background-color: #27adaa;    
border-radius: 5px;       
border: 3px solid #073c4c;  
}
  

.logo{
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.8rem;
}

a{
    text-decoration: none;
    color: #fff;
    
}


.logo h1{
    font-size: 1.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    width: 110%;
    
}

.logo h2{
    font-weight: 500;
    font-size: 1.2rem;
}

.logo img{
    width: 10%;
    margin: 5px 10px;
}

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

.navegador ul{
    display: flex;
    justify-content: space-between;
    list-style: none;
}

.navegador li{
    padding: 25px;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    border: 5px solid transparent;
    border-right: none;
    border-left: none;
    font-style: normal;
}

.navegador li:hover{
    background-color: #27adab50;
    border: 5px solid #00859e50;
    border-right: none;
    border-left: none;
    
}

.navegador li.active{
    background-color: #27adab50;
    border: 5px solid #00859e50;
    border-right: none;
    border-left: none;
}

.navegador a{
    text-decoration: none;
    color: #fff;
}

.mobileBtn{
    display: none;
}

.mobileBtn span{
    color: white;
    font-size: 45px;
    cursor: pointer;
}

.menu-mobile ul {
    display: none;
    justify-content: space-between;
    list-style: none;
}

.menu-mobile li{
    padding: 42px 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
    transition: 0.5s ease;
}

.menu-mobile li:hover{
    background-color: #27adab50;
    padding: 37px 20px;
    border: 5px solid #00859e50;
    border-right: none;
    border-left: none;
    
}

.menu-mobile a{
    text-decoration: none;
    color: #fff;
}

button{
    all: unset;
    cursor: pointer;
}

.search-bar button{
    color: #073c4c;
}

.search-bar{
    position: relative;
    width: 300px;
    height: 50px;
    margin: auto 20px;
    border-radius: 30px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    box-shadow: 0 25px 35px rgba(0, 0, 0, 0.1);
}


.search-bar .search {
    position: absolute;
    min-width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    right: 0;
}

.search-bar input {
    position: absolute;
    left: 25px;
    width: calc(100% - 50px);
    height: 100%;
    line-height: 60px;
    border: none;
    outline: none;
    font-size: 13px;
    text-align: start;
}

.banner-slider{
    position: relative;
}

.slider-single{
    position: relative;
    background: linear-gradient(to right, black, transparent)

}

.slider img{
    width: 100%;
    height: auto;
    max-height: 60vh;
    object-fit: cover;

}

.home-banner-text{
    position: absolute;
    margin: 50px 120px;
}

.borda-banner{
    background-color: #27adaa;
    height: 1px;
    width: 100%;
    border-radius: 20px;
    border: 3px solid #27adaa;
    margin: 25px 0;
}

.slider-single h1{
    color: #27adaa;
    text-align: start;
    font-size: 4.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: bold;
	line-height: 5rem;
}

.slider-single p{
    color: #eee;
    text-align: start;
    font-size: 3rem;
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: bold;
    padding-bottom: 20px;
}

.navBtn{
    color: #27adaa;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    width: calc(100% - 20px);
    margin: 0 10px;
}

.navBtn .previous img, .navBtn .next img{
    border-radius: 50%;
    border: 3px solid #27adaa;
    text-align: center;
    padding: 5px;
    font-size: 50px;
    cursor: pointer;
    background-color: transparent;
    color: #27adaa;
}

.navBtn .previous img:hover,
.navBtn .next img:hover {
    background: #fff
}

.ondulacao{
    position: absolute;
    width: 100%;
    bottom: -10px;
}

.ondulacao img{
    width: 100%;
    height: 3em;
}
.card{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    margin: 100px 0;
}

.card-info{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 125px;
    margin: 5px;
	cursor: no-drop;
}

.card .card-content{
    display: flex;
    justify-content: space-around;
    width: 50%;
    max-width: 100%;
    flex-wrap: wrap;
}

.titulo-data{
    width: 270px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    color: #114654;
    line-height: 35px;
}

.card-info h1{
    font-weight: 700;
    font-style: normal;
    text-align: start;
    font-size: 28px;
}

.card-info p{
    font-weight: 300;
    font-style: normal;
    text-align: start;
    font-size: 17px;
}

.dados{
    width: 130px;
}

.card-info h2{
    font-weight: 900;
    font-style: bold;
    color: #fff;
    font-size: 24px;
}

.figure{
    width: 40px;
    height: 40px;
}

/* .municipio h2{
    font-size: 37px;
} */

.banner{
    width: 100%;
}

.banner img{
    width: 100%;
}

.banner-sobre{
    text-align: end;
    padding: 50px 70px;
}

.banner-sobre h1{
    font-size: 50px;
    font-weight: 900;
    color: #fff;
    text-align: start;
}

.banner-sobre h2{
    font-size: 2rem;
    font-weight: 900;
    color: #073c4c;
    background-color: #fff;
    border-radius: 44px;
    width: 300px;
    padding: 10px 5px;
    margin: 50px 0;
}

.banner-sobre p{
	font-family: "Poppins", sans-serif;
    font-size: 23px;
    font-weight: 500;
    color:#fff;
    text-align: start;
    width: 60%;
    font-style: normal;
    margin-bottom: 50px;
    text-align: justify;
}

.banner-sobre a{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 30px;
    padding: 10px 25px;
    margin: 50px 0;
}

.banner-sobre a:hover{
	color: #073c4c;
	background-color: #fff;
	transition: 0.3s ease-in-out
}

/****SLICK SLIDER****/
.slick-dotted ul {
    list-style-type: none;
    text-align: center;
    position: absolute;
    margin-top: 10px;
    bottom: 13%;
    right: 30%;
}

.slick-dotted li {
    display: inline-block;
    margin: 0 7px;
}

.slick-dotted button:focus {
    outline: 0;
}

.slick-dotted li button {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    color: transparent;
    border: 3px solid #27adaa;
    background: #00000050;
    opacity: 1;
    cursor: pointer;
}

li.slick-active button {
    background: #27adaa;
    color: #27adaa;
}

.slick-slide:focus {
    outline: none;
}

/**END SLICK**/
    
.titulo h2{
    margin: 50px 100px;
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    background-color: #073c4c;
    border-radius: 44px;
    width: 220px;
    padding: 10px 5px;
    
}

.produtos{
    position: relative;
    z-index: 1;
    width: 90%;
    display: flex;
    overflow: hidden;
}


.card-prod{
    position: relative;
    max-width: 245px;
    max-height: 313px;
    margin: 50px;
    border-radius: 20px;
    overflow: hidden;
    background: #073c4c;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    transition: 0.5s ease-in-out;  
}

.card-prod:hover{
    max-width: 281px;
    max-height: 359px;
    transition: 0.5s ease-in-out;
    box-shadow: 0 0 20px #000000;
    margin: 25px 0;
    padding: 0;
    background-size: contain;
}

.card-prod-btn{
	display:none !important;
}

/* .card-prod:hover{
    max-width: 245px;
    max-height: 313px;
    margin: 40px 50px;

} */


@keyframes opacidade {
    from{background-color: transparent;}
    to{background-color: #ffffffaa;}    
}

@keyframes flip {
    0% {
        transform: rotateY(0deg);
    }
    50% {
        transform: rotateY(90deg);
    }
    100% {
        transform: rotateY(0deg);
    }
}

@keyframes jump {
  0% {transform: translateY(0)}
  
  10% {transform: translateY(-8%)}
  
  50% {transform: translateY(-15%)}
  
  70% {transform: translateY(-12%)}
  
  90% {transform: translateY(-8%)}
  
  100% {transform: translateY(0)}
}

.content{
    transform: translateY(160px);
    transition: 0.5s ease-in-out;
    width: 245px;
    height: 313px;

}

.card-prod:hover .content{
    transform: translateY(0px);
    transition: 0.5s ease-in;
    animation: opacidade 3s forwards;
    width: 281px;    
    height: 359px;
    padding-top: 20px;
}

/* .card-prod:hover .content{
    transform: translateY(160px);
    width: 245px;
    height: 313px;
    padding-top: 0;
    animation: none;
} */


.content h2{
    margin-bottom: 100px;
    transition: 0.5s;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    width: calc(100% - 20px);
    padding: 15px 10px;
	border-radius: 8px;
    text-align: start;
	line-height: 1.2rem;
}

.content p{
    padding: 10px;
    text-align: start;
    opacity: 0;
    font-size: 16px;
    color: #073c4c;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    line-height: 1.3rem;
}

.content a{
    display: flex;
    justify-content: center;
    margin-right: 20px;
    text-decoration: none;
    color: #fff;
    background-color: #073c4cbb;
    margin-left: 135px;
    padding: 10px;
    border-radius: 20px;
    opacity: 0;
    font-weight: 300;
}

.card-prod:hover .content h2{
    margin-bottom: 20px;
    transition: 0.5s ease-in-out;
}

.card-prod:hover .content p{
    opacity: 1;
    transition: 0.5s ease-in-out;
    transition-delay: 0.3s;
}

.card-prod:hover .content a{
    opacity: 1;
    transition: 0.5s ease-in-out;
}

.slick-track{
    display: flex;
    justify-content: space-between;
}

.prod-sec{
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.ppa h2{
    background-color: #073c4ccc;
}

.balanca h2{
    background-color: #073c4ccc;
}

.pib-regional h2{
    background-color: #1D6823b2;
}

.pib-regional p{
    color: #1D6823;
}

.pib-regional a{
    background-color: #1D6823b2;
}

.am-mapas h2{
    background-color: #1D6823b2;
}

.am-mapas p{
    color: #1D6823;
}

.am-mapas a{
    background-color: #1D6823b2;
}

.pib-trimestral h2{
    background-color: #073c4ccc;
}

.relatorio-gov h2{
    background-color: #1D6823b2;
}

.relatorio-gov a{
    background-color: #1D6823b2;
}

.relatorio-gov p{
    color: #1D6823;
}

.geoportal h2{
    background-color: #195968cc;
}

.anuario h2{
    background-color: #073c4cb2;
}

.anuario p{
    padding: 10px 20px 30px 20px;
}

.navBtn-prod{
    color: #27adaa;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    width: calc(100% - 20px);
    margin: 0 10px;
}

.navBtn-prod .previous-card img, .navBtn-prod .next-card img{
    border-radius: 50%;
    border: 3px solid #27adaa;
    text-align: center;
    padding: 5px;
    font-size: 50px;
    cursor: pointer;
    background-color: transparent;
    color: #27adaa;
}

footer{
    width: 100%;
    background-color: #073c4c;
}

.rodape{
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 50px;
    color: #fff;
    text-align: start;
    padding: 20px 0;
}


.logo-footer{
    display: flex;
    justify-content: start;
    align-items: center;
}


.logo-footer img{
    width: 43px;
    height: 61px;
    margin: 0 20px;
}

.topback{
    display: flex;
    justify-content: center;
    color: #fff;
}

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

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

.topback span{
    font-size: 29px;
}

.endereco{
    color: #fff;
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 15px;
    margin-top: 10px;
}

.endereco img{
    margin: 15px;
}

.endereco h3{
    text-align: start;
    font-weight: 500;
}

.telefone{
    color: #fff;
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 15px;
    margin-top: 10px;
    
}

.telefone img{
    margin: 15px;
}

.telefone h3{
    text-align: start;
    font-weight: 500;
}

.email{
    color: #fff;
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 15px;
    margin-top: 10px;
    
}

.email img{
    margin: 15px;
}

.email h3{
    text-align: start;
    font-weight: 500;
}

.horario{
    color: #fff;
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 15px;
    margin-top: 10px;
    
}

.horario img{
    margin: 15px;
}

.horario h3{
    text-align: start;
    font-weight: 500;
}

.logo-sedecti img{
    width: 70%;
    margin-top: 20px;
}

.newsletters{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 50px 0;
    flex-wrap: wrap;
}

.texto h1{
    text-align: start;
    color: #073c4c;
    font-weight: 700;
    font-size: 2em;
    margin: 10px 20px;
}

.box-send{
    text-align: start;
}

.box-send h3{
    color: #073c4c;
    font-weight: 900;
    font-size: 1.3em;
    margin: 10px 20px;
    text-align: start;
}

.box-send input{
    all:unset;
    color: #fff;
    padding: 10px 20px;
    margin: 10px 5px;
	background: #27adaa;
	border-radius: 40px;
    width: 300px;
}

.box-send input::placeholder{
    color: #fff;
}

.box-send button {
  color: #fff;
  font-weight: 500;
  background-color: #073c4c;
  border-radius: 30px;
  padding: 10px 20px;
  margin: 10px 5px;
}

.noticias{
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.titulo-news{
    display: flex;
}

.titulo-news h2{
    margin: 50px 100px;
    text-align: center;
    font-size: 35px;
    font-weight: 900;
    color: #073c4c;
    background-color: #fff;
    border-radius: 44px;
    width: 220px;
    padding: 10px 5px;
}

.titulo-news a{
    color:#073c4c
}

.container-news{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.first-news{
    display: flex;
    justify-content: center;
    /* text-align: center; */
    margin-bottom: 50px;
    width: 33%;

}

.content-news img{
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    height: 50%;
    object-fit: cover;
}

.content-news{
    width: 100%;
    border-radius: 15px; 
    background-color: #fff;
    border-radius: 15px;
    border: 5px solid #fff;
    display: flex;
    flex-direction: column;
    position: relative;
}

.news-text{
    position: relative;
    height: 50%;
}

.news-text a img{
	width: unset;
	height: unset;
}

.content-news:hover{
    background-color: #073c4c;
    border: 5px solid #073c4c;
    transition: 0.5s ease;
}

.content-news:hover h3{
    color: #fff;
    transition: 0.7s ease;
}

.content-news:hover p{
    color: #fff;
    transition: 0.7s ease;
}

.content-news:hover img{
    opacity: 0.5;
    transition: 0.7s ease;
}

.news-text:hover a img{
	opacity: 1;
}

.container-news a {
    width: 40px;
    height: 40px;
    color: #073c4c;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 10px;
    bottom: 10px;
    border: 2px solid #073c4c;
    border-radius: 50%;
	background: #073c4c;
}

.content-news:hover a{
    color: #fff;
    border: 2px solid #fff;
    transition: 0.7s ease;
}

.content-news h4{
    color: #073c4c;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    margin: 0 20px;
    text-align: start;
    position: absolute;
    top: 10px;
    left: 0;
}

.content-news:hover h4{
    color: #fff;
    background-color: #073c4c;
    transition: 0.7s ease;
}

.content-news h3{
    text-align: start;
    color: #073c4c;
    /* text-shadow: 1px 1px 5px #000; */
    margin: 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.2rem;
}

.content-news p{
    text-align: start;
    font-size: 1rem;
    color: #073c4c;
    /* text-shadow: 1px 1px 5px #000; */
    margin: 25px 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
	margin-right: 50px;
}

.second-news{
	margin-bottom: 25px;
}

.third-news{
	margin-top: 25px;
}

.other-news{
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    align-items: center;
    justify-content: space-around;
}

.content-other-news{
    display: flex;
    justify-content: center;
    border: 5px solid #fff;
    border-radius: 15px;
    background-color: #fff;
    position: relative;
    
}

.content-other-news img{
	width: 50%;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.texto-news{
	width: 50%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: relative;
}

.content-other-news h3{
    text-align: start;
    color: #073c4c;
    /* text-shadow: 1px 1px 5px #000; */
    margin: 10px 20px;
    font-weight: 900;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    
}

.content-other-news p{
    text-align: start;
    font-size: 1rem;
    color: #073c4c;
    margin: 5px 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
	margin-right: 50px;
}

.content-other-news:hover{
    background-color: #073c4c;
    border: 5px solid #073c4c;
    transition: 0.5s ease;
}

.content-other-news:hover h3{
    color: #fff;
    transition: 0.7s ease;
}

.content-other-news:hover p{
    color: #fff;
    transition: 0.7s ease;
}

.content-other-news:hover img{
    opacity: 0.5;
    transition: 0.7s ease;
}

.texto-news:hover a img{
	opacity: 1;
}

.content-other-news a {
    width: 40px;
    height: 40px;
    color: #073c4c;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 10px;
    bottom: 10px;
    border: 2px solid #073c4c;
    border-radius: 50%;
}

.content-other-news:hover a{
    color: #fff;
    border: 2px solid #fff;
    transition: 0.7s ease;
}

.content-other-news h4{
    color: #073c4c;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    margin: 0 20px;
    text-align: start;
    position: absolute;
    top: 10px;
    left: 0;
}

.content-other-news:hover h4{
    color: #fff;
    background-color: #073c4c;
    transition: 0.7s ease;
}

/* ////////////////// Inicio da página sobre ////////////////// */

.sobre-banner{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    justify-content: start;
    padding: 50px 0;
    position: relative;
}

.sobre-banner-texto{
    display: flex;
    flex-direction: column;
    width: 30%;
    margin: 70px 50px;
	line-height: 4rem;
}

.sobre-banner-texto h2{
    font-size: 4rem;
    font-weight: 700;
    font-style: normal;
    text-align: start;
    color:#27adaa;
}

.sobre-banner-texto h1{
    font-size: 5rem;
    font-weight: 700;
    font-style: normal;
    text-align: start;
    color:#27adaa;
}

.borda{
    background-color: #27adaa;
    height: 1px;
    width: 100%;
    border-radius: 20px;
    border: 3px solid #27adaa;
    margin-bottom: 25px;
}

.sobre-banner-texto p{
    text-align: start;
    color: #fff;
    width: 80%;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;

}

.sobre-banner img{
    position: absolute;
    width: 100%;
    height: 3em;
    bottom: 0;
}

.degeo-team{
    background: #073c4c;
    width: 100%;
    display: flex;
	justify-content: space-evenly;
}

.degeo-team-texto{
    width: 50%;
    padding: 50px 0;
}

.degeo-team-texto h1{
	color: #fff;
	text-align: start;
	font-size: 2rem;
}

.degeo-team-texto h2 {
	color: #fff;
	border-radius: 30px;
	width: 100px;
	padding: 5px;
	font-weight: 700;
	border: 2px solid #fff;
	font-size: 1.1rem;
}

.degeo-team-texto p{
    font-weight: 500;
    font-style: normal;
    color: #fff;
    text-align: start;
    padding: 25px 0;
	line-height: 1.5rem;
	font-size: 1.1rem;
}

.degeo-team-img{
    width: 25%;
    padding: 50px 0;
	display: flex;
	justify-content: space-around;
}

.degeo-team-img img{
    width: 100%;
    object-fit: cover;
    border: 5px solid #fff;
    background-color: #fff;
    border-radius: 20px;
}


.deplan-team{
    background: #fff;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}

.deplan-team-texto{
    width: 50%;
    padding: 50px 0;
    display: flex;
    flex-direction: column;
    align-items: end;
    
}

.deplan-team-texto h1{
	color: #073c4c;
	text-align: start;
	font-size: 2rem;
}

.deplan-team-texto h2 {
	color: #073c4c;
	border-radius: 30px;
	width: 100px;
	padding: 5px;
	font-weight: 700;
	border: 2px solid #073c4c;
	font-size: 1.1rem;
}

.deplan-team-texto p{
    font-weight: 500;
    font-style: normal;
    color: #073c4c;
    text-align: end;
    padding: 25px 0;
	line-height: 1.5rem;
	font-size: 1.1rem;
}

.deplan-team-img{
    width: 25%;
    padding: 50px 0;
	display: flex;
}

.deplan-team-img img{
    width: 100%;
    object-fit: cover;
    border: 5px solid #073c4c;
    border-radius: 20px;
    background-color: #073c4c;
}

.sobre-estrategia{
    background-image: url(img/sobre/bg-estrategia.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.sobre-estrategia-titulo{
    padding: 50px 65px;
    width: 100%;

}

.sobre-estrategia-titulo h1{
    padding: 5px 10px;
    font-weight: 700;
    color: #fff;
    font-size: 3rem;
    text-align: start;
}

.sobre-estrategia-card{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    color: #fff;
    padding-bottom: 50px;
    overflow: hidden;
    margin: 0 50px;
}

.serv-button{
    display: flex;
    justify-content: space-between;
    font-family: 'Material Symbols Outlined';
    width: 100%;
    color: #fff;
    font-size: 2.2rem;
    position: absolute;
    top: 55%;
}

.serv-button button{
    width: 35px;
    height: 35px;
    border: 3px solid #fff;
    border-radius: 50%;
    padding: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;

}

.card-servicos{
    margin: 0 25px;
    border: 5px solid #27adaa;
    border-radius: 30px;
    background-color: #fff;
    color: #073c4c;
}

.card-servicos-content{
    display: flex;
    flex-wrap: wrap;
    padding: 25px;
}

.card-servicos img{
    width: 120px;
    height: 120px;
}

.card-servicos h2{
    font-size: 1.9rem;
    margin: 5px 25px 20px 25px;
    text-align: start;
    line-height: 2rem;
}

.card-servicos h3{
    font-size: 1rem;
    margin: 0 25px;
    color: #27adaa;
    border: 2px solid #27adaa;
    border-radius: 20px;
    padding: 0 10px;
    width: 180px;
}

.card-servicos p{
    padding: 25px 0;
    text-align: start;
    font-size: 1.45rem;
    font-weight: 500;
    min-height: 140px;
}

.sobre-equipe{
    color: #073c4c;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.titulo-equipe{
    width: 100%;
}

.titulo-equipe h1{
    text-align: start;
    color: #27adaa;
    margin: 50px;
    margin-bottom: 0;
    font-size: 4rem;
    font-weight: 900;
}

.divisor{
    margin: 0 50px;
}

.line-div{
    display: none;
}

.sobre-equipe img{
    border-radius: 50%;
    width: 200px;
}

.sobre-secretaria{
    display: flex;
    flex-direction: column;
}

.secretarios{
    display: flex;
    align-items: center;
    margin: 25px 0;
}

.secretarios-texto{
    margin-left: 50px;
}

.secretarios-texto h2{
    text-align: start;
    font-weight: 900;
}

.secretarios-texto p{
    text-align: start;
    font-weight: 500;
}

.demais-info{
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}

.demais-info h4{
    text-align: start;
    margin-top: 10px;
    font-weight: 900;
}

.demais-info p{
    text-align: start;
    font-weight: 500;
}

.demais-equipe{
    display: flex;
    justify-content: end;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer;
}

.demais-equipe p{
    display: flex;
    align-items: center;
}

.borda-demais-equipe{
    border: 1px solid #073c4c;
    background-color: #073c4c;
    height: unset;
    width: 100%;
}
.scrum_team{
    display: flex;
    justify-content: space-around;
    flex-direction: column;
	margin-bottom: 20px;
}

.scrum_team h4{
    text-align: start;
	margin-top: 10px;
    font-weight: 900;
}

.scrum_team h3 {
    text-align: start;
    margin-top: 10px;
    font-weight: 700;
    font-size: 1rem;
}

.scrum_team p{
    text-align: start;
    font-weight: 500;
}

.integrantes-equipe {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 0.5s ease;
}

.integrantes-equipe.active {
    max-height: 1000px;
    opacity: 1;
}

/* ////////////////// Fim da página sobre ////////////////// */

/* ////////////////// Inicio da página PRODUTOS ////////////////// */

.produtos-banner{
    background: linear-gradient(to right, black, transparent), url(img/produtos/banner.png);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    padding: 50px 0;
    position: relative;
	max-height: 55vh;
}

.produtos-banner-texto{
    display: flex;
    flex-direction: column;
    width: 30%;
    margin: 70px 50px;
}

.produtos-banner-texto h1{
    font-size: 5rem;
  	font-weight: 700;
  	font-style: normal;
  	text-align: start;
  	color: #27adaa;
}

.produtos-banner-texto p{
    text-align: start;
    color: #fff;
    width: 80%;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;

}

.produtos-banner img{
    position: absolute;
    width: 100%;
    height: 3em;
    bottom: 0;
}

.bdvs{
    width: 75%;
}

.prod-plan{
    background: #073c4c;
    width: 100%;
    display: flex;
	justify-content: space-evenly;
    padding: 15px 0;
}

.prod-plan-texto{
    width: 50%;
    padding: 50px 0;
}

.prod-plan-texto h2{
    color: #073c4c;
    background-color: #fff;
    border-radius: 30px;
    width: 250px;
    padding: 10px 15px;
    font-weight: 700;
    margin: 25px 0;
}

.prod-plan-texto p{
    font-weight: 500;
    font-style: normal;
    color: #fff;
    text-align: start;
    padding: 25px 0;
	line-height: 1.5rem;
	font-size: 1.1rem;
}

.prod-plan-img{
    width: 12.5%;
    padding: 25px 25px;
    display: flex;
    border-radius: 22px;
    border: 2px solid transparent;
    justify-content: space-around;
    transition: 0.3s ease-in-out;
    align-items: center;
    margin: 50px 0;

}

.prod-plan-img:hover{
    border: 2px solid #27adaa;
    box-shadow: 0 0 15px #27adaa, inset 0 0 15px #27adaa;
}

.prod-plan-img img{
    width: calc(100% - 6px);
    object-fit: cover;
    border: 3px solid #fff;
    background-color: #fff;
    border-radius: 22px;
    box-shadow: 2px 2px 10px #000;
}

.prod-plan-img:hover img{
    box-shadow: none;
    transition: 0.4s ease-out;
}

.prod-estat{
    background: #fff;
    width: 100%;
    display: flex;
	justify-content: space-evenly;
    padding: 15px 0;
}

.prod-estat-texto{
    width: 30%;
    padding: 50px 0;
}

.prod-estat-texto h2{
    color: #fff;
    background-color: #073c4c;
    border-radius: 30px;
    width: 350px;
    padding: 10px 15px;
    font-weight: 700;
    margin: 25px 0;
}

.prod-estat-texto p{
    font-weight: 500;
    font-style: normal;
    color: #073c4c;
    text-align: start;
    padding: 25px 0;
	line-height: 1.5rem;
	font-size: 1.1rem;
}

.prod-estat-img{
    width: 12.5%;
    padding: 25px 25px;
    display: flex;
    border-radius: 22px;
    border: 2px solid transparent;
    justify-content: space-around;
    transition: 0.3s ease-in-out;
    align-items: center;
    margin: 50px 0;

}

.prod-estat-img:hover{
    border: 2px solid #073c4c;
    box-shadow: 0 0 15px #073c4c, inset 0 0 15px #073c4c;
}

.prod-estat-img img{
    width: calc(100% - 6px);
    object-fit: cover;
    border: 3px solid #073c4c;
    background-color: #073c4c;
    border-radius: 22px;
    box-shadow: 2px 2px 10px #000;
}

.prod-estat-img:hover img{
    box-shadow: none;
    transition: 0.4s ease-out;
}

.prod-geo{
    background: #073c4c;
    width: 100%;
    display: flex;
	justify-content: space-evenly;
    padding: 15px 0;
}

.prod-geo-texto{
    width: 30%;
    padding: 50px 0;
    display: flex;
    flex-direction: column;
}

.prod-geo-texto h2{
    color: #073c4c;
    background-color: #fff;
    border-radius: 30px;
    width: 270px;
    padding: 10px 15px;
    font-weight: 700;
    margin: 25px 0;
}

.prod-geo-texto p{
    font-weight: 500;
    font-style: normal;
    color: #fff;
    text-align: start;
    padding: 25px 0;
	line-height: 1.5rem;
	font-size: 1.1rem;
}

.prod-geo-img{
    width: 12.5%;
    padding: 25px 25px;
    display: flex;
    border-radius: 22px;
    border: 2px solid transparent;
    justify-content: space-around;
    transition: 0.3s ease-in-out;
    align-items: center;
    margin: 50px 0;

}

.prod-geo-img:hover{
    border: 2px solid #27adaa;
    box-shadow: 0 0 15px #27adaa, inset 0 0 15px #27adaa;
}

.prod-geo-img img{
    width: calc(100% - 6px);
    object-fit: cover;
    border: 3px solid #fff;
    background-color: #fff;
    border-radius: 22px;
    box-shadow: 2px 2px 10px #000;
}

.prod-geo-img:hover img{
    box-shadow: none;
    transition: 0.4s ease-out;
}

.prod-pib{
    background: #fff;
    width: 100%;
    display: flex;
	justify-content: space-evenly;
    padding: 15px 0;
}

.prod-pib-texto{
    width: 30%;
    padding: 50px 0;
}

.prod-pib-texto h2{
    color: #fff;
    background-color: #073c4c;
    border-radius: 30px;
    width: 350px;
    padding: 10px 15px;
    font-weight: 700;
    margin: 25px 0;
}

.prod-pib-texto p{
    font-weight: 500;
    font-style: normal;
    color: #073c4c;
    text-align: start;
    padding: 25px 0;
	line-height: 1.5rem;
	font-size: 1.1rem;
}

.prod-pib-img{
    width: 12.5%;
    padding: 25px 25px;
    display: flex;
    border-radius: 22px;
    border: 2px solid transparent;
    justify-content: space-around;
    transition: 0.3s ease-in-out;
    align-items: center;
    margin: 50px 0;

}

.prod-pib-img:hover{
    border: 2px solid #073c4c;
    box-shadow: 0 0 15px #073c4c, inset 0 0 15px #073c4c;
}

.prod-pib-img img{
    width: calc(100% - 6px);
    object-fit: cover;
    border: 3px solid #073c4c;
    background-color: #073c4c;
    border-radius: 22px;
    box-shadow: 2px 2px 10px #000;
}

.prod-pib-img:hover img{
    box-shadow: none;
    transition: 0.4s ease-out;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}
.iframe-container {
    position: relative;
    width: 95%;
    height: 95%;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.iframe-container iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #f00;
    color: #fff;
    border: none;
    border-radius: 50%;
    padding: 2px 10px;
    cursor: pointer;
    font-size: 16px;
}

.overlay-img {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none; 
    justify-content: center;
    align-items: center;
    z-index: 1000;
}
.iframe-container-img {
    position: relative;
    width: 95%;
    height: 95%;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    overflow-y: scroll;
}
.iframe-container-img img {
    width: 100%;
    height: auto;
    border: none;
}
.close-button-img {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #f00;
    color: #fff;
    border: none;
    border-radius: 50%;
    padding: 2px 10px;
    cursor: pointer;
    font-size: 16px;
}

/* ////////////////// Fim da página PRODUTOS ////////////////// */

/* ////////////////// Inicio da página SISTEMAS ////////////////// */

.sistemas-banner{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    padding: 50px 0;
    position: relative;
	max-height: 55vh;
}

.sistemas-banner-texto{
    display: flex;
    flex-direction: column;
    width: 30%;
    margin: 70px 50px;
}

.bdvss{
	width: 80%;
}

.sistemas-banner-texto h1{
    font-size: 5rem;
    font-weight: 700;
    font-style: normal;
    text-align: start;
    color:#27adaa;
}

.sistemas-banner-texto p{
    color: #fff;
    text-align: start;
    width: 70%;
	font-weight: 600;
}

.sistemas-banner img{
    position: absolute;
    width: 100%;
    height: 3em;
    bottom: 0;
}

.sistemas-descricao{
    position: relative;
    padding: 25px 100px;
    background-color: #073c4c;
    
}

.sistemas-descricao h1{
    font-size: 5rem;
    font-weight: 600;
    color: #fff;
    text-align: start;
    margin-bottom:50px;
}

.sistemas-descricao p{
    text-align: start;
    font-size: 1.4rem;
    width: 65%;
    color: #fff;
    padding-bottom: 150px;
}

.sistemas-descricao img{
    position: absolute;
    width: 100%;
    height: 3em;
    bottom: 0;
    left: 0;
    display: flex;
}

.sistema-splam{
    display: flex;
    flex-direction: column;
    padding: 50px 100px;
}

.sistema-splam h1{
    color: #27adaa;
    font-size: 5rem;
    line-height: 5rem;
    text-align: start;
}

.sistema-splam h2{
    color: #27adaa;
    text-align: start;
    font-weight: 500;
}

.sistema-splam p{
    text-align: start;
    font-size: 1.2rem;
    width: 60%;
    margin-top: 20px;
}

.sistema-splam-banner{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    margin: 50px 200px;
    padding: 100px 50px;
    text-align: start;
    border-radius: 30px;
    transition: 0.2s ease-in;
    transform: scale(1);
}

.sistema-splam-banner:hover{
    transition: 0.2s ease-out;
    transform: scale(1.02);
}

.sistema-splam-banner p{
    color: #fff;
    width: 50%;
}

.sistema-splam-banner button{
    color: #fff;
    font-size: 1.5rem;
    border: 2px solid #fff;
    border-radius: 10px;
    margin-top: 50px;
    padding: 10px 25px;
}
.sistema-splam-banner button:hover, .sistema-splam-banner button:hover a{
    color: #000;
    background-color: #fff;
}

.sistema-esiga{
    display: flex;
    flex-direction: column;
    padding: 50px 100px;
}

.sistema-esiga h1{
    color: #27adaa;
    font-size: 5rem;
    line-height: 5rem;
    text-align: start;
}

.sistema-esiga h2{
    color: #27adaa;
    text-align: start;
    font-weight: 500;
}

.sistema-esiga p{
    text-align: start;
    font-size: 1.2rem;
    width: 60%;
    margin-top: 20px;
}

.sistema-esiga-banner{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    margin: 50px 200px;
    padding: 100px 50px;
    text-align: start;
    border-radius: 30px;
    transition: 0.2s ease-in;
    transform: scale(1);
}

.sistema-esiga-banner:hover{
    transition: 0.2s ease-out;
    transform: scale(1.02);
}

.sistema-esiga-banner p{
    color: #fff;
    width: 50%;
}

.sistema-esiga-banner button{
    color: #fff;
    font-size: 1.5rem;
    border: 2px solid #fff;
    border-radius: 10px;
    margin-top: 50px;
    padding: 10px 25px;
}
.sistema-esiga-banner button:hover, .sistema-esiga-banner button:hover a{
    color: #000;
    background-color: #fff;
}

/* ////////////////// Fim da página SISTEMAS ////////////////// */

/* ////////////////// Inicio da página CONTATO ////////////////// */

.contato-banner{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    padding: 50px 0;
    position: relative;
	max-height: 55vh;
}

.contato-banner-texto{
    display: flex;
    flex-direction: column;
    width: 30%;
    margin: 70px 50px;
}

.contato-banner-texto h1{
    font-size: 5rem;
    font-weight: 700;
    font-style: normal;
    text-align: start;
    color:#27adaa;
}

.contato-banner img{
    position: absolute;
    width: 100%;
    height: 3em;
    bottom: 0;
}

.contato-form{
    background-color: #073c4c;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 50px;
    justify-content: space-evenly;

}

.contato-tag{
    width: 100%;
    margin-bottom: 50px;
}

.contato-tag h1{
    color: #073c4c;
    background-color: #fff;
    border-radius: 30px;
    padding: 0 20px;
    font-size: 2rem;
    width: 250px;
    margin-left: 100px;

}

.formulario {
    display: flex;
    flex-direction: column;
    text-align: start;
    width: 30%;
}

.formulario form{
    text-align: start;
}

.formulario h3{
    text-align: start;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 600;
    margin: 10px 0;
}

.formulario p{
    text-align: start;
    color: #fff;
    margin-top: 10px;
}

.formulario label{
    color: #fff;
    margin-right: 20px;
}

.formulario input[type=text]{
    all: unset;
    width: 80%;
    border-radius: 4px;
    background-color: #fff;
    text-align: start;
    font-size: 1.2rem;
	color: #073c4c;
}

.formulario input[type=email] {
    all: unset;
    width: 80%;
    border-radius: 4px;
    background-color: #fff;
    text-align: start;
    font-size: 1.2rem;
	color: #073c4c;
}

.formulario input[type=radio]{
    background-color: #073c4c;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-right: 5px;
    cursor: pointer;
}

.formulario input[type=radio]:checked{
    background: radial-gradient(white 45%, #073c4c 90%)
}

.formulario select{
    border: none;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 1rem;
}

.formulario textarea{
    resize: none;
    width: 80%;
    height: 100px;
    text-align: start;
    border-radius: 5px;
    border: none;
	color: #073c4c;
}

.formulario input[type=submit]{
    all:unset;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 20px;
    padding: 0 50px;
    font-size: 1.2rem;
    cursor: pointer;
    font-weight: 600;
    margin-top: 20px;

}

.formulario input[type=submit]:hover{
    background-color: #fff;
    color: #073c4c;
}

.cep{
    display: flex;
	width: 80%;
}

.cep input[type=text] {
    width: 95% !important;
}

.assunto option{
	text-align: start;
}

.cidade, .estado{
    width: 39%;
    text-align: start;
}

.cidade{
    margin-right: 10px;
}

.cep input[type=text]{
    width: 100%;
}

.contato-info{
    width: 30%;
}

.contato-info h2, .contato-info p{
    text-align: start;
    color: #fff;
}

.mapa-container{
    width: 100%;
    height: 60%;
    margin: 50px 0;
    border-radius: 10px;
}

.perguntas-frequentes{
    margin: 50px 100px;
}

.contato-titulo{
    width: calc(100% - 200px);
    display: flex;
    flex-wrap: wrap;
}

.contato-titulo h1{
    color: #27adaa;
    font-size: 3rem;
    text-align: start;
    width: 100%;
}

.contato-tag-dep{
    display: flex;
    margin: 25px 0;
}

.contato-tag-dep h2{
    background-color: #073c4c;
    color: #fff;
    border-radius: 20px;
    padding: 3px 20px;
}

.contato-perguntas-titulo{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    cursor: pointer;
}

.borda-perguntas{
    border: 1px solid #27adaa;
    margin-bottom: 30px;
}

.contato-perguntas-titulo h3{
    color: #073c4c;
}

.stat{
    display: none !important;
}

.stat.active{
    display: flex !important;
}

.stat_minus.active{
    display: none !important;
}

.contato-respostas{
    height: 0px;
    overflow: hidden;
    transition: 0.5s ease;
}

.contato-respostas.active{
    height: unset;
    transition: 0.5s ease;
}

.contato-respostas p{
    text-align: start;
    width: 75%;
    margin: 20px 0;
    color: #073c4c;
}

.contato-respostas a{
    color: #27adaa;
}

.em-construcao{
    display: none;
    margin: 200px 0;
}

.em-construcao h1{
    color: #073c4c;
    font-size: 2rem;
}


/* ////////////////// Fim da página CONTATO ////////////////// */

/* ////////////////// Inicio da página PPA-INDEX ////////////////// */

.ppa-banner{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    padding: 50px 0;
    position: relative;
	max-height: 55vh;
}

.ppa-banner-texto{
    display: flex;
    flex-direction: column;
    width: 30%;
    margin: 70px 50px;
}

.ppa-banner-texto h1{
    font-size: 5rem;
    font-weight: 700;
    font-style: normal;
    text-align: start;
    color:#27adaa;
}

.ppa-banner img{
    position: absolute;
    width: 100%;
    height: 3em;
    bottom: 0;
}

.back-button{
    background: #073c4c;
    width: 200px;
    border-radius: 25px;
    margin: 10px;
}

.back-button span{
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    margin: 10px;
}

.back-button h2 {
    color: #fff;
}

.back-button a{
    display: flex;
    align-items: center;
}

.ppa-descricao{
    position: relative;
    padding: 25px 100px;
    
}

.ppa-descricao h1{
    font-size: 5rem;
    font-weight: 600;
    color: #073c4c;
    text-align: start;
    margin: 30px 0 50px 30px;
}

.ppa-descricao p{
    text-align: start;
    font-size: 1.4rem;
    width: 65%;
    margin: 0 0 0 50px;
    color: #073c4c;
    padding-bottom: 100px;
}

.borda-ppa-titulo{
    background-color: #fff;
    border: 3px solid #fff;
}

.ppa-descricao img{
    position: absolute;
    width: 100%;
    height: 3em;
    bottom: 0;
    left: 0;
    display: flex;
}

.ppa-pdf{
    background-color: #073c4c;
    display: flex;
    flex-direction: column;
    padding: 25px 100px;
    width: calc(100% - 200px);
    position: relative;
    
}

.ppa-pdf-titulo{
    display: flex;
    flex-direction: column;
}

.ppa-pdf h1{
    color: #fff;
    font-size: 4rem;
    display: flex;
}

.ppa-pdf-button{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding-bottom: 100px;
}

.ppa-pdf-button div{
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    width: 30%;
}

.ppa-pdf-button a{
    background: #fff;
    border: 3px solid #27adaa;
    border-radius: 25px;
    color: #073c4c;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 15px 0;
    padding: 10px 0;
    transition: 0.2s ease-in-out;
}

.ppa-pdf-button a:hover{
    background: #27adaa;
    color: #fff;
    
}

.ppa-pdf img{
    position: absolute;
    width: 100%;
    height: 3em;
    bottom: 0;
    left: 0;
    display: flex;
}

.ppa-splam{
    width: calc(100% - 300px);
    padding: 25px 150px;
}

.ppa-splam h1{
    font-size: 3.5rem;
    color: #27adaa;
    text-align: start;
    line-height: 3.5rem;
}

.ppa-splam h2{
    font-size: 3rem;
    color: #27adaa;
    text-align: start;
    font-weight: 700;
    margin: 50px 0 20px 0;
}

.ppa-splam h3{
    font-size: 1.8rem;
    color: #27adaa;
    text-align: start;
    font-weight: 400;
}

.ppa-splam p{
    font-size: 1.2rem;
    color: #073c4c;
    text-align: start;
    font-weight: 400;
    margin-bottom: 50px;
}

.ppa-splam-button{
    display: flex;
    flex-wrap: wrap;
    margin: 25px 0;
}

.ppa-splam-button a{
    width: 30%;
    font-size: 1rem;
    padding: 10px 0;
    margin: 15px 100px;
    font-weight: 600;
    color: #073c4c;
    border: 3px solid #073c4c;
    border-radius: 40px;
    transition: 0.1s ease-in-out;
}



.ppa-manuais{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.ppa-splam-button a:hover{
    color: #fff;
    background-color: #073c4c;
    transition: 0.1s ease-in-out;
}

.ppa-div{
    display: flex;
    flex-wrap: wrap;
    width: 35%;
    align-content: baseline;
}

.splam-div{
    display: flex;
    flex-wrap: wrap;
    width: 55%;
}

.ppa-splam-tag{
    display: flex;
    align-items: center;
    font-size: 2rem;
    color: #27adaa;
    border-radius: 10px;
    height: 50px;
    padding: 0 10px;
    font-weight: 700;
    font-size: 2.5rem;
	margin-bottom: 10px;
    width: calc(100% - 20px);
}

.ppa-symbol{
    font-size: 4rem !important;
}

.ppa-splam-manual{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.ppa-splam-manual a{
    color: #073c4c;
    border: 3px solid #073c4c;
    border-radius: 30px;
    width: 400px;
    height: 60px;
    margin: 10px 0;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;

}

.ppa-splam-manual a:hover{
    color: #fff;
    background-color: #073c4c;
    transition: 0.1s ease-in-out;
}

.borda-lateral{
    background: linear-gradient(to top, #073c4c, #27adaa);
    width: 5px;
    border-radius: 5px;

}

/* ////////////////// PPA 2024-2027 //////////////////  */

.ppa-single-banner{
    display: flex;
    position: relative;
	max-height: 55vh;
}

.ppa-single-banner img{
    width: 100%;
    height: 55vh;
    position: absolute;
}

.ppa-single-banner-texto{
    display: flex;
    flex-direction: column;
    width: 30%;
    margin: 100px;
    position: absolute;
}

.ppa-single-banner-texto h1{
    font-size: 5rem;
    font-weight: 700;
    font-style: normal;
    text-align: start;
    color:#27adaa;
    line-height: 5.5rem;
}


.ppa-single-sidebar{
    background-color: #06303a;
    color: #fff;
    min-width: 350px;
    max-width: 350px;
    padding-top: 60vh;
}

.ppa-single-backBtn{
    display: flex;
    align-items: center;
    margin: 10px;
}

.ppa-single-backBtn a{
    display: flex;
    font-size: 1.2rem;
    font-weight: 600;
}

.sidebar-button{
    display: flex !important;
    border: 2px solid #fff;
    border-radius: 50%;
    margin-right: 10px;
}

.ppa-single-body{
    display: flex;
}

.ppa-single-sidebar ul{
    padding-top: 50px;
}

.ppa-single-sidebar li{
    text-align: start;
    padding: 15px;
    cursor: pointer;
    font-weight: 600;
}

.ppa-single-sidebar li:hover{
    background-color: #27adab50;
    border-right: 5px solid #27adaa;
}

.ppa-single-sidebar li.active{
    background-color: #27adab50;
    border-right: 5px solid #27adaa;
}

.ppa-single-content{
    padding-top: 60vh;
    color: #073c4c;
    margin: 0 100px;

}

.ppa-single-content h1{
    /* margin: 0 100px; */
    font-size: 4rem;
    text-align: start;
}

.ppa-single-borda{
    border: 2px solid #073c4c;
    background-color: #073c4c;
    width: 35%;
}

.ppa-single-content h2{
    text-align: start;
    color: #27adaa;
    font-size: 2rem;
    margin: 10px 0;
}

.ppa-single-content p{
    text-align: start;
    font-weight: 600;
    font-size: 1.1rem;
    width: 80%;
}

.content-btn{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 50px 0;
}

.ppa-revisao{
    position: relative;
}

.ppa-revisao p{
    position: absolute;
    width: 200px;
    right: 50%;
    top: 100%;
    transform: translate(50%,-50%);
    text-decoration: underline;
    color: #27adaa;
    /* display: flex;    
    justify-content: center;
    align-items: center; */
}

.content-btn select{
    width: 34%;
    color: #073c4c;
    font-size: 1rem;
    padding: 10px 20px;
    border: 2px solid #073c4c;
    border-radius: 30px;
    margin: 10px 0;
    cursor: pointer;
    font-weight: 600;
}

.content-btn select:hover{
    color: #fff;
    background-color: #073c4c;
}

.content-btn a{
    width: calc(34% - 44px);
    color: #073c4c;
    font-size: 1rem;
    padding: 10px 20px;
    border: 2px solid #073c4c;
    border-radius: 30px;
    margin: 10px 0;
    font-weight: 600;
}

.content-btn a:hover{
    color: #fff;
    background-color: #073c4c;
}

.elaboracao, .participativo, .ppa-bolso {
    display: none;
}

.elaboracao.active, .participativo.active, .ppa-bolso.active {
    display: block;
}

#elaboracao.active li, #participativo.active li, #ppa-bolso.active li{
    color: #fff;
    background-color: #073c4c50;
}

.book-thumbnail{
	margin: 100px 0;
}

.book-thumbnail img{
	width: 400px;
}

[data-tooltip] {
	position: relative;
	cursor: pointer;
}
[data-tooltip]:before {
	content: attr(data-tooltip);
	display: none;
	position: absolute;
	top: 20px;
	width: 150px;
	z-index: 100;
	padding: 10px;
	text-decoration: none;
	font-size: 1rem;
	border: 1px solid #27adaa;
	background: #eee;
	color: black;
	border-radius: 5px;
	box-shadow: 3px 3px 10px grey;
}
[data-tooltip]:hover:before {
  	display: inline-block;
}

.ppa-bolso-books{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.ppa-bolso-books .fb3d-thumbnail-lightbox-mode{
    width: 45%;
}

.elaboracao, .participativo, .ppa-bolso, .formularios {
    display: none;
}

.elaboracao.active, .participativo.active, .ppa-bolso.active, .formularios.active {
    display: block;
}

.elaboracao, .participativo, .ppa-bolso, .formulario-indicador {
    display: none;
}

.elaboracao.active, .participativo.active, .ppa-bolso.active, .formulario-indicador.active {
    display: block;
}

.elaboracao, .participativo, .ppa-bolso, .formulario-acao {
    display: none;
}

.elaboracao.active, .participativo.active, .ppa-bolso.active, .formulario-acao.active {
    display: block;
}
/* Estilos para o novo item da sidebar */
#formulario-programa {
    text-align: start;
    padding: 15px;
    cursor: pointer;
    font-weight: 600;
}

#formulario-programa:hover {
    background-color: #27adab50;
    border-right: 5px solid #27adaa;
}

#formulario-programa.active {
    background-color: #27adab50;
    border-right: 5px solid #27adaa;
}

/* Estilo para o botão do formulário */
.formulario-btn {
    width: calc(34% - 44px);
    color: #073c4c;
    font-size: 1rem;
    padding: 10px 20px;
    border: 2px solid #073c4c;
    border-radius: 30px;
    margin: 10px 0;
    font-weight: 600;
    background: none;
    cursor: pointer;
}

.formulario-btn:hover {
    color: #fff;
    background-color: #073c4c;
}

/* MODAL CONTAINER */
#programFormModal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.7);
}

/* MODAL CONTENT - LARGER WIDTH */
#programFormModal .modal-content {
    background-color: #073c4c;
    margin: auto;
    margin-top: 3%;
    padding: 30px;
    border-radius: 10px;
    width: 90%;
    max-width: 100%; 
    box-shadow: 0 5px 30px rgba(0,0,0,0.3);
    position: relative;
}

.modal-content h2{
    color: white;
    padding-bottom: 30px;
}

/* CLOSE BUTTON */
#programFormModal .close-modal {
    position: absolute;
    right: 25px;
    top: 15px;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

#programFormModal .close-modal:hover {
    color: #27adaa;
}

#programEditFormModal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.7);
}

#programEditFormModal .modal-content {
    background-color: #073c4c;
    margin: auto;
    margin-top: 3%;
    padding: 30px;
    border-radius: 10px;
    width: 90%;
    max-width: 100%;
    box-shadow: 0 5px 30px rgba(0,0,0,0.3);
    position: relative;
}

#programEditFormModal .modal-content h2 {
    color: white;
    padding-bottom: 30px;
    text-align: center;
}

#programEditFormModal .close-modal {
    position: absolute;
    right: 25px;
    top: 15px;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s;
}

#programEditFormModal .close-modal:hover {
    color: #27adaa;
}

/* Estilos específicos para o container do formulário de edição */
#programEditFormModal .modal-edit-form-container {
    width: 100%;
}

#indicatorEditFormModal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.7);
}

#indicatorEditFormModal .modal-content {
    background-color: #073c4c;
    margin: auto;
    margin-top: 3%;
    padding: 30px;
    border-radius: 10px;
    width: 90%;
    max-width: 100%;
    box-shadow: 0 5px 30px rgba(0,0,0,0.3);
    position: relative;
}

#indicatorEditFormModal .modal-content h2 {
    color: white;
    padding-bottom: 30px;
    text-align: center;
}

#indicatorEditFormModal .close-modal {
    position: absolute;
    right: 25px;
    top: 15px;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s;
}

#indicatorEditFormModal .close-modal:hover {
    color: #27adaa;
}

/* Estilos específicos para o container do formulário de edição */
#indicatorEditFormModal .modal-edit-form-container {
    width: 100%;
}

span.wpcf7-form-control.wpcf7-checkbox {
    background: transparent;
    color: white;
    border: 0;
}

#actionEditFormModal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.7);
}

#actionEditFormModal .modal-content {
    background-color: #073c4c;
    margin: auto;
    margin-top: 3%;
    padding: 30px;
    border-radius: 10px;
    width: 90%;
    max-width: 100%;
    box-shadow: 0 5px 30px rgba(0,0,0,0.3);
    position: relative;
}

#actionEditFormModal .modal-content h2 {
    color: white;
    padding-bottom: 30px;
    text-align: center;
}

#actionEditFormModal .close-modal {
    position: absolute;
    right: 25px;
    top: 15px;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s;
}

#actionEditFormModal .close-modal:hover {
    color: #27adaa;
}

/* Estilos específicos para o container do formulário de edição */
#actionEditFormModal .modal-edit-form-container {
    width: 100%;
}

#actionFormModal .close-modal {
    position: absolute;
    right: 25px;
    top: 15px;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

#actionFormModal .close-modal:hover {
    color: #27adaa;
}

/* FORM STRUCTURE */
.program-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* FULL-WIDTH ROWS */
.form-row, .form-row-3 {
    display: flex;
    gap: 20px;
    width: 100%;
    align-items: flex-start; 
}

.form-row label{
    color: white;
}

.form-row-3 .form-group {
    flex: 1;
}

form.wpcf7-form label{
    color: white;
}

.double-input-container {
    margin-bottom: 15px;
    position:relative;
    width: 100%;
}

.double-input-container label {
    display: block;
    margin-bottom: 8px;
    color: #fff;
    font-weight: 600;
    width: 100%;
}

.double-input-fields {
    display: flex;
    gap: 10px;
    width: 100%;
    align-items: flex-start; 
}

.double-input-fields > div{
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.double-input-fields .small-input {
    width: 30%;
    flex: 0 0 calc(30% - 5px); 
    min-width: 0;
}

.input-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.double-input-fields .large-input {
    width: 70%;
    flex: 0 0 calc(70% - 5px); 
    min-width: 0;
}

.form-group, .double-input-container {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}

.double-input-fields input {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #27adaa;
    border-radius: 30px;
    font-size: 1rem;
    background-color: #fff;
    height: 48px; 
    box-sizing: border-box;
}

.detalhamento-titulo {
    color: white !important;
    margin: 20px 0 15px 0;
}

/* FORM GROUPS */
.form-group {
    width: 100%;
    margin-bottom: 15px;
}

.form-group label{
    color: white;
}

.form-row .form-group,
.form-row-3 .form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.small-input {
    width: 30%;
}

.large-input {
    width: 70%;
}

/* LABELS */
.program-form label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #fff;
}

/* INPUTS AND TEXTAREAS */
.program-form input[type="text"],
.program-form input[type="date"],
.program-form select,
.program-form textarea {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #27adaa;
    border-radius: 30px;
    font-size: 1rem;
    background-color: #fff;
    box-sizing: border-box;
    margin: 0; 
}

.program-form input[type="text"]:focus,
.program-form input[type="date"]:focus,
.program-form select:focus,
.program-form textarea:focus {
    border-color: #27adaa;
    outline: none;
}

.date-group {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: column;
    flex:1;
}

.date-group label {
    margin-bottom: 0;
    min-width: 80px;
}

.date-group input {
    flex: 1;
    width: 100%;
}

/* TEXTAREAS - WIDE (NOT TALL) */
.program-form textarea {
    min-height: 80px;
    resize: vertical;
}

/* RADIO BUTTON GROUPS */
.radio-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 5px;
}

.radio-group label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: normal;
    cursor: pointer;
}

/* ACCORDION STYLES */
.with-accordion {
    flex: 1;
    min-width: 0;
}

.accordion-container {
    display: flex;
    width: 100%;
}

.accordion-input {
    flex: 1;
    padding: 12px 15px;
    border: 2px solid #e0e0e0;
    border-radius: 8px 0 0 8px;
    font-size: 1rem;

}

.accordion-button {
    width: 40px;
    background-color: #073c4c;
    color: white;
    border: none;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.accordion-button:hover {
    background-color: #27adaa;
}

.accordion-content {
    display: none;
    position: absolute;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background: white;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    z-index: 10;
    margin-top: 5px;
}

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

.accordion-list li {
    padding: 10px 15px;
    cursor: pointer;
    transition: background 0.2s;
}

.accordion-list li:hover {
    background-color: #27adaa;
}

.input-with-accordion {
    display: flex;
    width: 100%;
}

.double-input-fields .small-input,
.double-input-fields .large-input {
    display: flex;
    flex-direction: column;
    flex: 0 0 15%;  
    min-width: 0;
}

.double-input-fields .large-input,
.double-input-fields .medium-input {
    flex: 1; 
    min-width: 0;
}

.accordion-btn {
    width: 40px;
    background-color: #073c4c;
    color: white;
    border: none;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accordion-btn:hover {
    background-color: #27adaa;
}

.input-with-accordion input {
    width: 100%;
    border-radius: 30px !important;
    cursor: default;
    flex: 1;
    min-width: 0;
}

#detalhamento-container h1{
    color: white;
    margin-bottom:5px;
}

/* FORM ACTIONS */
.form-actions {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

/* BUTTONS */
.btn {
    padding: 12px 25px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    border: 2px solid #073c4c;
    font-size: 1rem;
}

.btn-cancel {
    background-color: white;
    color: #073c4c;
}

.btn-cancel:hover {
    background-color: #f5f5f5;
    border-color: #27adaa;
}

.btn-submit {
    padding: 15px 40px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 1.1rem;
    cursor: pointer;
    transition: all 0.3s;
    background-color: #27adaa;
    color: white;
    border: none;
    width: 50%;
    max-width: 300px;
}

.btn-submit:hover {
    background-color: #1e8c8a;
}

.info-box {
    background-color: #06303a;
    padding: 20px;
    border-radius: 8px;
    margin-top: 30px;
    color: #fff;
    font-size: 0.9rem;
    line-height: 1.5;
}

.info-box p {
    margin-bottom: 10px;
}

.info-box p:last-child {
    margin-bottom: 0;
}

.indicator-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.previsao-section {
    background-color: #0a4a5a;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.previsao-section h3 {
    color: #fff;
    margin-bottom: 15px;
}

.previsao-ano {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
}

.previsao-item {
    flex: 1;
}

.previsao-item label {
    display: block;
    margin-bottom: 8px;
    color: #fff;
    font-weight: 600;
}

.previsao-item input {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #27adaa;
    border-radius: 30px;
    font-size: 1rem;
    background-color: #fff;
}

.em-apuracao {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.em-apuracao input {
    width: auto;
}

.em-apuracao label {
    margin-bottom: 0;
    font-weight: normal;
}

#indicatorFormModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 1000;
    overflow: auto;
}

#indicatorFormModal .modal-content {
    background-color: #073c4c;
    margin: auto;
    margin-top: 3%;
    padding: 30px;
    border-radius: 10px;
    width: 90%;
    max-width: 100%;
    box-shadow: 0 5px 30px rgba(0,0,0,0.3);
    position: relative;
}

#indicatorFormModal .close-modal {
    position: absolute;
    right: 25px;
    top: 15px;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

#indicatorFormModal .close-modal:hover {
    color: #27adaa;
}

button#openIndicatorForm {
    width: calc(34% - 44px);
    color: #073c4c;
    font-size: 1rem;
    padding: 10px 20px;
    border: 2px solid #073c4c;
    border-radius: 30px;
    margin: 10px 0;
    font-weight: 600;
    background: none;
    cursor: pointer;
}

button#openIndicatorForm:hover {
    color: #fff;
    background-color: #073c4c;
}


/* Estilos específicos do formulário de indicador */
.indicator-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%; 
}

.indicator-form .form-group {
    margin-bottom: 15px;
}

.indicator-form label {
    display: block;
    margin-bottom: 8px;
    color: white;
    font-weight: 600;
}

.indicator-form input,
.indicator-form textarea,
.indicator-form select {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #27adaa;
    border-radius: 30px;
    font-size: 1rem;
    background-color: #fff;
    box-sizing: border-box; 
}

.indicator-form .double-input-fields {
    display: flex;
    gap: 10px;
    width: 100%;
}

.indicator-form .double-input-fields .small-input {
    width: 30%;
}

.indicator-form .double-input-fields .large-input {
    width: 70%;
}

.previsao-section {
    background-color: #0a4a5a;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    width: 100%; 
    box-sizing: border-box;
}

.previsao-section h3 {
    color: #fff;
    margin-bottom: 15px;
}

.previsao-ano {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
}

.previsao-item {
    flex: 1;
}

/* Checkbox "Em apuração" */
.em-apuracao {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

span#apuracao_2026{
    border: none;
    background-color: transparent;
    color:white;
}

span#apuracao_2027{
    border: none;
    background-color: transparent;
    color:white;
}

.em-apuracao input[type="checkbox"] {
    width: auto;
    margin: 0;
}

/* Botão de submit */
.indicator-form .btn-submit {
    background-color: #27adaa;
    color: white;
    border: none;
    padding: 15px 40px;
    border-radius: 30px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    margin-top: 20px;
    width: 50%;
    align-self: center;
}

.indicator-form .btn-submit:hover {
    background-color: #1e8c8a;
}

/* ESTILOS PARA O FORMULÁRIO DE AÇÃO - CONSISTENTE COM OS DEMAIS */
.action-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.action-form .form-group,
.action-form .double-input-container {
    width: 100%;
    margin-bottom: 15px;
}

.action-form label {
    display: block;
    margin-bottom: 8px;
    color: white;
    font-weight: 600;
}

.action-form input,
.action-form textarea,
.action-form select {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #27adaa;
    border-radius: 30px;
    font-size: 1rem;
    background-color: #fff;
    box-sizing: border-box;
    color: #073c4c;
}

.action-form textarea {
    min-height: 80px;
    resize: vertical;
}

/* ESTILOS PARA CAMPOS DUPLOS */
.action-form .double-input-fields {
    display: flex;
    gap: 10px;
    width: 100%;
}

.action-form .double-input-fields .small-input {
    width: 30%;
}

.action-form .double-input-fields .large-input {
    width: 70%;
}

/* ESTILOS PARA LINHAS COM MÚLTIPLOS CAMPOS */
.action-form .form-row-2 {
    display: flex;
    gap: 20px;
    width: 100%;
}

.action-form .form-row-2 .double-input-container {
    flex: 1;
}

.action-form .form-row-4 {
    display: flex;
    gap: 15px;
    width: 100%;
}

.action-form .form-row-4 .form-group {
    flex: 1;
    min-width: 0;
}

/* Estilo para a linha dos novos campos */
.form-row-3 {
    display: flex;
    gap: 20px;
    width: 100%;
    margin-bottom: 20px;
}

.form-row-3 .form-group {
    flex: 1;
    min-width: 0;
}

/* Ajuste para os selects nos novos campos */
.form-row-3 .wpcf7-select {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #27adaa;
    border-radius: 30px;
    font-size: 1rem;
    background-color: #fff;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 1em;
}

/* ESTILOS PARA ACORDEÃO (SELECT PERSONALIZADO) */
.action-form .with-accordion {
    flex: 1;
    min-width: 0;
}

.action-form .input-with-accordion {
    display: flex;
    width: 100%;
}

.action-form .input-with-accordion input {
    width: 100%;
    border-radius: 30px 0 0 30px !important;
    cursor: default;
    flex: 1;
    min-width: 0;
}

.action-form .accordion-btn {
    width: 40px;
    background-color: #073c4c;
    color: white;
    border: none;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.action-form .accordion-btn:hover {
    background-color: #27adaa;
}

.action-form .accordion-content {
    display: none;
    position: absolute;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background: white;
    border: 2px solid #e0e0e0;
    border-radius: 30px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    z-index: 10;
    margin-top: 5px;
}

.action-form .accordion-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.action-form .accordion-list li {
    padding: 10px 15px;
    cursor: pointer;
    transition: background 0.2s;
    color: #073c4c;
}

.action-form .accordion-list li:hover {
    background-color: #27adaa;
    color: white;
}

.action-form h1{
    color: white;
    text-align: left;
}

#actionFormModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 1000;
    overflow: auto;
}

#actionFormModal .modal-content {
    background-color: #073c4c;
    margin: auto;
    margin-top: 3%;
    padding: 30px;
    border-radius: 10px;
    width: 90%;
    max-width: 100%;
    box-shadow: 0 5px 30px rgba(0,0,0,0.3);
    position: relative;
}

.wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.wpcf7-form-control {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #27adaa;
    border-radius: 30px;
    font-size: 1rem;
    background-color: #fff;
    box-sizing: border-box;
    overflow: hidden;
}

.wpcf7-select {
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 1em;
}

.wpcf7-textarea {
    height: 48px;
    resize: vertical;
}

.wpcf7-submit.btn-submit {
    padding: 15px 40px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 1.1rem;
    cursor: pointer;
    background-color: #27adaa;
    color: white;
    border: none;
    width: 100%;
    max-width: 300px;
    margin: 30px auto 0;
    display: block;
}

.wpcf7-submit.btn-submit:hover {
    background-color: #1e8c8a;
}

.formularios-flexbox{
    display: flex;
}

.form{
    flex: 1;
}

.form:first-child{
    margin-right: 10%;
}

.form.criacao{
    border-right: 2px solid #073c4c;
    padding: 20px 0;
}

.form.ajuste{
    padding: 20px 0;
}

.uacf7_conditional{
    display:contents
}

.asterisco-vermelho {
    color: red;
    font-weight: bold;
}

/* Estilo para campos desabilitados */
.wpcf7-form-control:disabled {
    background-color: #f5f5f5;
    cursor: not-allowed;
}

.wpcf7cf-hidden {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

.wpcf7cf-visible {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
}

/* Correção específica para a estrutura UACF7 */
.modal .uacf7-step {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    position: relative !important;
}

/* Esconde as etapas não ativas */
.modal .uacf7-step:not(.uacf7-step-active) {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
}

/* Garante que a etapa ativa seja visível */
.modal .uacf7-step.uacf7-step-active {
    position: relative !important;
    left: 0 !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
}

/* Estilo para os botões gerados automaticamente */
.modal .uacf7_step_nav {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.modal .uacf7_step_button {
    background: #27adaa;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 30px;
    cursor: pointer;
}

.modal .uacf7_step_button:hover {
    background: #1e8c8a;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.7);
}

.modal.active {
    display: block !important;
}


/* ////////////////// Fim da página PPA-INDEX ////////////////// */

/* ////////////////// Inicio da página BALANÇA COMERCIAL ////////////////// */

.balanca-banner{
    background: linear-gradient(to right, black, transparent), url(img/balanca/banner.png);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    padding: 50px 0;
    position: relative;
	max-height: 55vh;
}

.balanca-banner-texto{
    display: flex;
    flex-direction: column;
    width: 30%;
    margin: 70px 50px;
}

.balanca-banner-texto h1{
    font-size: 5rem;
    font-weight: 700;
    font-style: normal;
    text-align: start;
    color:#27adaa;
}

.balanca-banner img{
    position: absolute;
    width: 100%;
    height: 3em;
    bottom: 0;
}


.balanca-descricao{
    position: relative;
    padding: 25px 100px;
    
}

.balanca-descricao h1{
    font-size: 5rem;
    font-weight: 600;
    color: #073c4c;
    text-align: start;
    margin: 30px 0 50px 30px;
}

.balanca-descricao p{
    text-align: start;
    font-size: 1.4rem;
    width: 65%;
    margin: 0 0 0 50px;
    color: #073c4c;
    padding-bottom: 100px;
}

.borda-balanca-titulo{
    background-color: #fff;
    border: 3px solid #fff;
}

.balanca-descricao img{
    position: absolute;
    width: 100%;
    height: 3em;
    left: 0;
    display: flex;
}

.balanca-pdf{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: flex;
    flex-direction: column;
    padding: 50px 100px;
    width: calc(100% - 200px);
    position: relative;
    
}

.balanca-pdf-titulo{
    display: flex;
    font-weight: 500;
    justify-content: space-between;
    align-items: center;
	margin-top: 50px;
}

.balanca-pdf-texto{
	width: 50%;
	
}

.balanca-pdf-ano{
	width: 50%;
	display:flex;
	justify-content: center;
	
}

.balanca-pdf-ano h1{
	color: #36d1cf !important;
    opacity: 0.8 !important;
    font-size: 12rem !important;
    font-weight: 700 !important;
	transition: 0.5s ease
}

.balanca-pdf:hover .balanca-pdf-ano h1{
	font-size: 20rem !important;
    z-index: 0 !important;
}

.balanca-pdf h1{
    color: #fff;
    font-size: 6rem;
    display: flex;
    font-weight: 500;
    line-height: 3.5rem;
}

.balanca-pdf h2{
    color: #fff;
    font-size: 4.5rem;
    display: flex;
    font-weight: 500;
}

.balanca-pdf p{
    color: #fff;
    display: flex;
    font-size: 1.2rem;
    margin-top: 60px;
}

.balanca-pdf-button{
    padding: 100px 0;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    z-index: 10 !important;
}

.balanca-pdf-button a{
    padding: 5px 50px;
    background-color: #fff;
    border: 2px solid #27adaa;
    border-radius: 20px;
    margin: 20px 50px;
    color: #073c4c;
    width: 150px;
    font-size: 1.2rem;
}

.balanca-pdf-button a:hover{
    color: #fff;
    background: linear-gradient(to left, #27adaa, #073c4c);
}

.balanca-pdf img{
    position: absolute;
    width: 100%;
    height: 3em;
    bottom: 0;
    left: 0;
    display: flex;
}

.balanca-img{
    position: absolute;
    width: 100%;
    height: 3em;
    top: 0;
    left: 0;
    display: flex;
}

.balanca-button{
	text-align: end;
	margin-right: 100px;
}

.balanca-button button{
	color: #fff;
	border-radius: 30px;
	width: 250px;
	padding: 5px;
	border: 2px solid #fff;
	font-size: 1.1rem;
	text-align: center;

}

.balanca-button-ano{
    opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: opacity 0.5s ease, max-height 0.5s ease;
}

.balanca-button-ano.active{
	opacity: 1;
	max-height: 500px;
	
}

.balanca-anterior-button{
    padding: 100px 0 50px 0;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.balanca-anterior-button a{
    padding: 5px 50px;
    background-color: #fff;
    border: 2px solid #27adaa;
    border-radius: 20px;
    margin: 20px 50px;
    color: #073c4c;
    width: 150px;
    font-size: 1.2rem;
}

.balanca-anterior-button a:hover{
    color: #fff;
    background: linear-gradient(to left, #27adaa, #073c4c);
}

.balanca-dash{
    padding: 100px;
}

.balanca-dash h2{
    text-align: start;
    font-size: 3rem;
    color: #073c4c;
    font-weight: 500;
    line-height: 3rem;
}

.balanca-dash strong{
    color: #27adaa;
    font-weight: 600;
    font-style: italic;
}

.balanca-dash h1{
    text-align: start;
    font-size: 4.5rem;
    color: #00859e;
    font-weight: 500;
    line-height: 5rem;
}

.balanca-dash p{
    text-align: start;
    font-size: 1.4rem;
    color: #073c4c;
    font-weight: 500;
    margin: 80px 0;
}

.balanca-dash-banner{
    padding: 50px 40px 100px 40px;
    background: url(img/balanca/dashboard.png);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 20px;
    text-align: start;
    transform: scale(1);
    transition: 0.2s ease-in-out;
    margin: 0 100px;
}

.balanca-dash-banner p{
    margin: 25px 40px 80px 40px;
    color: #fff;
    width: 50%;
    font-weight: 400;
}

.balanca-dash-banner a{
    all:unset;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 10px;
    padding: 20px 40px;
    font-size: 1.3rem;
    font-weight: 500;
    margin: 0 40px;
    cursor: pointer;
    transform: scale(1);
    transition: 0.2s ease-in-out;
}


.balanca-dash-banner a:hover{
    color: #073c4c;
    background-color: #fff;
    font-weight: 600;
    transform: scale(1.5);
    transition: 0.2s ease-in-out;
}

.balanca-lastyears{
    position: relative;
    height: 1800px;
    margin: 100px 0;
}

.bg-lastyears{
    width: 100%;
    margin-top: 100px;
    height: 1800px;
    position: absolute;
    right: 0;
}

.balanca-lastyears-container{
    position: absolute;
    padding: 300px 100px 170px 100px;
}

.balanca-lastyears-container h2{
    text-align: start;
    font-size: 4rem;
    color: #fff;
    font-weight: 500;
    line-height: 3rem;
    margin-top: 80px;
}

.balanca-lastyears-container h1{
    text-align: start;
    font-size: 5.5rem;
    color: #27adaa;
    font-weight: 700;
    line-height: 5rem;
}

.lastyears-content-titulo p{
    text-align: start;
    font-size: 1.4rem;
    font-weight: 500;
    margin: 80px 0;
    color: #fff;
    width: 80%;
}

.lastyears-content-titulo a{
    display: flex;
    padding: 2px 10px;
    justify-content: space-between;
    align-items: center;
    width: 100px;
    border: 2px solid #fff;
    border-radius: 20px;
    font-weight: 600;
}

.lastyears-content-titulo a:hover{
    color: #073c4c;
    background-color: #fff;
}

.lastyears-content{
    display: flex;
}

.lastyears-content-img img{
    width: 100%;
    box-shadow: 0 0 30px #888;
    border-radius: 5px;
    transform-origin: left;
    transition: transform .25s;
}

.lastyears-content-img img:hover{
    transform: rotateY(-20deg) rotateZ(0deg);
}

.lastyears-content-img{
    padding: 80px 100px 0 0;
}

.lastyears-content-img h4{
    margin: 10px 0;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
}

.other-books-container{
    display: flex;
    align-items: baseline;
    margin-top: 200px;
}

.other-books-container a{
    transform: scale(1);
    transition: 0.2s ease-in-out;
}

.other-books-container img{
    width: 75%;
    box-shadow: 0 0 30px #222;
    border-radius: 5px;
}

.other-books-container a:hover{
    transform: scale(1.1);
    transition: 0.2s ease-in-out;
}

.other-books-container h4{
    margin: 10px 0;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
}

.balanca-filtro-ano{
    padding: 100px;
}

.balanca-filtro-ano h1{
    text-align: start;
    font-size: 5rem;
    font-weight: 500;
    color: #073c4c;
    line-height: 5rem;
}

.balanca-filtro-ano strong{
    font-weight: 500;
    color: #27adaa;
}

.balanca-filtro-content{
    display: flex;
    justify-content: space-between;
    margin: 100px 0 150px 0;
}

.balanca-filtro-content p{
    font-size: 1.5rem;
    width: 40%;
    text-align: start;
}

.year-option{
    width: 60%;
	display: flex;
	justify-content: center;
	margin: 100px 0 150px 0;
}

.year-option p{
    font-size: 1.5rem;
    width: 40%;
    text-align: start;
}

.year-option select{
    font-size: 1.5rem;
    color: #073c4c;
    border: 1px solid #27adaa;
    border-radius: 30px;
    padding: 10px 100px;
    text-align: start;

}

optgroup{
	text-align: start;
}
.year-option option{
    text-align: start;
}

.fixed-dashboard-button {

    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    transition: opacity 0.3s;
}

.dashboard-button {
    font-size: 20px;
    display: inline-flex;
    align-items: center;
    padding: 20px 30px;
    background-color: #073c4c;
    color: white;
    text-decoration: none;
    border-radius: 10px;
    font-weight: bold;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s;
}

.dashboard-button:hover {
    background-color: #005a87;
    transform: scale(1.1);
}

#dashboard-arrow {
    margin-left: 5px;
    font-size: 25px;
    transition: transform 0.3s;
}
/* ////////////////// FIM da página BALANÇA COMERCIAL ////////////////// */

/* ////////////////// Inicio da página RELATÓRIO GOVERNAMENTAL ////////////////// */


.RAG-banner{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    padding: 50px 0;
    position: relative;
	max-height: 55vh;
}

.RAG-banner-texto{
    display: flex;
    flex-direction: column;
    width: 30%;
    margin: 70px 50px;
}

.RAG-banner-texto h1{
    font-size: 5rem;
    font-weight: 700;
    font-style: normal;
    text-align: start;
    color:#27adaa;
    line-height: 5rem;
    padding-bottom: 50px;
}

.RAG-banner img{
    position: absolute;
    width: 100%;
    height: 3em;
    bottom: 0;
}

.whiteBtn{
    background: #fff;
    margin-bottom: 50px;
}

.whiteBtn span{
    color: #073c4c;
    border: 2px solid #073c4c;
}

.whiteBtn h2 {
    color: #073c4c;
}


.RAG-container{
    position: relative;
    padding: 25px 100px;
    height: 3200px
}

.RAG-bg{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    height: 2800px;
}

.RAG-descricao-content{
    position: absolute;
}

.RAG-descricao-content h1{
    font-size: 5rem;
    font-weight: 600;
    color: #fff;
    text-align: start;
    margin: 30px 0 50px 30px;
}

.RAG-descricao-content p{
    text-align: start;
    font-size: 1.4rem;
    width: 65%;
    margin: 0 0 0 50px;
    color: #fff;
    padding-bottom: 150px;
}

.RAG-books{
    width: calc(100% - 100px);
    display: flex;
    flex-wrap: wrap;
    padding: 50px;
    position: absolute;

}

.RAG-recentes{
    padding-top: 50px;
}

.RAG-recentes h3{
    color: #073c4c;
    background-color: #fff;
    border-radius: 30px;
    font-size: 2.5rem;
    width: 370px;
    margin-bottom: 50px;
}

.RAG-recentes h2{
    color: #fff;
    font-size: 6rem;
    text-align: start;
    line-height: 6.5rem;
}

.RAG-recentes a{
    font-size: 1.2rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border: 2px solid #fff;
    border-radius: 30px;
    width: 150px;
    padding: 10px;
    padding-right: 0;
    margin: 50px 0;
}

.RAG-recentes span{
    font-size: 2.2rem !important;
}

.RAG-recentes-img{
    text-align: start;
}

.RAG-recentes-img a{
    display: flex;
    flex-direction: column;
    transform: scale(1);
    transition: 0.2s ease-in-out;
    margin: 10px;
    font-size: 2rem;
}

.RAG-recentes-img a:hover{
    transform: scale(1.05);
    transition: 0.2s ease-in-out;
}

.RAG-other-books {
    width: calc(100% - 100px);
}

.RAG-other-books h2{
    color: #fff;
    font-size: 3rem;
    text-align: start;
    font-weight: 500;
    margin-top: 150px;
    line-height: 3.5rem;
}

.RAG-other-books strong{
    font-weight: 700;
}

.RAG-other-books h3{
    color: #073c4c;
    background-color: #fff;
    border-radius: 30px;
    font-size: 2.5rem;
    width: 370px;
    margin: 50px 0;
}

.RAG-other-books-img{
    display: flex;
    align-items: baseline;
    margin-top: 100px;
}

.RAG-other-books-img a{
    transform: scale(1);
    transition: 0.3s ease-in-out;
    font-size: 2rem;
}

.RAG-other-books-img a:hover{
    transform: scale(1.1);
    transition: 0.3s ease-in-out;
}

.RAG-other-books-img img{
    width: 75%;
    box-shadow: 0 0 30px #222;
    border-radius: 5px;
}

.RAG-filtro-ano{
    padding: 100px;
    padding-top: 200px;
}

.RAG-filtro-ano h1{
    text-align: start;
    font-size: 5rem;
    font-weight: 500;
    color: #073c4c;
    line-height: 5rem;
}

.RAG-filtro-ano strong{
    font-weight: 500;
    color: #27adaa;
}

.RAG-filtro-content{
    display: flex;
    justify-content: space-between;
    margin: 100px 0;
}

.RAG-filtro-content p{
    font-size: 1.5rem;
    width: 40%;
    text-align: start;
}

.year-option{
    width: 60%;
}

.RAG-filtro-content p{
    color: #073c4c;
}

.RAG-filtro-content select{
    font-size: 1.5rem;
    background-color: #073c4c;
    color: #fff;
    border: 1px solid #27adaa;
    border-radius: 30px;
    padding: 10px 0;
    width: 400px;
    text-align: center;

}

.RAG-filtro-content option{
    text-align: start;
}

/* ////////////////// FIM da página RELATÓRIO GOVERNAMENTAL ////////////////// */

/* ////////////////// Inicio da página ANUÁRIO ESTATÍSTICO ////////////////// */

.anuario-banner{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    padding: 50px 0;
    position: relative;
	max-height: 55vh;
}

.anuario-banner-texto{
    display: flex;
    flex-direction: column;
    width: 30%;
    margin: 70px 50px;
}

.anuario-banner-texto h1{
    font-size: 5rem;
    font-weight: 700;
    font-style: normal;
    text-align: start;
    color:#27adaa;
}

.anuario-banner img{
    position: absolute;
    width: 100%;
    height: 3em;
    bottom: 0;
}


.anuario-descricao{
    position: relative;
    padding: 25px 100px;
    background-color: #073c4c;
    
}

.anuario-descricao h1{
    font-size: 5rem;
    font-weight: 600;
    color: #fff;
    text-align: start;
    margin: 30px 0 50px 30px;
}

.anuario-descricao p{
    text-align: start;
    font-size: 1.4rem;
    width: 65%;
    margin: 0 0 0 50px;
    color: #fff;
    padding-bottom: 200px;
}

.borda-anuario-titulo{
    background-color: #fff;
    border: 3px solid #fff;
}

.anuario-descricao img{
    position: absolute;
    width: 100%;
    height: 3em;
    left: 0;
    bottom: 0;
    display: flex;
}


.anuario-dash{
    padding: 100px;
}

.anuario-dash h2{
    text-align: start;
    font-size: 3rem;
    color: #073c4c;
    font-weight: 500;
    line-height: 3rem;
}

.anuario-dash strong{
    color: #27adaa;
    font-weight: 600;
    font-style: italic;
}

.anuario-dash h1{
    text-align: start;
    font-size: 4.5rem;
    color: #00859e;
    font-weight: 500;
    line-height: 5rem;
}

.anuario-dash p{
    text-align: start;
    font-size: 1.4rem;
    color: #073c4c;
    font-weight: 500;
    margin: 80px 0;
}

.anuario-dash-banner{
    padding: 50px 40px 100px 40px;
    background: url(img/anuario/dashboard.png);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 20px;
    text-align: start;
    transform: scale(1);
    transition: 0.2s ease-in-out;
    margin: 0 100px;
}

.anuario-dash-banner:hover{
    transform: scale(1.02);
    transition: 0.2s ease-in-out;
}

.anuario-dash-banner p{
    margin: 25px 40px 80px 40px;
    color: #fff;
    width: 50%;
    font-weight: 400;
}

.anuario-dash-banner a{
    all:unset;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 10px;
    padding: 20px 40px;
    font-size: 1.3rem;
    font-weight: 500;
    margin: 0 40px;
    cursor: pointer;
}


.anuario-dash-banner a:hover{
    color: #073c4c;
    background-color: #fff;
    font-weight: 600;
}

.anuario-lastyears{
    position: relative;
    height: 1800px;
    margin: 100px 0;
}

.bg-lastyears-anuario{
    width: 100%;
    margin-top: 100px;
    height: 1900px;
    position: absolute;
    right: 0;
}

.anuario-lastyears-container{
    position: absolute;
    padding: 300px 100px 170px 100px;
}

.anuario-lastyears-container h2{
    text-align: start;
    font-size: 4rem;
    color: #fff;
    font-weight: 500;
    line-height: 3rem;
    margin-top: 80px;
}

.anuario-lastyears-container h1{
    text-align: start;
    font-size: 5.5rem;
    color: #27adaa;
    font-weight: 700;
    line-height: 5rem;
}

.anuario-img {
    padding: 0 200px 0 0;
}

.anuario-img img{
    width: 60%;
    box-shadow: 0 0 30px #888;
    border-radius: 5px;
    transform-origin: left;
    transition: transform .25s;
}

.anuario-filtro-ano{
    padding: 100px;
    padding-top: 220px;
}

.anuario-filtro-ano h1{
    text-align: start;
    font-size: 5rem;
    font-weight: 500;
    color: #073c4c;
    line-height: 5rem;
}

.anuario-filtro-ano strong{
    font-weight: 500;
    color: #27adaa;
}

.anuario-filtro-content{
    display: flex;
    justify-content: space-between;
    margin: 100px 0 150px 0;
}

.anuario-filtro-content p{
    font-size: 1.5rem;
    width: 40%;
    text-align: start;
}

.year-option{
    width: 60%;
}

.anuario-filtro-content select{
    font-size: 1.5rem;
    background-color: #073c4c;
    color: #fff;
    border: 1px solid #27adaa;
    border-radius: 30px;
    padding: 10px 100px;
    text-align: start;

}

.anuario-filtro-content option{
    text-align: start;
}

/* ////////////////// FIM da página ANUÁRIO ESTATÍSTICO ////////////////// */

/* ////////////////// Inicio da página PIB Trimestral ////////////////// */

.pibTri-banner{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    padding: 50px 0;
    position: relative;
	max-height: 55vh;
}

.pibTri-banner-texto{
    display: flex;
    flex-direction: column;
    width: 30%;
    margin: 70px 50px;
}

.pibTri-banner-texto h1{
    font-size: 5.5rem;
    font-weight: 700;
    font-style: normal;
    text-align: start;
    color:#27adaa;
    margin-bottom: 70px;
}

.pibTri-banner-texto h2{
    font-size: 2.5rem;
    font-weight: 700;
    font-style: normal;
    text-align: start;
    color:#27adaa;
}

.pibTri-banner img{
    position: absolute;
    width: 100%;
    height: 3em;
    bottom: 0;
}


.pibTri-descricao{
    position: relative;
    padding: 25px 100px;
    
}

.pibTri-descricao h1{
    font-size: 5rem;
    font-weight: 600;
    color: #073c4c;
    text-align: start;
    margin: 30px 0 50px 30px;
}

.pibTri-descricao p{
    text-align: start;
    font-size: 1.4rem;
    width: 65%;
    margin: 0 0 0 50px;
    color: #073c4c;
    padding-bottom: 100px;
}

.borda-pibTri-titulo{
    background-color: #fff;
    border: 3px solid #fff;
}

.pibTri-descricao img{
    position: absolute;
    width: 100%;
    height: 3em;
    left: 0;
    display: flex;
}

.pibTri-pdf{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: flex;
    flex-direction: column;
    padding: 100px;
    width: calc(100% - 200px);
    position: relative;
    
}

.pibTri-pdf-titulo {
    display: flex;
    flex-direction: row; 
    justify-content: space-between; 
    align-items: center; 
}

.pibTri-pdf-titulo > div:not(.pibtri-pdf-ano) {
    display: flex;
    flex-direction: column;
}

.pibtri-pdf-ano{
	width: 50%;
	display:flex;
	justify-content: center;
	
}

.pibtri-pdf-ano h1{
	color: #36d1cf !important;
    opacity: 0.8 !important;
    font-size: 12rem !important;
    font-weight: 700 !important;
	transition: 0.5s ease
}

.pibTri-pdf h1{
    color: #fff;
    font-size: 8rem;
    display: flex;
    font-weight: 700;
}

.pibTri-pdf h2{
    color: #fff;
    font-size: 3rem;
    display: flex;
    font-weight: 600;
}

.pibTri-pdf p{
    color: #fff;
    display: flex;
    font-size: 1.2rem;
    margin-top: 20px;
}

.pibTri-pdf-button{
    padding: 50px 0;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.pibTri-pdf-button a{
    padding: 5px 50px;
    background-color: #fff;
    border: 2px solid #27adaa;
    border-radius: 20px;
    margin: 20px 50px;
    color: #073c4c;
    width: 150px;
    font-size: 1.2rem;
}

.pibTri-pdf-button a:hover{
    color: #fff;
    background: linear-gradient(to left, #27adaa, #073c4c);
}

.pibTri-pdf img{
    position: absolute;
    width: 100%;
    height: 3em;
    bottom: 0;
    left: 0;
    display: flex;
}

.pibTri-img{
    position: absolute;
    width: 100%;
    height: 3em;
    top: 0;
    left: 0;
    display: flex;
}

.pibTri-lastyears{
    position: relative;
    height: 2500px;
    margin: 100px 0;
}

.pibTri-bg-lastyears{
    width: 100%;
    margin-top: 100px;
    height: 2500px;
    position: absolute;
    right: 0;
}

.pibTri-lastyears-container{
    position: absolute;
    padding: 0 100px;
}

.pibTri-lastyears-container h2{
    text-align: start;
    font-size: 4rem;
    color: #073c4c;
    font-weight: 500;
    line-height: 3rem;
    margin-top: 80px;
}

.pibTri-lastyears-container h1{
    text-align: start;
    font-size: 5.5rem;
    color: #27adaa;
    font-weight: 700;
    line-height: 5rem;
}

.pibTri-content p{
    color: #073c4c;
    width: 65%;
}

.pibTri-content a{
    border: 2px solid #073c4c;
    color: #073c4c;
}

.pibTri-content a:hover{
    color: #fff;
    background-color: #073c4c;
}

.pib-books-2023-destaque{
    padding: 0px 100px 0 0;
}

.pib-books-2023-destaque img{
    width: 70%;
}

.pibTri-other-books-titulo{
    display: flex;
    margin-top: 230px;
}

.pibTri-other-books-titulo h3{
    background-color: #fff;
    color: #073c4c;
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 2.5rem;
}

.pib-books-2023 img{
    width: 50%;
}

.pib-books-2022 img{
    width: 65%;
}

.pibTri-filtro-ano{
    padding: 100px;
}

.pibTri-filtro-ano h1{
    text-align: start;
    font-size: 5rem;
    font-weight: 500;
    color: #073c4c;
    line-height: 5rem;
}

.pibTri-filtro-ano strong{
    font-weight: 500;
    color: #27adaa;
}

.pibTri-filtro-content{
    display: flex;
    justify-content: space-between;
    margin: 100px 0 150px 0;
}

.pibTri-filtro-content p{
    font-size: 1.5rem;
    width: 40%;
    text-align: start;
}
.pibTri-filtro-content select{
    font-size: 1.5rem;
    background-color: #073c4c;
    color: #fff;
    border: 1px solid #27adaa;
    border-radius: 30px;
    padding: 10px 100px;
    text-align: start;

}

.pibTri-filtro-content option{
    text-align: start;
}

/* ////////////////// FIM da página PIB Trimestral ////////////////// */


/* ////////////////// Inicio da página PIB Regional ////////////////// */



.pib-reg-banner{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    padding: 50px 0;
    position: relative;
	max-height: 55vh;
}

.pib-reg-banner-texto{
    display: flex;
    flex-direction: column;
    width: 30%;
    margin: 70px 50px;
}

.pib-reg-banner-texto h1{
    font-size: 5.5rem;
    font-weight: 700;
    font-style: normal;
    text-align: start;
    color:#27adaa;
    margin-bottom: 70px;
}

.pib-reg-banner-texto h2{
    font-size: 2.5rem;
    font-weight: 700;
    font-style: normal;
    text-align: start;
    color:#27adaa;
}

.pib-reg-banner img{
    position: absolute;
    width: 100%;
    height: 3em;
    bottom: 0;
}


.pib-reg-descricao{
    position: relative;
    padding: 25px 100px;
    background-color: #073c4c;
    
}

.pib-reg-descricao h1{
    font-size: 5rem;
    font-weight: 600;
    color: #fff;
    text-align: start;
    margin: 30px 0 50px 30px;
}

.pib-reg-descricao p{
    text-align: start;
    font-size: 1.4rem;
    width: 65%;
    margin: 0 0 0 50px;
    color: #fff;
    padding-bottom: 200px;
}

.pib-reg-descricao img{
    position: absolute;
    width: 100%;
    height: 3em;
    left: 0;
    display: flex;
}

.pib-reg-books{
    position: relative;
    height: 1600px;
}

.pib-reg-bg{
    width: 100%;
    height: 1600px;
    position: absolute;
    right: 0;
}

.pib-reg-books-container{
    width: calc(100% - 200px);
    position: absolute;
    margin: 0 100px;
    display: flex;
    flex-wrap: wrap;
}

.pib-reg-books-content{
    width: 50%;
}

.pib-reg-books-content h1{
    color: #fff;
    font-size: 5rem;
    text-align: start;
    font-weight: 500;
    line-height: 6rem;
}

.pib-reg-books-content h3{
    color: #073c4c;
    background-color: #fff;
    border-radius: 30px;
    font-size: 2rem;
    padding: 0 30px;
    margin: 100px 0 50px 0;
    width: 200px;
}

.pib-reg-books-img{
    display: flex;
    justify-content: start;
    width: 50%;
}

.pib-reg-books-img img{
    width: 60%;
}

.pib-reg-books-container h4{
    margin: 10px 0;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
}

.pib-reg-otherbooks h2{
    text-align: start;
    color: #fff;
    font-size: 3rem;
    font-weight: 500;
    margin-top: 50px;
}

.pib-reg-otherbooks h3{
    color: #073c4c;
    background-color: #fff;
    border-radius: 30px;
    font-size: 2rem;
    padding: 0 30px;
    width: 270px;
    margin: 50px 0;
}

.pib-reg-otherbooks-img{
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}

.pib-reg-otherbooks-img img{
    width: 50%;
}

.pib-reg-books-container a{
    transform: scale(1);
    transition: 0.3s ease-in-out;
}

.pib-reg-books-container a:hover{
    transform: scale(1.1);
    transition: 0.3s ease-in-out;
}

/* Nova seção do carrossel */
.pib-reg-carousel-section {
    position: relative;
    padding: 40px 0 40px;
    background-color: #28aea9; /* Mantendo a cor de fundo existente */
}

/* Estilo do título */
.pib-reg-carousel-title {
    position: absolute;
    top: 30px; /* Aumentado de 20px */
    left: 50px; /* Aumentado de 20px */
    background-color: white;
    color: #073c4c;
    padding: 12px 30px; /* Aumentado o padding */
    border-radius: 40px;
    font-size: 24px;
    margin: 0;
    z-index: 4;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transform: translateX(0); /* Garante posicionamento consistente */
}

/* Container do carrossel */
.pib-reg-carousel-container {
    background-color: #28aea9;
    position: relative;
    padding-top: 50px;
    padding-bottom: 20px;
    overflow: visible;
}

/* Wrapper dos slides */
.pib-reg-carousel-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* Área dos slides */
.pib-reg-carousel {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 600px;
    overflow: hidden;
}

/* Itens individuais */
.pib-reg-carousel-item {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%) scale(0.9);
    position: absolute;
    width: 700px;
    height: 550px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: aliceblue;
    border-radius: 20px;
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55), z-index 0.3s ease;
    opacity: 0;
    transform-origin: center center;
    will-change: transform, z-index;
    backface-visibility: hidden;
    perspective: 1000px;
}

/* Posicionamento dos slides */
.pib-reg-carousel-item.pib-reg-prev {
    left: 25%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.9) !important;
    opacity: 0.7;
    z-index: 2;
}

.pib-reg-carousel-item.pib-reg-active {
    z-index: 20 !important;
    position: absolute;
    left: 50%;
    opacity: 1;
    transform: translateX(-50%) scale(0.9);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.3); /* Nova sombra */
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.2)); /* Efeito extra opcional */
}

.pib-reg-carousel-item.pib-reg-active:not(.pib-reg-no-pdf):hover {
    cursor: pointer;
    transform: translateX(-50%) scale(0.95);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
}

.pib-reg-carousel-item.pib-reg-active:not(.pib-reg-no-pdf):hover img {
    transform: scale(1.08);
}

.pib-reg-carousel-item.pib-reg-next {
    z-index: 2;
    left: 75%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    opacity: 0.7;
}

/* Transição suave */
.pib-reg-carousel-item.pib-reg-transitioning {
    transition: all 0.6s ease;
}

/* Botões de navegação */
.pib-reg-arrow {
    background-color: transparent;
    border: none;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 28px;
    cursor: pointer;
    z-index: 3;
    transition: all 0.3s ease;
    color: black;
    position: absolute;
    margin: 0 20px; /* Adiciona margem nas laterais */
}

.pib-reg-left-arrow {
    left: 0px; /* Posiciona a seta esquerda com mais espaço */
}

.pib-reg-right-arrow {
    right: 0px; /* Posiciona a seta direita com mais espaço */
}

.pib-reg-arrow:hover {
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    transform: scale(1.1);
}

/* Indicadores */
.pib-reg-carousel-indicators {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    gap: 10px;
}

.pib-reg-carousel-indicators button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ccc;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: background-color 0.3s;
}

.pib-reg-carousel-indicators button.pib-reg-active {
    background-color: darkcyan;
}

/* Imagens */
.pib-reg-carousel-item img {
    width: auto;
    height: 400px;
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.4s ease, filter 0.3s ease !important;
}

.pib-reg-carousel-item.pib-reg-active img {
    transform: scale(1.05);
}

/* Legenda */
.pib-reg-caption {
    text-align: center;
    font-size: 30px;
    color: rgb(3, 77, 77);
    max-width: 300px;
    padding: 10px;
    font-weight: bold;
}

.pib-reg-carousel-item.pib-reg-active.pib-reg-no-pdf,
.pib-reg-carousel-item.pib-reg-active.pib-reg-no-pdf:hover {
    cursor: not-allowed !important;
}

.pib-reg-carousel-item.pib-reg-active.pib-reg-no-pdf img,
.pib-reg-carousel-item.pib-reg-active.pib-reg-no-pdf:hover img {
    filter: grayscale(30%) brightness(0.9);
    opacity: 0.85;
}

/* ////////////////// FIM da página PIB Regional ////////////////// */

/* ////////////////// Inicio da página PIB Municipal ////////////////// */


.pib-mun-banner{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    padding: 50px 0;
    position: relative;
	max-height: 55vh;
}

.pib-mun-banner-texto{
    display: flex;
    flex-direction: column;
    width: 30%;
    margin: 70px 50px;
}

.pib-mun-banner-texto h1{
    font-size: 5.5rem;
    font-weight: 700;
    font-style: normal;
    text-align: start;
    color:#27adaa;
    margin-bottom: 70px;
}

.pib-mun-banner-texto h2{
    font-size: 2.5rem;
    font-weight: 700;
    font-style: normal;
    text-align: start;
    color:#27adaa;
}

.pib-mun-banner img{
    position: absolute;
    width: 100%;
    height: 3em;
    bottom: 0;
}


.pib-mun-descricao{
    position: relative;
    padding: 25px 100px;
    background-color: #073c4c;
    
}

.pib-mun-descricao h1{
    font-size: 5rem;
    font-weight: 600;
    color: #fff;
    text-align: start;
    margin: 30px 0 50px 30px;
}

.pib-mun-descricao p{
    text-align: start;
    font-size: 1.4rem;
    width: 65%;
    margin: 0 0 0 50px;
    color: #fff;
    padding-bottom: 200px;
}

.pib-mun-descricao img{
    position: absolute;
    width: 100%;
    height: 3em;
    left: 0;
    display: flex;
}

.pib-mun-books{
    position: relative;
    height: 1600px;
}

.pib-mun-bg{
    width: 100%;
    height: 1600px;
    position: absolute;
    right: 0;
}

.pib-mun-books-container{
    width: calc(100% - 200px);
    position: absolute;
    margin: 0 100px;
    display: flex;
    flex-wrap: wrap;
}

.pib-mun-books-content{
    width: 50%;
}

.pib-mun-books-content h1{
    color: #fff;
    font-size: 5rem;
    text-align: start;
    font-weight: 500;
    line-height: 6rem;
}

.pib-mun-books-content h3{
    color: #073c4c;
    background-color: #fff;
    border-radius: 30px;
    font-size: 2rem;
    padding: 0 30px;
    margin: 100px 0 50px 0;
    width: 200px;
}

.pib-mun-books-img{
    display: flex;
    justify-content: start;
    width: 50%;
}

.pib-mun-books-img img{
    width: 60%;
}

.pib-mun-books-container h4{
    margin: 10px 0;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
}

.pib-mun-otherbooks h2{
    text-align: start;
    color: #fff;
    font-size: 3rem;
    font-weight: 500;
    margin-top: 50px;
}

.pib-mun-otherbooks h3{
    color: #073c4c;
    background-color: #fff;
    border-radius: 30px;
    font-size: 2rem;
    padding: 0 30px;
    width: 270px;
    margin: 50px 0;
}

.pib-mun-otherbooks-img{
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}

.pib-mun-otherbooks-img img{
    width: 50%;
}

.pib-mun-books-container a{
    transform: scale(1);
    transition: 0.3s ease-in-out;
}

.pib-mun-books-container a:hover{
    transform: scale(1.1);
    transition: 0.3s ease-in-out;
}

/* ////////////////// FIM da página PIB Municipal ////////////////// */

/* ////////////////// Inicio da página GEOPORTAL ////////////////// */

.geoportal-main-content{
    max-width: 100vw;
    font-family: 'Oswald';
    margin: auto;
    background: linear-gradient(to bottom, #073c4c, #27adaa);
    overflow-x: hidden;
    color: white;
    padding-bottom: 100px;
}

.geoportal-themes {
    margin: auto;
    text-align: center;
    color: #ffffff;
    padding: 20px;
}

.geoportal-themes h1 {
    font-size: 75px;
    margin-bottom: 20px;
}

.geoportal-themes h2 {
    font-size: 24px;
    font-weight: 300;
    max-width: 800px;
    margin: 0 auto 40px;
}

.geoportal-wrapper1 {
    padding: 10px 10%;
}

#geoportal-card-area {
    padding: 50px 0;
}

.geoportal-box-area {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
    align-items: start;
}

.geoportal-box {
    cursor: pointer;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.9);
    height: 100%;
    transition: all 0.3s;
}

.geoportal-box img {
    width: 100%;
    border-radius: 10px;
    display: block;
    transition: transform 0.5s;
}

.geoportal-overlay {
    width: 100%;
    height: 0;
    background: linear-gradient(transparent, #27adaa 58%);
    border-radius: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    text-align: center;
    font-size: 14px;
    transition: height 0.5s;
}

.geoportal-overlay h3 {
    font-weight: 500;
    font-size: 30px;
    letter-spacing: 2px;
    color: white;
}

.geoportal-box:hover img {
    transform: scale(1.1);
}

.geoportal-box:hover .geoportal-overlay {
    height: 100%;
}

.geoportal-box.geoportal-active {
    box-shadow: 0 0 0 3px #E4CFA1;
    transform: scale(0.98);
}

.geoportal-box.geoportal-active::after {
    content: "▼";
    position: absolute;
    bottom: 15px;
    right: 15px;
    color: #E4CFA1;
    font-size: 1.2rem;
    background: rgba(0, 0, 0, 0.5);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#geoportal-map-section {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    padding: 0 10%;
    margin-bottom: 40px;
}

#geoportal-map-section.geoportal-show {
    max-height: 5000px;
    opacity: 1;
    padding: 40px 10%;
}

.geoportal-map-header {
    text-align: center;
    margin-bottom: 30px;
}

.geoportal-map-header h2 {
    font-size: 2.5rem;
    margin: 0;
    color: #E4CFA1;
}

.geoportal-maps-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    width: 100%;
}

.geoportal-map-card {
    width: 100%;
    background-color: #073c4c;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
    text-decoration: none;
    display: block;
    color: white;
}

.geoportal-map-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
}

.geoportal-map-image-container {
    height: 200px;
    overflow: hidden;
}

.geoportal-map-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.geoportal-map-card:hover .geoportal-map-image-container img {
    transform: scale(1.05);
}

.geoportal-map-info {
    padding: 20px;
}

.geoportal-map-info h3 {
    margin-top: 0;
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.geoportal-map-info p {
    margin-bottom: 0;
    color: #E4CFA1;
}

.geoportal-no-maps {
    color: white;
    text-align: center;
    font-size: 1.2rem;
    grid-column: 1 / -1;
    padding: 40px;
}

footer {
    background-color: #073c4c;
    padding: 20px;
    text-align: center;
    margin-top: 50px;
}

.geoportal-map-card {
    background-color: #073c4c;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    transition: all 0.3s;
}

.geoportal-map-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
}

.geoportal-map-info {
    padding: 20px;
    background-color: #0a4b5f;
}

.geoportal-map-info h3 {
    color: #E4CFA1;
    margin-bottom: 10px;
    font-size: 1.3rem;
}

.geoportal-map-info p {
    color: #b3d4d3;
    font-size: 0.9rem;
}

.geoportal-map-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 150px;
    overflow: hidden;
}

.geoportal-map-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.geoportal-map-button {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 15px;
    background-color: #27adaa;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    font-size: 0.9rem;
    transition: all 0.3s;
}

.geoportal-map-button:hover {
    background-color: #1e8c8a;
}

.geoportal-filter-container {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    grid-column: 1 / -1;
    justify-content: center;
}

.geoportal-filter-btn {
    padding: 8px 15px;
    background-color: #0a4b5f;
    color: white;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 0.9rem;
}

.geoportal-filter-btn:hover {
    background-color: #27adaa;
}

.geoportal-filter-btn.geoportal-active {
    background-color: #E4CFA1;
    color: #073c4c;
    font-weight: bold;
}

@media (max-width: 768px) {
    .geoportal-filter-container {
        gap: 8px;
    }

    .geoportal-filter-btn {
        padding: 6px 12px;
        font-size: 0.8rem;
    }
}


@media (max-width: 768px) {
    .geoportal-maps-container {
        grid-template-columns: 1fr;
    }

    .geoportal-map-iframe-container {
        padding-bottom: 75%;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .geoportal-topbar {
        flex-direction: column;
        gap: 15px;
    }

    .geoportal-themes h1 {
        font-size: 50px;
    }

    .geoportal-box-area {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 20px;
    }

    .geoportal-overlay h3 {
        font-size: 24px;
    }
}

.geoportal-fullscreen-btn {
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
    border-radius: 4px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 20;
    transition: all 0.3s;
}

.geoportal-fullscreen-btn:hover {
    background: #27adaa;
}

/* ////////////////// FIM da página GEOPORTAL //////////////////// */

/*/////////////////// Inicio da página EIXOS //////////////////// */

.eixos-body {
    max-width: 100vw;
    font-family: 'Oswald';
    margin: auto;
    background: linear-gradient(to bottom, #073c4c, #27adaa);
    overflow-x: hidden;
    color: white;
}

.eixos-themes {
    margin: auto;
    text-align: center;
    color: #ffffff;
    padding: 20px;
}

.eixos-themes h1 {
    font-size: 75px;
    margin-bottom: 20px;
}

.eixos-themes h2 {
    font-size: 24px;
    font-weight: 300;
    max-width: 800px;
    margin: 0 auto 40px;
}

.eixos-wrapper1 {
    padding: 10px 10%;
}

#eixos-card-area {
    padding: 50px 0;
}

.eixos-box-area {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
    align-items: start;
}

.eixos-box {
    cursor: pointer;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.9);
    height: 100%;
    transition: all 0.3s;
}

.eixos-box img {
    width: 100%;
    border-radius: 10px;
    display: block;
    transition: transform 0.5s;
}

.eixos-overlay {
    width: 100%;
    height: 0;
    background: linear-gradient(transparent, #27adaa 58%);
    border-radius: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    text-align: center;
    font-size: 14px;
    transition: height 0.5s;
}

.eixos-overlay h3 {
    font-weight: 500;
    font-size: 30px;
    letter-spacing: 2px;
    color: white;
}

.eixos-box:hover img {
    transform: scale(1.1);
}

.eixos-box:hover .eixos-overlay {
    height: 100%;
}

.eixos-box.eixos-active {
    box-shadow: 0 0 0 3px #E4CFA1;
    transform: scale(0.98);
}

.eixos-box.eixos-active::after {
    content: "▼";
    position: absolute;
    bottom: 15px;
    right: 15px;
    color: #E4CFA1;
    font-size: 1.2rem;
    background: rgba(0, 0, 0, 0.5);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#eixos-map-section {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    padding: 0 10%;
    margin-bottom: 40px;
}

#eixos-map-section.eixos-show {
    max-height: 5000px;
    opacity: 1;
    padding: 40px 10%;
}

.eixos-map-header {
    text-align: center;
    margin-bottom: 30px;
}

.eixos-map-header h2 {
    font-size: 2.5rem;
    margin: 0;
    color: #E4CFA1;
}

.eixos-maps-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    width: 100%;
}

.eixos-map-card {
    width: 100%;
    background-color: #073c4c;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
    text-decoration: none;
    display: block;
    color: white;
}

.eixos-map-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
}

.eixos-map-image-container {
    height: 200px;
    overflow: hidden;
}

.eixos-map-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.eixos-map-card:hover .eixos-map-image-container img {
    transform: scale(1.05);
}

.eixos-map-info {
    padding: 20px;
}

.eixos-map-info h3 {
    margin-top: 0;
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.eixos-map-info p {
    margin-bottom: 0;
    color: #E4CFA1;
}

.eixos-no-maps {
    color: white;
    text-align: center;
    font-size: 1.2rem;
    grid-column: 1 / -1;
    padding: 40px;
}

footer {
    background-color: #073c4c;
    padding: 20px;
    text-align: center;
    margin-top: 50px;
}

a.eixos-voltar{
    margin-right: 90%;
    padding: 20px;
    background-color: #00859e;
    border-radius: 50px;
}

a.eixos-voltar:hover{
    background-color: #06303a;
    transition: 0.2s all ease-in-out;
}

.eixos-map-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 150px;
    overflow: hidden;
    background: #073c4c;
}

.eixos-map-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}


.eixos-map-card {
    background-color: #073c4c;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    transition: all 0.3s;
}

.eixos-map-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
}

.eixos-map-info {
    padding: 20px;
    background-color: #0a4b5f;
}

.eixos-map-info h3 {
    color: #E4CFA1;
    margin-bottom: 10px;
    font-size: 1.3rem;
}

.eixos-map-info p {
    color: #b3d4d3;
    font-size: 0.9rem;
}

.eixos-map-button {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 15px;
    background-color: #27adaa;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    font-size: 0.9rem;
    transition: all 0.3s;
}

.eixos-map-button:hover {
    background-color: #1e8c8a;
}

.eixos-filter-container {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    grid-column: 1 / -1;
    justify-content: center;
}

.eixos-filter-btn {
    padding: 8px 15px;
    background-color: #0a4b5f;
    color: white;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 0.9rem;
}

.eixos-filter-btn:hover {
    background-color: #27adaa;
}

.eixos-filter-btn.eixos-active {
    background-color: #E4CFA1;
    color: #073c4c;
    font-weight: bold;
}

@media (max-width: 768px) {
    .eixos-filter-container {
        gap: 8px;
    }

    .eixos-filter-btn {
        padding: 6px 12px;
        font-size: 0.8rem;
    }
}


@media (max-width: 768px) {
    .eixos-maps-container {
        grid-template-columns: 1fr;
    }

    .eixos-map-iframe-container {
        padding-bottom: 75%;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .eixos-topbar {
        flex-direction: column;
        gap: 15px;
    }

    .eixos-themes h1 {
        font-size: 50px;
    }

    .eixos-box-area {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 20px;
    }

    .eixos-overlay h3 {
        font-size: 24px;
    }
}

.eixos-fullscreen-btn {
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
    border-radius: 4px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 20;
    transition: all 0.3s;
}

.eixos-fullscreen-btn:hover {
    background: #27adaa;
}

/*/////////////////// FIM da página EIXOS ///////////////////// */

/* ////////////////// Inicio da página AM EM MAPAS ////////////////// */



.am-mapas-banner{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    padding: 50px 0;
    position: relative;
	max-height: 55vh;
}

.am-mapas-banner-texto{
    display: flex;
    flex-direction: column;
    width: 30%;
    margin: 70px 50px;
}

.am-mapas-banner-texto h1{
    font-size: 5.5rem;
    font-weight: 700;
    font-style: normal;
    text-align: start;
    color:#27adaa;
    margin-bottom: 70px;
}

.am-mapas-banner-texto h2{
    font-size: 2.5rem;
    font-weight: 700;
    font-style: normal;
    text-align: start;
    color:#27adaa;
}

.am-mapas-banner img{
    position: absolute;
    width: 100%;
    height: 3em;
    bottom: 0;
}


.am-mapas-descricao{
    position: relative;
    padding: 25px 100px;
    background-color: #073c4c;
    
}

.am-mapas-descricao h1{
    font-size: 5rem;
    font-weight: 600;
    color: #fff;
    text-align: start;
    margin: 30px 0 50px 30px;
}

.am-mapas-descricao p{
    text-align: start;
    font-size: 1.4rem;
    width: 65%;
    margin: 0 0 0 50px;
    color: #fff;
    padding-bottom: 200px;
}

.am-mapas-descricao img{
    position: absolute;
    width: 100%;
    height: 3em;
    left: 0;
    display: flex;
}

.am-mapas-books{
    position: relative;
    height: 1600px;
    padding-top: 100px;
    background: linear-gradient(to bottom, #27adaa, #fff);
}

.am-mapas-bg{
    width: 100%;
    height: 1600px;
    position: absolute;
    right: 0;
}

div#particles-js {
    position: absolute;
    width: 1276px;
    height: 1223px;
}

.am-mapas-books-container{
    width: calc(100% - 200px);
    position: absolute;
    margin: 0 100px;
    display: flex;
    flex-wrap: wrap;
}

.am-mapas-books-content{
    width: 50%;
}

.am-mapas-books-content h1{
    color: #fff;
    font-size: 5rem;
    text-align: start;
    font-weight: 500;
    line-height: 6rem;
}

.am-mapas-books-content h3{
    color: #073c4c;
    background-color: #fff;
    border-radius: 30px;
    font-size: 1.5rem;
    padding: 0 30px;
    margin: 100px 0 50px 0;
    width: 280px;
}

.am-mapas-books-content h5{
    color: #fff;
    font-size: 2rem;
    text-align: start;
    font-weight: 400;
    line-height: 6rem;
}

.am-mapas-books-img{
    display: flex;
    justify-content: start;
    width: 50%;
}

.am-mapas-books-img img{
    width: 60%;
}

.am-mapas-books-container h4{
    margin: 10px 0;
    color: #073c4c;
    font-size: 1.5rem;
    font-weight: 600;
}

.am-mapas-otherbooks h2{
    text-align: start;
    color: #073c4c;
    font-size: 3rem;
    font-weight: 500;
    margin-top: 200px;
}

.am-mapas-otherbooks h3{
    color: #073c4c;
    background-color: #fff;
    border-radius: 30px;
    font-size: 2rem;
    padding: 0 30px;
    width: 270px;
    margin: 50px 0;
}

.am-mapas-otherbooks-img{
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}

.am-mapas-otherbooks-img img{
    width: 75%;
}

.am-mapas-books-container a{
    transform: scale(1);
    transition: 0.3s ease-in-out;
}

.am-mapas-books-container a:hover{
    transform: scale(1.1);
    transition: 0.3s ease-in-out;
}

/* ////////////////// FIM da página AM EM MAPAS ////////////////// */

/* ////////////////// INICIO da página MAPAS SEDECTI ////////////////// */


.mapas-sedecti-banner{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    padding: 50px 0;
    position: relative;
	max-height: 55vh;
}

.mapas-sedecti-banner-texto{
    display: flex;
    flex-direction: column;
    width: 30%;
    margin: 70px 50px;
}

.mapas-sedecti-banner-texto h1{
    font-size: 5rem;
    font-weight: 700;
    font-style: normal;
    text-align: start;
    color:#27adaa;
}

.mapas-sedecti-banner img{
    position: absolute;
    width: 100%;
    height: 3em;
    bottom: 0;
}

.mapas-sedecti-descricao{
    position: relative;
    padding: 25px 100px;
    
}

.mapas-sedecti-descricao h1{
    font-size: 5rem;
    font-weight: 600;
    color: #073c4c;
    text-align: start;
    margin: 30px 0 50px 30px;
}

.mapas-sedecti-descricao p{
    text-align: start;
    font-size: 1.4rem;
    width: 70%;
    margin: 0 0 0 50px;
    color: #073c4c;
    padding-bottom: 100px;
}

.borda-mapas-sedecti-titulo{
    background-color: #fff;
    border: 3px solid #fff;
}

.mapas-sedecti-descricao img{
    position: absolute;
    width: 100%;
    height: 3em;
    bottom: 0;
    left: 0;
    display: flex;
}

.mapas-sedecti-maps{
    background-color: #073c4c;
    display: flex;
    flex-direction: column;
    padding: 25px 100px;
    width: calc(100% - 200px);
    position: relative;
    
}

.mapas-sedecti-maps-titulo{
    display: flex;
    flex-direction: column;
}

.mapas-sedecti-maps h1{
    color: #27adaa;
    font-size: 4rem;
    line-height: 4.5rem;
    text-align: start;
}

.mapas-sedecti-maps h2{
    color: #fff;
    font-size: 3rem;
    text-align: start;
    font-weight: 500;
}

.mapas-sedecti-maps h3{
    color: #fff;
    font-size: 1.4rem;
    text-align: start;
    font-weight: 500;
    margin-top: 50px;
}

.mapas-sedecti-maps p{
    color: #fff;
    font-size: 1.1rem;
    text-align: start;
    margin-top: 30px;
}

.mapas-sedecti-maps-button{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding-bottom: 100px;
}

.mapas-sedecti-maps-button div{
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    width: 30%;
}

.mapas-sedecti-maps-button a {
    margin: 50px 0 20px 0;
    transition: 0.2s ease-in-out;
    transform: scale(1);
    width: 25%;
  }

.mapas-sedecti-maps-button a:hover{
    transform: scale(1.1);
}

.mapas-sedecti-maps-button img{
    width: 100%;
    border: 3px solid #27adaa;
    border-radius: 20px;
    max-height: 295px;
}

.mapas-sedecti-maps .mapas-sedecti-ondulação{
    position: absolute;
    width: 100%;
    height: 3em;
    bottom: 0;
    left: 0;
    display: flex;
}

.mapas-sedecti-othermaps-content{
    margin-bottom: 50px;
}

.mapas-sedecti-othermaps{
    width: calc(100% - 300px);
    padding: 25px 150px;
}

.mapas-sedecti-othermaps h1{
    font-size: 3rem;
    color: #27adaa;
    text-align: start;
}

.mapas-sedecti-othermaps p{
    font-size: 1.2rem;
    color: #073c4c;
    text-align: start;
    font-weight: 400;
    margin: 50px 0;
}

.mapas-sedecti-othermaps-content a{
    color: #073c4c;
    margin: 20px 0;
    transform: scale(1);
	transition: 0.3s ease-in-out;
    width: 50%;
    
}

.mapas-sedecti-othermaps-content img{
    width: 50%;
    border: 3px solid #27adaa;
    border-radius: 20px;
    max-height: 295px;
    
}

.mapas-sedecti-othermaps-btn{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.mapas-sedecti-othermaps-content a:hover{
    transform: scale(1.1);
}

/* ////////////////// FIM da página MAPAS SEDECTI ////////////////// */

/* ////////////////// Inicio da página NOTÍCIAS ////////////////// */

.noticia-title{
    display: flex;
    flex-direction: column;
    width: 30%;
    margin: 70px 50px;
}

.noticia-title h1{
    font-size: 5rem;
    font-weight: 700;
    font-style: normal;
    text-align: start;
    color: #27adaa;
}

.noticia-main{
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.noticia-container{
    background: #e6e6e6;
    width: 60%;
    height: 300px;
    margin: auto;
    align-items: center;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    display: flex;
    justify-content: space-around;
}

.noticia-main .noticia-imgbox{
    border: solid #000 1px;
    max-height: 250px;
    max-width: 700px;
    margin-left: 25px;
    border-radius: 5px;
}

.noticia-main .noticia-imgbox img{
    height: 250px;
    width: 400px;
}

.noticia-texto{
    display: flex;
    flex-direction: column;
    margin-left: 50px;
    gap: 10px;
}

.noticia-data p{
    padding: 5px 10px;
    color: #fff;
    background: #073c4c;
    font-size: 0.6rem;
    width: fit-content;
    border-radius: 50px;
}

.noticia-titulo h1{
    text-align: start;
    color: #073c4c;
    font-weight: 800;
    font-size: 1.5rem;
}

.noticia-titulo h1:hover{
    text-decoration: underline;
}

.noticia-tema p{
    padding: 5px 10px;
    color: #27adaa;
    font-size: 0.6rem;
    width: fit-content;
    border: solid 2px #27adaa;
    border-radius: 50px;
}

.paginacao {
  margin: 32px 0 8px;
  padding-top: 16px;
  border-top: 1px solid #ECEFF1;
}

.paginacao nav {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
  width: 100%;
  user-select: none;
}

.paginacao a,
.paginacao .current {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  line-height: 1;
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1a;
  background: #ffffff;
  border: 1px solid #DADCE0;
  border-radius: 999px;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .05s ease;
}

.paginacao .current {
  background: #073c4c;
  color: #ffffff;
  border-color: #073c4c;
  cursor: default;
}

.paginacao a:hover {
  border-color: #073c4c;
  color: #073c4c;
}

.paginacao a:active {
  transform: translateY(1px);
}

.paginacao .pag-prev,
.paginacao .pag-next {
  width: 34px;
}

.paginacao .is-disabled {
  pointer-events: none;
  color: #7a7a7a;
  border-color: #E5E7EB;
  background: #F8F9FA;
}


/* ////////////////// FIM da página NOTÍCIAS ////////////////// */

/* ////////////////// Inicio da página SEARCH ////////////////// */

.busca-conteudo{
    margin: 20px 100px;
}

.busca-conteudo h1{
    text-align: start;
    font-size: 2rem;
    color: #073c4c;
}

.borda-search{
    border: 1px solid #27adaa;
}

.borda-search-titulo{
    border: 1px solid #073c4c;
	background-color: #073c4c;

}

.titulo-search{
	color: #073c4c;
	margin-top: 20px;
	font-size: 2rem;
}


.data-div {
  padding: 10px 100px;
  display: flex;
  flex-direction: column;
}

.data-div .post{
  	width: 600px;
	background-color: #073c4c;
 	border-radius: 10px;
	margin: 10px;
}
.data-div .post h2{
	background-color: #27adaa;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.data-div .post header{
	display: flex;
    flex-direction: column;
    border-radius: 10px;
}

.data-div .attachment {
	margin: 10px;
}
.data-div .attachment  h2{
	background-color: #27adaa;
	border-radius: 10px;
	padding: 10px;
}

.data-div .attachment  header{
	display: flex;
    flex-direction: column;
    border-radius: 10px;
	background: #fff;
}

.data-div .post header .dados-info{
	display: flex;
    align-items: start;
    padding: 10px;
    font-size: 0.6rem;
}

.data-div .post header .dados-info p{
	text-align: start;
    padding: 0 10px;
}

.data-div .post .dados-conteudo p{
	text-align: start;
    padding: 0 10px 10px;
	color: #fff;
}

.data-div .page header {
  	padding: 5px 10px;
  	border-radius: 10px;
  	display: flex;
  	justify-content: center;
  	align-items: center;
	margin: 10px;
}

/*.data-div .attachment header {
  	padding: 5px 10px;
  	border-radius: 10px;
  	display: flex;
  	justify-content: center;
  	align-items: center;
	margin: 10px;
} */

.page-numbers{
	width: 25px;
    height: 25px;
	border-radius: 50%;
    color: #073c4c;
    border: 2px solid #073c4c;
	display: flex;
    justify-content: center;
    align-items: center;
	margin: 0 5px;
}

.nav-links{
	display: flex;
}

.page-numbers.current{
	color: #fff;
    background: #27adaa;
}

.page-numbers:hover{
	color: #fff;
    background: #27adaa;
}

.next.page-numbers, .prev.page-numbers{
	width: 80px;
    border-radius: 20px;
}

/* ////////////////// Fim da página SEARCH ////////////////// */

/* Estilização geral para o template de single post */
.single-post-main {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.single-post-article {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.single-post-header {
    margin-bottom: 15px;
}

.single-post-header .entry-title {
    font-size: 2em;
    color: #333;
}

.single-post-content {
    line-height: 1.6;
    color: #666;
}

.single-post-content p {
    margin-bottom: 20px;
}

.no-posts-message {
    font-size: 1.2em;
    color: #999;
}

/* Estilos para comentários */
.comments-area {
    margin-top: 40px;
}

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

.comment {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}



/* ////////////////// MOBILE ////////////////// */

@media (max-height: 800px) {
    .slider-single h1{
        font-size: 3rem;
        line-height: 3rem;
    }

    .slider-single p{
        font-size: 2rem;
    }

    .content-news p {
        margin: 0;
        padding: 10px 50px 10px 10px;
    }

    .content-other-news p {
        margin: 0;
        padding: 10px 60px 10px 10px;
        font-size: 0.9rem;
    }

    .second-news{
        margin-bottom: 25px;
    }

    .third-news{
        margin-top: 25px;
    }

    .rodape{
        margin: 0 20px;
        justify-content: space-between;
    }

    .email h3, .telefone h3, .endereco h3, .horario h3, .topback h3, .logo-sedecti h3{
        font-size: 1rem;
    }
	
	.sobre-banner-texto h1 {
		font-size: 3.5rem;
	}

    .ppa-single-banner-texto{
        margin: 50px;
    }
	
	.card-servicos h2 {
        font-size: 1.8rem;
    }

    .balanca-pdf-button a {
        margin: 10px 20px;
    }

    .balanca-pdf-button {
        padding: 50px 0;
    }

    .pibTri-pdf-button a {
        margin: 10px 20px;
    }

    .pibTri-pdf-button {
        padding: 50px 0;
    }

    .pibTri-lastyears{
        height: 2100px;
    }
    
    .pibTri-bg-lastyears{
        height: 2100px;
    }

    .ppa-splam {
        width: calc(100% - 200px);
        padding: 25px 100px;
    }
	
	.RAG-container {
 		height: 2900px;
	}
	
	.RAG-bg {
		height: 2600px;
	}
	
	.RAG-books {
	  padding: 25px;
	}

}


@media screen and (max-width: 1450px) {
    .logo{width: 35%; justify-content: start;}.logo img{width: 12%; margin: 0 20px}.navegador{width: 50%;} .logo h1{font-size: 1.5rem; }.search-bar{height: 30px;}.search-bar .search {height: auto;}
    .home-banner-text{margin: 50px 100px;}
    .borda-banner{margin: 20px 0;}
    .slider-single h1{font-size: 4rem; }
    .slider-single p{margin: 0; font-size: 3rem;}
    .nav.center{flex-wrap: nowrap;}
    .content-news p {
        margin: 0;
        padding: 10px 50px 10px 10px;
    }

    .content-other-news p {
        margin: 0;
        padding: 10px 60px 10px 10px;
        font-size: 0.9rem;
    }

    .second-news{
        margin-bottom: unset;
    }

    .third-news{
        margin-top: unset;
    }

    .first-news {
        width: 40%;
    }

    .news-text{
        height: unset;
    }
	
	.sobre-banner-texto h1 {
    font-size: 3.7rem;
    
    }
	
	.sistema-splam-banner {
        margin: 50px 100px;
		padding: 50px;
    }

    .sistema-esiga-banner {
        margin: 50px 100px;
		padding: 50px;
    }
	
}

@media screen and (max-width: 1024px)   {
    .banner h1{font-size: 30px; }
    .banner h2{
        font-size: 15px;
        font-weight: 900;
        color: #073c4c;
        background-color: #fff;
        border-radius: 44px;
        width: 150px;
        padding: 10px 5px;
        margin: 20px 0;
    }

    .logo h1{font-size: 1rem; }

    .banner-sobre a {
        font-size: 15px;
    }

    .banner-sobre p {
        width: 100%;
        font-size: 15px;
    }

    .nav.center{
        flex-wrap: nowrap;
    }
    .ondulacao img{
        height: 3em;
    }
    .logo{width: 40%;}
    .search-bar {
        position: relative;
        width: 50px;
        height: 50px;
        margin: auto 20px;
        border-radius: 30px;
        background-color: white;
        display: flex;
        justify-content: space-between;
        transition: 0.5s;
        overflow: hidden;
        box-shadow: 0 25px 35px rgba(0, 0, 0, 0.1);
    }
    
    .search-bar.active {
        width: 300px;
    }
    
    .search-bar .search {
        position: relative;
        min-width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 10px;
    }
    
    .search-bar input {
        position: absolute;
        left: 20px;
        width: calc(100% - 100px);
        height: 100%;
        line-height: 60px;
        border: none;
        outline: none;
        font-size: 12px;
    }
    .navegador{
        display: none;
    }

    .mobileBtn{
        display: flex;
    }

    .menu-mobile.active ul{
        display: flex;
    }

    .produtos{
        width: 80%;
    }
    .banner img{
        height: 50vh;
    }
    .card-info{
        width: 200px;
        height: 63px;
    }

    .card-info h1{
        font-size: 14px;
    }

    .card-info p{
        display: none;
    }
    
    .dados h2{
        font-size: 12px
    }

    .titulo h2 {    
        margin: 30px 50px;
        font-size: 25px;
        width: 200px;
    }
}

@media screen and (max-width: 768px){
    .search-bar{display: flex;}
    .ondulacao img{
        height: 2rem;
    }

    .card{
        margin: 50px 0;
    }

    .nav.center{flex-wrap: wrap;}
	.logo {
    	width: 55%;
    	margin: 10px 0;
    	justify-content: center;
	}
    .logo h2{
        font-size: 1rem;
    }
    .menu-mobile{width: 100%;}
    .menu-mobile li{
        padding: 10px 20px;
        font-family: "Poppins", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 15px;
        display: flex;
    }
    
    .menu-mobile li:hover{
        background-color: #27adab50;
        padding: 5px 15px;
        border: 5px solid #00859e50;
        border-right: none;
        border-left: none;
        
    }

    .navBtn-prod{
        color: #27adaa;
        position: absolute;
        top: unset;
        transform: none;
        display: flex;
        justify-content: space-between;
        width: calc(100% - 20px);
        margin: 0 10px;
        bottom: 10px;
    }

    .navBtn-prod span{
        border: 2px solid #27adaa;
        padding: 5px;
        font-size: 30px;
        cursor: pointer;
        background-color: transparent;
        color: #27adaa;
    }

    .navBtn span{
        border: 2px solid #27adaa;
        padding: 5px;
        font-size: 30px;
        cursor: pointer;
        background-color: transparent;
        color: #27adaa;
    }

    .slick-dotted ul {
        bottom: 10px;
    }

    .content-news{
        width: 100%;
    }

    .container-news a {
        width: 30px;
        height: 30px;
        right: 0;
        bottom: 0;
    }

    .container-news span{
        font-size: 17px;
        transform: translateX(2px);
    }

    .first-news{
        width: 80%;
    }

    .other-news{
        width: 100%;
        margin-bottom: 0;
    }

    .content-other-news {
        flex-direction: column;
        margin-bottom: 50px;
    }

    .content-other-news img{
        width: 100%;
    }

    .content-news p{
        font-size: 1rem;
    }

    .content-other-news p{
        font-size: 1rem;
    }

    .texto-news {
        width: 100%;
    }

    .sobre-banner-texto {
        margin: 20px;
        width: 75%;
    }

    .sobre-banner-texto h1 {
        font-size: 2rem;
    }

    .sobre-banner img {
        height: 2em;
    }

    .borda{
        width: 80%;
        height: 0;
        margin: 10px 0;
    }

    .borda-demais-equipe{
        width: 100%;
    }

    .sobre-banner-texto p {
        font-size: 1rem;
        margin-bottom: 50px;
        
    }

    .degeo-team-img, .deplan-team-img {
        display: none;
    }

    .degeo-team-texto, .deplan-team-texto {
        padding: 0;
        width: 100%;
        
    }

    .degeo-team-texto h1, .deplan-team-texto h1 {
        margin: 10px 25px;
    }

    .degeo-team-texto h2, .deplan-team-texto h2 {
        margin: 10px 25px;
        width: 100px;
    }

    .degeo-team-texto p, .deplan-team-texto p {
        padding: 25px;
        font-size: 1rem;
    }

    .sobre-estrategia-titulo {
        width: unset;
        padding: 20px;
        display: flex;
        justify-content: center;
    }

    .sobre-estrategia-titulo h1 {
        width: 250px;
    }

    .sobre-estrategia-card {
        flex-wrap: wrap;
    }
    
    .card-objetivos, .card-missao, .card-visao{
        width: 55%;
        margin: 20px 0;
    }

    .sobre-estrategia-card p {
        padding: 25px;
        font-size: 1.2rem;
    }

    .titulo-equipe h1 {
        margin: 30px;
        margin-bottom: 0;
        font-size: 3rem;
    }

    .divisor{
        width: 85%;
        border: 2px solid #27adaa;
    }

    .sobre-equipe img {
        width: 120px;
    }

    .secretarios-texto {
        margin-left: 20px;
    }

    .secretarios-texto h2 {
        font-size: 1.1rem;
    }

    .line-div{
        display: block;
    }

    .deplan-info, .degeo-info{
        margin: 25px 10px;
    }

    .navBtn{
        display: none;
    }
	
	.sobre-banner-texto h2 {
		font-size: 1.5rem;
	}
	
	.sobre-banner-texto {
		line-height: 2rem;
		margin-bottom: 50px;
	}

    /* /////// Inicio SISTEMAS /////// */
    .bdvss{
        width: 100%;
    }

    .sistemas-banner-texto {
        width: unset;
        margin: 0 50px 50px 50px;
    }

    .sistemas-banner-texto h1 {
        font-size: 4rem;
    }

    .sistemas-banner-texto p {
        width: unset;
    }

    .sistemas-descricao {
        padding: 25px 50px;
    }

    .sistemas-descricao h1 {
        font-size: 4rem;
    }

    .sistemas-descricao p {
        width: unset;
        padding-bottom: 100px;
    }
    
    .sistema-splam {
        padding: 25px 50px;
    }

    .sistema-splam h1 {
        font-size: 3rem;
        line-height: 3rem;
    }

    .sistema-splam h2 {
        font-size: 1.3rem;
    }

    .sistema-splam p {
        width: unset;
    }

    .sistema-splam-banner {
        margin: 50px 0;
        padding: 25px 50px;
    }

    .sistema-splam-banner p {
        width: 60%;
    }

    .sistema-esiga {
        padding: 25px 50px;
    }

    .sistema-esiga h1 {
        font-size: 3rem;
        line-height: 3rem;
    }

    .sistema-esiga h2 {
        font-size: 1.3rem;
    }

    .sistema-esiga p {
        width: unset;
    }

    .sistema-esiga-banner {
        margin: 50px 0;
        padding: 25px 50px;
    }

    .sistema-esiga-banner p {
        width: 60%;
    }


    /* /////// Fim SISTEMAS /////// */

    /* /////// Inicio CONTATO /////// */
	
	.contato-form {
		padding: 20px 50px 100px;
	}

	.formulario{
		width: 75%;
		margin-bottom: 50px;
	}
	
	.contato-info {
		width: 75%;
	}
	
	.perguntas-frequentes {
		margin: 50px;
	}
	
	.contato-titulo {
		width: calc(100% - 100px);
	}
	
	.borda-pf{
		width: 100%;
	}
	
	.borda-perguntas{
		width: 100%;
	}
	
	.contato-perguntas-titulo h3 {
		width: 90%;
		text-align: start;
	}
	
	

    /* /////// Fim CONTATO /////// */

    /* /////// Inicio PPA-INDEX /////// */

    .ppa-descricao {
        padding: 25px;
    }

    .ppa-descricao h1 {
        margin: 30px;
    }

    .ppa-descricao p {
        width: 80%;
        margin: 0 0 0 30px;
        padding-bottom: 100px;
    }

    .ppa-pdf {
        padding: 25px;
        width: calc(100% - 50px);
    }

    .ppa-pdf-button div {
        width: 40%;
    }

    .ppa-splam {
        width: calc(100% - 100px);
        padding: 25px 50px;
    }

    .ppa-splam-button {
        justify-content: space-between;
    }

    .ppa-splam-button a {
        width: 45%;
        margin: unset;
    }
    
    .borda-lateral{
        display:none;
    }
    
    .ppa-splam-manual, .splam-div, .ppa-div {
        width: 100%;
    }

    /* PPA SINGLE */

    .ppa-single-banner img {
        height: 25vh;
    }

    .ppa-single-banner-texto {
        margin: 30px;
    }

    .ppa-single-banner-texto h1 {
        font-size: 4rem;
        line-height: 5rem;
    }

    .ppa-single-sidebar {
        min-width: 235px;
        padding-top: 30vh;
    }

    .ppa-single-sidebar li {
        padding: 15px 5px;
    }

    .ppa-single-content {
        padding-top: 30vh;
        margin: 0 50px;
    }

    .ppa-single-content h1 {
        font-size: 3rem;
    }

    .ppa-single-borda {
        width: 90%;
    }

    .ppa-single-content p {
        width: 100%;
    }

    .content-btn select {
        width: 90%;
    }

    .content-btn a {
        width: calc(90% - 44px);
    }
	
	.book-thumbnail img {
        width: 200px;
    }

    .book-thumbnail {
        margin: 50px 0;
    }

    .ppa-single-backBtn.anteriores{
		margin: 10px 0;
	}
	
	.ppa-single-backBtn.anteriores a {
        font-size: 0.8rem;
		background-color: #073c4c;
		border-radius: 20px;
		padding: 5px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

    /* FIM PPA SINGLE */

    /* /////// Fim PPA-INDEX /////// */

    /* Inicio ANUÁRIO ESTATISTICO */

    .anuario-banner-texto {
        margin: 0 50px 70px 50px;
    }

    .anuario-descricao {
        padding: 25px;
    }

    .anuario-descricao h1 {
        margin: 30px;
    }

    .anuario-descricao p {
        width: 80%;
        margin: 0 0 0 30px;
        padding-bottom: 100px;
    }

    .anuario-dash {
        padding: 40px;
    }

    .anuario-dash h1 {
        font-size: 4rem;
        line-height: 4rem;
    }

    .anuario-dash p {
        font-size: 1.4rem;
        margin: 40px 0;
    }

    .anuario-dash-banner {
        margin: 0 20px;
    }

    .anuario-dash-banner p {
        margin: 10px 20px 50px 20px;
        width: 80%;
    }

    .anuario-dash-banner a {
        margin: 0 20px;
    }

    .anuario-lastyears {
        margin: 0;
        height: 950px;
    }

    .bg-lastyears-anuario {
        margin-top: 100px;
        height: 950px;
    }

    .anuario-lastyears-container {
        padding: 150px 49px 150px 50px;
    }

    .anuario-lastyears-container h2 {
        font-size: 3rem;
        margin-top: 40px;
    }

    .anuario-lastyears-container h1 {
        font-size: 4rem;
        line-height: 4rem;
    }

    .lastyears-content-titulo p {
        font-size: 1.2rem;
        width: 100%;
        margin: 25px 0;
    }

    .lastyears-content {
        margin-top: 50px;
		flex-wrap: wrap;
		justify-content: center;
    }

    .anuario-img {
        padding: 0;
    }

    .lastyears-content-img h4 {
        margin: 10px 0;
        font-size: 1rem;
    }

    .other-books-container {
        margin-top: 100px;
    }

    .other-books-container h4 {
        font-size: 1rem;
    }

    .anuario-filtro-ano {
        padding: 50px;
        padding-top: 150px;
    }

    .anuario-filtro-content {
        margin: 70px 0 40px 0;
    }

    .anuario-filtro-content p {
        font-size: 1.2rem;
    }
    
    .anuario-filtro-content select {
        font-size: 1.2rem;
        padding: 10px 60px;
    }

    /* FIM ANUÁRIO ESTATISTICO */

    /* Inicio BALANÇA COMERCIAL */

    .balanca-banner-texto {
        margin: 0 50px 70px 50px;
    }

    .balanca-descricao {
        padding: 25px;
    }

    .balanca-descricao h1 {
        margin: 30px;
    }

    .balanca-descricao p {
        width: 80%;
        margin: 0 0 0 30px;
        padding-bottom: 100px;
    }

    .balanca-pdf-button {
        padding: 50px 0;
    }

    .balanca-pdf-button a {
        padding: 5px 0;
        margin: 10px 0;
    }

    .balanca-pdf {
        padding: 50px 50px;
        width: calc(100% - 100px);
    }

    .balanca-dash {
        padding: 50px;
    }

    .balanca-dash h2 {
        font-size: 2.5rem;
    }

    .balanca-dash h1 {
        font-size: 3.5rem;
        line-height: 4rem;
    }

    .balanca-dash p {
        margin: 40px 0;
    }

    .balanca-dash-banner {
        margin: 0;
        padding: 10px 20px 50px 20px;;
    }

    .balanca-dash-banner p {
        width: 80%;
        margin-bottom: 60px;
    }

    .bg-lastyears{
        height: 950px;
    }

    .balanca-lastyears {
        height: 950px;
        margin: unset;
        padding-bottom: 50px;
        margin-bottom: 100px;
    }

    .balanca-lastyears-container {
        padding: 150px 50px;
    }

    .balanca-lastyears-container h2 {
        font-size: 3rem;
        line-height: 3rem;
        margin-top: 80px;
    }

    .balanca-lastyears-container h1 {
        font-size: 4rem;
    }

    .lastyears-content-img {
        padding: 0;
    }

    .balanca-filtro-ano {
        padding: 50px;
    }

    .balanca-filtro-content {
        margin: 70px 0 40px 0;
    }

    .balanca-filtro-content p {
        font-size: 1.2rem;
    }
    
    .balanca-filtro-content select {
        font-size: 1.2rem;
        padding: 10px 60px;
    }
	
	.balanca-pdf-ano h1{
		display: none;
	}
	
	.balanca-anterior-button {
        padding: 50px 0;
    }

    .balanca-anterior-button a {
        padding: 5px 0;
        margin: 10px 0;
    }
	
	.year-option{
		margin: 20px;
		justify-content: start;
		
	}
	
	.year-option select {
		font-size: 1rem;
		border-radius: 15px;
		padding: 5px 15px;
	}
	
	.lastyears-content.balanca-2025 {
		justify-content: end;
    }
	
	/* Fim BALANÇA COMERCIAL */
	
	/* Inicio RELATÓRIO GOVERNAMENTAL */
	
	.RAG-banner-texto h1 {
		font-size: 4rem;
		line-height: 4rem;
	}
	
	.RAG-container {
    	padding: 25px 50px;
		height: 2800px;
	}
	
	.RAG-descricao-content p {
    	width: 80%;
	}
	
	.RAG-books {
    	justify-content: space-around;
	}
	
	.RAG-recentes {
    	width: 100%
	}
	
	.RAG-recentes h2 {
		font-size: 4.5rem;
		line-height: 4.5rem;
	}
	
	.RAG-other-books {
   	 	width: 100%;
	}
	
	.RAG-recentes-img{
		width: 50%;
    	margin-top: 50px;
	}
	
	.RAG-recentes-img a {
		font-size: 1.3rem
	}
	
	.RAG-other-books h2 {
		margin-top: 80px;
	}
	
	.RAG-bg {
		height: 2630px; 
	}
	
	.RAG-filtro-ano {
		padding: 0;
		margin-top: 150px;
	}
	
	.RAG-filtro-ano h1 {
    font-size: 3.5rem;
    line-height: 3.5rem;
}
	
	.RAG-filtro-content {
		margin: 50px 0;
		flex-wrap: wrap;
	}
	
	.RAG-filtro-content p {
		font-size: 1.3rem;
		width: 90%;
		padding-bottom: 50px;
	}
	
	/* Fim RELATÓRIO GOVERNAMENTAL */
	
	/* Inicio PIB TRIMESTRAL */
	
	.pibTri-banner-texto {
		width: 100%;
		margin: 0 50px;
	}
	
	.pibTri-descricao {
		padding: 25px 50px;
	}
	
	.pibTri-descricao p {
		width: 80%;
	}
	
	.pibTri-pdf {
		padding: 60px 50px;
    	width: calc(100% - 100px);
	}
	
	.pibTri-pdf h2 {
		font-size: 2.5rem;
	}
	
	.pibTri-pdf h1 {
		font-size: 5rem;
	}
	
	.pibTri-pdf-button {
		padding: 25px 0;
	}
	
	.pibTri-pdf-button a {
		margin: 10px;
		width: 120px;
		padding: 5px 10px;
		font-size: 1rem;
	}
	
	.pibTri-lastyears {
		height: 1560px;
		margin: 50px 0;
	}		
	
	.pibTri-bg-lastyears {
		height: 1560px;
	}
	
	.pibTri-lastyears-container {
		padding: 0 50px;
	}
	
	.pibTri-lastyears-container h2 {
		font-size: 3rem;
		line-height: 3rem;
		margin-top: 25px;
	}
	
	.pibTri-lastyears-container h1 {
		font-size: 4rem;
		line-height: 4rem;
	}
	
	.lastyears-content{
		margin-right: 0 !important;
	}
	
	.pibTri-content{
		width: 50%;	
	}
	
	.lastyears-content-img {
		width: 50%;
	}
	
	.pib-books-2023-destaque img{
		width: 75%;
	}
	
	.pib-books-2023 img {
		width: 75%;
	}
	
	.pibTri-other-books-titulo {
		margin-top: 150px;
	}
	
	.pib-books-2022 img {
		width: 75%;
	}
	
	.pibTri-filtro-ano {
		padding: 50px;
	}
	
	.pibTri-filtro-ano h1 {
		font-size: 3.5rem;
		line-height: 3.5rem;
	}
	
	.pibTri-filtro-content {
		margin: 50px 0 100px;
		flex-wrap: wrap;
	}
	
	.pibTri-filtro-content p {
		width: 100%;
	}
	
	.year-option {
		width: 100%;
		margin-top: 20px
	}
	

	/* Fim PIB TRIMESTRAL */
	
	/* Inicio PIB MUNICIPAL */
	
	.pib-mun-banner-texto {
		width: 100%;
		margin: 25px;
	}
	
	.pib-mun-banner-texto h1 {
		margin-bottom: 40px;
	}
	
	.pib-mun-descricao {
		padding: 25px 50px;
	}
	
	.pib-mun-descricao p {
		width: 80%;
		padding-bottom: 60px;
	}
	
	.pib-mun-books-container {
		width: calc(100% - 100px);
		margin: 0 50px;
		flex-direction: column;
	}
	
	.pib-mun-books-content h3 {
		margin: 50px 0;
	}
	
	.pib-mun-books-content h1 {
		margin-bottom: 20px;
	}

	/* Fim PIB MUNICIPAL */
	
	/* Inicio PIB REGIONAL */
	
	.pib-reg-banner-texto {
		width: 100%;
		margin: 25px;
	}
	
	.pib-reg-banner-texto h1 {
		margin-bottom: 40px;
	}
	
	.pib-reg-descricao {
		padding: 25px 50px;
	}
	
	.pib-reg-descricao p {
		width: 80%;
		padding-bottom: 60px;
	}
	
	.pib-reg-books-container {
		width: calc(100% - 100px);
		margin: 0 50px;
		flex-direction: column;
	}
	
	.pib-reg-books-content h3 {
		margin: 50px 0;
	}
	
	.pib-reg-books-content h1 {
		margin-bottom: 50px;
	}

	/* Fim PIB REGIONAL */

    /* Inicio AM EM MAPAS */
	
	.am-mapas-banner-texto {
		width: 100%;
		margin: 25px;
	}
	
	.am-mapas-banner-texto h1 {
		margin-bottom: 40px;
	}
	
	.am-mapas-descricao {
		padding: 25px 50px;
	}
	
	.am-mapas-descricao p {
		width: 80%;
		padding-bottom: 60px;
	}
	
	.am-mapas-books-container {
		width: calc(100% - 100px);
		margin: 0 50px;
		flex-direction: column;
	}
	
	.am-mapas-books-content h3 {
		margin: 50px 0;
	}
	
	.am-mapas-books-content h1 {
		margin-bottom: 50px;
	}

	/* Fim AM EM MAPAS */

    /* Inicio MAPAS SEDECTI */

    .mapas-sedecti-descricao {
        padding: 25px 50px;
    }

    .mapas-sedecti-descricao p {
        width: 90%;
    }

    .mapas-sedecti-maps {
        padding: 25px 50px;
        width: calc(100% - 100px);
    }

    .mapas-sedecti-maps-button a {
        font-size: 0.8rem;
        padding: 10px;
    }

    .mapas-sedecti-othermaps a {
        font-size: 0.8rem;
    }

    /* Fim MAPAS SEDECTI */


}



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

    .home-banner-text{margin: 20px;}
    .borda-banner{height: 0; border: 2px solid #27adaa; margin: 10px 0;}
    .slider-single h1{font-size: 2rem; line-height: 2rem; }
    .slider-single p{margin: 0; font-size: 1rem;}
	.logo{width: 75%;}
	.logo img {margin: 0;}
    

    .card-prod{
        max-height: 310px;
        margin-bottom: 50px;
    }
		
	.card-prod-btn{
        display: flex !important;
        position: absolute;
        right: 5px;
        top: 5px;
        border: 2px solid #fff;
        border-radius: 50%;
    }

    .card-prod:hover{
        max-height: 310px;
        margin: 40px 50px;
    
    }

    .card-prod .content{
        transform: translateY(160px);
    }

    .card-prod:hover .content{
        transform: translateY(160px);
        width: 100%;
        height: 100%;
        padding-top: 0;
        animation: none;
    }

    .card-prod .content h2{
        margin-bottom: 100px;
        transition: 0.5s ease-in-out;
    }

    .card-prod:hover .content h2{
        margin-bottom: 100px;
        transition: 0.5s ease-in-out;
    }

    .banner h1 {
        font-size: 24px;
    }
	.banner-sobre{padding: 20px}

    .first-news{
        width: 100%;
    }

    .first-news h3{
        font-size: 16px;
    }
    .menu-mobile.active ul{
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    li.slick-active button {
        background: #27adaa;
        color: #27adaa;
    }

    .slick-dotted li button {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        color: transparent;
        border: 2px solid #27adaa;
        opacity: 1;
        cursor: pointer;
    }

    .slick-dotted ul {
        list-style-type: none;
        text-align: center;
        position: absolute;
        margin-top: 10px;
        bottom: 18px;
        right: 0;
        transform: translateX(-25%);
    }
	
	.rodape{
		margin: 0;
	}
	
	.rodape section{
		width: 100%;
	}
	
	.logo-sedecti img {
    width: 35%;
	}

    .search-bar {
        width: 40px;
        height: 40px;
        margin: 0;
    }

    .search-bar .search {
        min-width: 40px;
        height: 40px;
    }

    .menu-mobile li{
        padding: 15px;
        width: 100%;
    }

    .menu-mobile a{
        width: 100%;
    }
	
    .menu-mobile li:hover {
        border:none;
        padding: 15px;
    }

    .texto h1{
        font-size: 1.5rem;
    }

    /* Sobre */


    .sobre-banner-texto {
        margin: 20px;
        width: 75%;
		margin-bottom: 50px;
    }

    .sobre-banner-texto h1 {
        font-size: 2rem;
    }

    .borda{
        width: 80%;
        height: 0;
        margin: 10px 0;
    }

    .sobre-banner img {
        height: 2em;
    }

    .degeo-team-img, .deplan-team-img {
        display: none;
    }

    .degeo-team-texto, .deplan-team-texto {
        padding: 0;
        width: 100%;
		align-items: start;
		
    }

    .degeo-team-texto h2, .deplan-team-texto h2 {
        margin: 10px;
    	width: 80px;
    	padding: 0;
   		font-size: 1rem;
		margin-bottom: 0;
    }
	
	.degeo-team-texto h1, .deplan-team-texto h1 {
		font-size: 1.3rem;
		margin: 0 10px;
		
	}

    .degeo-team-texto p, .deplan-team-texto p {
        padding: 25px;
        font-size: 0.85rem;
		text-align: start;
    }

    .sobre-estrategia-titulo {
        width: unset;
        padding: 20px;
        display: flex;
        justify-content: center;
    }

    .sobre-estrategia-titulo h1 {
        width: 250px;
    }

    .sobre-estrategia-card {
        flex-wrap: wrap;
    }

    .card-servicos-content{
        min-height: 330px;
        padding: 10px;
    }

    .borda-demais-equipe{
        width: 100%;
    }

    .sobre-estrategia-card p {
        padding: unset;
        font-size: 1rem;
    }

    .titulo-equipe h1 {
        margin: 30px;
        margin-bottom: 0;
        font-size: 3rem;
    }

    .divisor{
        width: 85%;
        border: 2px solid #27adaa;
    }

    .sobre-equipe img {
        width: 120px;
    }

    .secretarios-texto {
        margin-left: 20px;
    }

    .secretarios-texto h2 {
        font-size: 1.1rem;
    }

    .line-div{
        display: block;
    }

    .deplan-info, .degeo-info{
        margin: 25px 10px;
    }

    .card-servicos img{
        display: none;
    }

    .card-servicos h2 {
        font-size: 1.4rem;
        margin: 0;

    }
    .card-servicos h3 {
        font-size: 0.9rem;
        margin: 0;
        width: unset !important;
    }


    /* Fim sobre */

    /* Inicio Produtos */

    .produtos-banner {
        padding: 0;
        justify-content: start;
    }

    .produtos-banner-texto {
        margin: 20px;
        width: 75%;
		margin-bottom: 50px;
    }

    .produtos-banner-texto h1 {
        font-size: 2rem;
    }
    .produtos-banner img {
        height: 2em;
    }

    .produtos-banner-texto p {
        font-size: 0.8rem;
        margin-bottom: 50px;
        
    }

    .prod-plan, .prod-estat, .prod-geo, .prod-pib {
        flex-wrap: wrap;

    }

    .prod-plan-texto, .prod-estat-texto, .prod-geo-texto, .prod-pib-texto {
        width: 100%;
        margin: 0 20px;
        padding: 0;
    }

    .prod-plan-img, .prod-estat-img, .prod-geo-img, .prod-pib-img {
        width: 40%;
        padding: 0;
        margin: 0;
        border: none;
        overflow: hidden;
    }

    .prod-plan-img:hover, .prod-estat-img:hover, .prod-geo-img:hover, .prod-pib-img:hover{
        border: none;
        box-shadow: none;
    }

    .prod-plan-img:hover img, .prod-estat-img:hover img, .prod-geo-img:hover img, .prod-pib-img:hover img {
        box-shadow: 0 0 15px #27adaa;
    }


    /* Fim Produtos */

    /* /////// Inicio SISTEMAS /////// */

    .sistemas-banner img {
        height: 2rem;
    }

    .sistemas-banner-texto {
        width: unset;
    }

    .sistemas-banner-texto h1 {
        font-size: 3rem;
    }

    .sistemas-banner-texto p {
        width: 60%;
    }

    .sistemas-descricao {
        padding: 25px;
    }

    .sistemas-descricao h1 {
        font-size: 3rem;
        margin-bottom: 20px;
    }

    .sistemas-descricao p {
        font-size: 1rem;
        padding-bottom: 50px;
        
    }

    .sistemas-descricao img {
        height: 2rem;
    }

    .sistema-splam {
        padding: 25px;
    }

    .sistema-splam h1 {
        font-size: 2rem;
        line-height: 2rem;
    }

    .sistema-splam h2 {
        font-size: 1rem;
    }

    .sistema-splam p {
        font-size: 1rem;
    }

    .sistema-splam-banner p {
        width: unset;
    }

    .sistema-splam-banner {
        margin: 25px 0;
        padding: 25px;
        background-position: center;
    }

    .sistema-splam-banner button {
        margin-top: 25px;
        font-size: 1.2rem;
    }

    .sistema-esiga {
        padding: 25px;
    }

    .sistema-esiga h1 {
        font-size: 2rem;
        line-height: 2rem;
    }

    .sistema-esiga h2 {
        font-size: 1rem;
        width: 80%;
    }

    .sistema-esiga p {
        font-size: 1rem;
    }

    .sistema-esiga-banner p {
        width: unset;
    }

    .sistema-esiga-banner {
        margin: 25px 0;
        padding: 25px;
        background-position: center;
    }

    .sistema-esiga-banner button {
        margin-top: 25px;
        font-size: 1.2rem;
    }



    /* /////// Fim SISTEMAS /////// */
	
	/* INICIO CONTATO */
	
	.contato-banner {
		padding: 25px 0;
	}
	
	.contato-banner-texto {
		width: 100%;
		margin: 25px 10px;
	}
	
	.contato-banner-texto h1 {
		font-size: 3rem;
		margin-bottom: 40px;
	}
	
	.contato-banner img {
		height: 1.5rem;
	}
	
	.contato-form {
		padding: 20px 0px 100px;
	}
	
	.contato-tag h1 {
		font-size: 1.5rem;
		width: 190px;
		margin-left: 20px;
	}
	
	.contato-tag {
		margin-bottom: 25px;
	}
	
	.formulario h3 {
		font-size: 1rem;
	}
	
	.perguntas-frequentes {
		margin: 25px;
	}
	
	.contato-titulo {
		width: calc(100% - 50px);
	}
	
	.contato-titulo h1 {
		font-size: 1.8rem;
	}
	
	.borda-pf {
		width: 100%;
		border: 2px solid #27adaa;
	}
	
	.borda-perguntas {
		width: 100%;
	}
	
	.contato-perguntas-titulo h3 {
		font-size: 1rem;
	}	
	
	.contato-respostas p {
		width: 100%;
		font-size: 0.8rem;
	}
	
	
	/* FIM CONTATO */

    /* /////// Inicio PPA-INDEX /////// */

    .ppa-banner {
        padding: 25px 0 50px 0;

    }

    .ppa-banner-texto {
        margin: 25px;
    }

    .ppa-banner-texto h1 {
        font-size: 3rem;
    }

    .ppa-banner img {
        height: 1.5em;
    }

    .ppa-descricao h1 {
        font-size: 3rem;
    }

    .ppa-descricao p {
        width: 95%;
        margin: 0;
        padding-bottom: 70px;
    }

    .ppa-descricao img {
        height: 2rem;   
    }

    .ppa-pdf h1 {
        font-size: 2.3rem;
    }

    .ppa-pdf-button div {
        width: 100%;
    }

    .ppa-pdf img {
        height: 2rem;
    }

    .ppa-splam {
        width: calc(100% - 50px) !important;
        padding: 25px !important;
    }

    .ppa-splam h1 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

    .ppa-splam h3 {
        font-size: 1.4rem;
    }

    .ppa-splam p {
        margin: 25px 0 50px 0;
    }

    .ppa-splam-button a {
        width: 100%;
        margin: 10px 0;
    }

    .ppa-splam h2 {
        font-size: 2.5rem;
    }

    /* PPA SINGLE */

    .ppa-single-banner img {
        height: 20vh;
    }

    .ppa-single-banner-texto h1 {
        font-size: 2.5rem;
        line-height: 3rem;
    }

    .ppa-single-sidebar {
        min-width: 105px;
        padding-top: 20vh;
    }

    .ppa-single-backBtn a {
        font-size: 0.8rem;

    }

    .ppa-single-sidebar li {
        font-size: 0.5rem;
        font-weight: 500;
    }

    .sidebar-button {
        font-size: 1rem !important;
    }

    .ppa-single-sidebar ul {
        padding-top: 21px;
    }

    .ppa-single-content {
        padding-top: 25vh;
        margin: 0 20px;
    }

    .ppa-single-content h1 {
        font-size: 2rem;
    }

    .ppa-single-content h2 {
        font-size: 1.5rem;
    }

    .ppa-single-content p {
        font-size: 0.8rem;
    }

    .content-btn {
        margin: 20px 0;
    }

    .content-btn select {
        font-size: 0.6rem;
        padding: 5px 10px;
        margin: 5px 0;
    }

    .content-btn a {
        font-size: 0.6rem;
        padding: 5px 20px;
        margin: 5px 0;
    }

    /* /////// Fim PPA-INDEX /////// */

    /* Inicio ANUÁRIO ESTATISTICO */

    .anuario-banner {
        padding: 25px 0 50px 0;

    }

    .anuario-banner-texto {
        margin: 25px;
    }

    .anuario-banner-texto h1 {
        font-size: 3rem;
    }

    .anuario-banner img {
        height: 1.5em;
    }

    .anuario-descricao h1 {
        font-size: 3rem;
        margin: 20px;
    }

    .anuario-descricao p {
        font-size: 1.3rem;
        width: 95%;
        margin: 0;
        padding-bottom: 70px;
    }

    .anuario-descricao img {
        height: 2rem;   
    }

    .anuario-dash {
        padding: 20px;
    }

    .anuario-dash p {
        font-size: 1.3rem;
        margin: 30px 0;
    }

    .anuario-dash h2 {
        font-size: 1.8rem;
        line-height: 2rem;
    }

    .anuario-dash h1 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

    .anuario-dash-banner {
        margin: 0;
        padding: 10px;
        padding-bottom: 30px;
    }

    .anuario-dash-banner p {
        margin: 10px;
        margin-bottom: 40px;
        font-size: 1rem;
    }

    .anuario-dash-banner a {
        margin: 0 10px;
        border-radius: 5px;
        padding: 10px;
        font-size: 1rem;
    }

    .bg-lastyears-anuario{
        height: 1150px;
    }

    .anuario-lastyears-container h2 {
        font-size: 2rem;
        margin-top: 0px;
    }

    .anuario-lastyears-container h1 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

    .anuario-lastyears-container {
        padding: 150px 20px;
    }

    .lastyears-content-titulo p {
        font-size: 0.8rem;
    }

    .lastyears-content-img h4 {
        font-size: 0.8rem;
    }

    .other-books-container {
        margin-top: 80px;
        flex-wrap: wrap;
    }

    .other-books-container a {
        width: 50%;
        margin-bottom: 25px;
    }

    .other-books-container img {
        width: 75%;
    }


    .anuario-filtro-ano {
        padding: 20px;
        padding-top: 150px;
    }

    .anuario-filtro-ano h1 {
        font-size: 3rem;
        line-height: 3rem;
    }

    .anuario-filtro-content {
        margin: 20px 0;
        flex-wrap: wrap;
    }

    .anuario-filtro-content p {
        font-size: 1.2rem;
        width: 100%;
        margin-bottom: 20px;
    }

    /* Fim ANUÁRIO ESTATISTICO */

    /* Inicio BALANÇA COMERCIAL */

    .balanca-banner-texto {
        margin: 0 50px 25px 50px;
    }

    .balanca-banner-texto h1 {
        font-size: 3rem;
    }

    .balanca-banner img {
        height: 1.5em;
    }

    .back-button {
        width: 135px;
    }

    .back-button h2 {
        font-size: 1rem;
    }

    .back-button span {
        margin: 8px;
        font-size: 1rem;
    }

    .balanca-descricao h1 {
        font-size: 3rem;
    }

    .balanca-descricao p {
        width: 100%;
        margin: 0;
        padding-bottom: 50px;
        font-size: 1.2rem;
    }

    .balanca-pdf {
        padding: 50px 15px;
        width: calc(100% - 30px);
    }

    .balanca-pdf h2 {
        font-size: 2rem;
    }

    .balanca-pdf h1 {
        font-size: 3rem;
    }

    .balanca-pdf img {
        height: 1.5rem;
    }

    .balanca-pdf p {
        font-size: 1rem;
        margin-top: 10px;
        text-align: start;
    }

    .balanca-pdf-button {
        justify-content: space-between;
        padding: 10px 0;
    }

    .balanca-pdf-button a {
        padding: 0;
        margin: 10px 0;
        font-size: 1rem;
        width: 100px;
    }

    .balanca-dash {
        padding: 25px;
    }

    .balanca-dash h2 {
        font-size: 1.5rem;
    }

    .balanca-dash h1 {
        font-size: 2rem;
        line-height: 2rem;
    }

    .balanca-dash p {
        margin: 25px 0;
        font-size: 1rem;
    }

    .balanca-dash-banner{
        text-align: center;
    }

    .balanca-dash-banner a {
        padding: 10px;
        font-size: 1.1rem;
        margin: 0 20px;
    }

    .anuario-lastyears {
        margin: 0;
        height: 1150px;
    }

    .bg-lastyears-anuario{
        height: 1150px;
    }

    .balanca-lastyears-container {
        padding: 120px 15px;
    }

    .balanca-lastyears-container h2 {
        font-size: 2rem;
        line-height: 2rem;
        margin-top: 40px;
    }

    .balanca-lastyears-container h1 {
        font-size: 2.3rem;
        line-height: 2.3rem;
    }

    .lastyears-content-img img {
        width: 80%;
    }

    .balanca-filtro-ano {
        padding: 20px;
        padding-top: 0;
    }

    .balanca-filtro-ano h1 {
        font-size: 3rem;
        line-height: 3rem;
    }

    .balanca-filtro-content {
        margin: 20px 0;
        flex-wrap: wrap;
    }

    .balanca-filtro-content p {
        font-size: 1.2rem;
        width: 100%;
        margin-bottom: 20px;
    }


    /* Fim BALANÇA COMERCIAL */
	
	/* Inicio RELATÓRIO GOVERNAMENTAL */
	
	.RAG-banner {
		padding: 25px 0;
	}
	
	.RAG-banner-texto {
		margin: 30px;
	}
	
	.RAG-banner-texto h1 {
		font-size: 2.5rem;
		line-height: 2.5rem;
	}
	
	.RAG-banner img {
		height: 1.5rem;
	}
	
	.RAG-container{
		padding: 25px 0;
		height: 2800px;
	}
	
	.RAG-bg {
		height: 2630px;
	}
	
	.RAG-descricao-content h1 {
		font-size: 3rem;
		margin: 30px;
	}
	
	.RAG-descricao-content p {
		font-size: 1.1rem;
		width: 90%;
		padding-bottom: 10px;
		margin-left: 20px;
	}
	
	.RAG-books {
		width: calc(100% - 40px);
    	padding: 20px;
	}
	
	.RAG-recentes h3 {
		font-size: 2rem;
		width: 300px;
	}
	
	.RAG-other-books h2 {
		margin-top: 50px;
		font-size: 2.5rem;
		line-height: 2.5rem;
	}
	
	.RAG-other-books h3 {
		font-size: 2rem;
		width: 300px;
	}
	
	.RAG-other-books-img {
		flex-wrap: wrap;
	}
	
	.RAG-other-books-img a {
		width: 50%;
		margin-bottom: 50px;
	}
	
	.RAG-filtro-ano h1 {
		font-size: 2.5rem;
		line-height: 2.5rem;
	}
	
	.RAG-filtro-content select {
		font-size: 1.2rem;
		width: 300px;
		margin-top: 20px;
	}
	
	.RAG-filtro-content option {
		text-align: center;
	}
	
	/* Fim RELATÓRIO GOVERNAMENTAL */
	
	/* Inicio PIB TRIMESTRAL */
	
	.pibTri-banner-texto {
		width: 100%;
		margin: 0 20px;
	}
	
	.pibTri-banner-texto h2 {
		font-size: 1.5rem;
	}
	
	.pibTri-banner-texto h1 {
		font-size: 3.5rem;
		margin-bottom: 20px;
	}
	
	.pibTri-banner img {
		height: 1.5em;
	}
	
	.pibTri-descricao {
		padding: 0 25px;
	}
	
	.pibTri-descricao h1 {
		font-size: 3rem;
		margin: 30px;
	}
	
	.pibTri-descricao p {
		font-size: 1.1rem;
		width: 90%;
		padding-bottom: 50px;
		margin-left: 20px;
	}
	
	.pibTri-pdf {
		padding: 50px 10px;
		width: calc(100% - 20px);
	}
	
	.pibTri-pdf img {
		height: 1.5rem;
	}
	
	.pibTri-pdf h2 {
		font-size: 2rem;
	}
	
	.pibTri-pdf h1 {
		font-size: 3.5rem;
		line-height: 3.5rem;
	}
	
	.pibTri-pdf-button {
		padding: 10px 0;
	}
	
	.pibTri-lastyears-container {
    	padding: 0 25px;
	}
	
	.pibTri-lastyears-container h2 {
		font-size: 2rem;
		line-height: 2rem;
		margin-top: 0px;
	}
	
	.pibTri-lastyears-container h1 {
		font-size: 2.3rem;
		line-height: 2.3rem;
	}
	
	.pib-books-2023 a{
		width: 33%;
	}
	
	.pibTri-other-books-titulo {
		margin-top: 80px;
	}
	
	.pibTri-other-books-titulo h3 {
		font-size: 1.5rem;
	}
	
	.pib-books-2022 img{
		width: 50%;
	}
	
	.pibTri-lastyears {
		height: 1300px;
		margin: 50px 0;
	}
	
	.pibTri-bg-lastyears {
		height: 1250px;
	}
	
	.pib-books-2022 {
		margin-top: 50px !important;
	}
	
	.pibTri-filtro-ano {
		padding: 20px;
	}
	
	.pibTri-filtro-ano h1 {
		font-size: 2.5rem;
		line-height: 2.5rem;
	}
	
	.pibTri-filtro-content {
		margin: 30px 0 60px;
	}
	
	.pibTri-filtro-content p {
		font-size: 1.1rem;
	}
	
	.pibTri-filtro-content select {
		font-size: 1.2rem;
		padding: 10px 50px;
	}
	
	
	/* Fim PIB TRIMESTRAL */

	/* Inicio PIB MUNICIPAL */
	
	.pib-mun-banner-texto {
		width: 100%;
		margin: 0 20px;
	}
	
	.pib-mun-banner-texto h2 {
		font-size: 1.5rem;
	}
	
	.pib-mun-banner-texto h1 {
		font-size: 3.5rem;
		margin-bottom: 20px;
	}
	
	.pib-mun-banner img {
		height: 1.5em;
	}
	
	.pib-mun-descricao {
		padding: 10px 25px;
	}
	
	.pib-mun-descricao h1 {
		font-size: 3rem;
		margin: 30px;
	}
	
	.pib-mun-descricao p {
		font-size: 1.1rem;
		width: 90%;
		padding-bottom: 50px;
		margin-left: 20px;
	}
	
	.pib-mun-books-container {
		width: calc(100% - 50px);
		margin: 0 25px;
	}
	
	.pib-mun-books-content h3 {
		margin: 30px 0;
		font-size: 1.5rem;
		width: 150px;
	}
	
	.pib-mun-books-content h1 {
		font-size: 3.5rem;
		line-height: 3.5rem;
	}
	
	.pib-mun-books-img {
		width: 100%;
	}
	
	.pib-mun-otherbooks h2 {
		font-size: 2.3rem;
		line-height: 2.3rem;
	}
	
	.pib-mun-otherbooks h3 {
		margin: 30px 0;
		font-size: 1.5rem;
		width: 210px;
	}
	
	.pib-mun-otherbooks-img {
		margin-top: 25px;
	}
	
	.pib-mun-otherbooks-img img {
		width: 75%;
	}
	
	.pib-mun-books {
		height: 1200px;
	}
	
	.pib-mun-bg {
		height: 1200px;
	}
	
	
	/* Fim PIB MUNICIPAL */
	
	/* Inicio PIB REGIONAL */
	
	.pib-reg-banner-texto {
		width: 100%;
		margin: 0 20px;
	}
	
	.pib-reg-banner-texto h2 {
		font-size: 1.5rem;
	}
	
	.pib-reg-banner-texto h1 {
		font-size: 3.5rem;
		margin-bottom: 20px;
	}
	
	.pib-reg-banner img {
		height: 1.5em;
	}
	
	.pib-reg-descricao {
		padding: 10px 25px;
	}
	
	.pib-reg-descricao h1 {
		font-size: 3rem;
		margin: 30px;
	}
	
	.pib-reg-descricao p {
		font-size: 1.1rem;
		width: 90%;
		padding-bottom: 50px;
		margin-left: 20px;
	}
	
	.pib-reg-books-container {
		width: calc(100% - 50px);
		margin: 0 25px;
	}
	
	.pib-reg-books-content h3 {
		margin: 30px 0;
		font-size: 1.5rem;
		width: 150px;
	}
	
	.pib-reg-books-content h1 {
		font-size: 3.5rem;
		line-height: 3.5rem;
	}
	
	.pib-reg-books-img {
		width: 100%;
	}
	
	.pib-reg-otherbooks h2 {
		font-size: 2.3rem;
		line-height: 2.3rem;
	}
	
	.pib-reg-otherbooks h3 {
		margin: 30px 0;
		font-size: 1.5rem;
		width: 210px;
	}
	
	.pib-reg-otherbooks-img {
		margin-top: 25px;
	}
	
	.pib-reg-otherbooks-img img {
		width: 75%;
	}
	
	.pib-reg-books {
		height: 1250px;
	}
	
	.pib-reg-bg {
		height: 1250px;
	}

	/* Fim PIB REGIONAL */

        /* Inicio AM EM MAPAS */
	
	.am-mapas-banner-texto {
		width: 100%;
		margin: 0 20px;
	}
	
	.am-mapas-banner-texto h2 {
		font-size: 1.5rem;
	}
	
	.am-mapas-banner-texto h1 {
		font-size: 3.5rem;
		margin-bottom: 20px;
	}
	
	.am-mapas-banner img {
		height: 1.5em;
	}
	
	.am-mapas-descricao {
		padding: 10px 25px;
	}
	
	.am-mapas-descricao h1 {
		font-size: 3rem;
		margin: 30px;
	}
	
	.am-mapas-descricao p {
		font-size: 1.1rem;
		width: 90%;
		padding-bottom: 50px;
		margin-left: 20px;
	}
	
	.am-mapas-books-container {
		width: calc(100% - 50px);
		margin: 0 25px;
	}
	
	.am-mapas-books-content h3 {
		margin: 30px 0;
		font-size: 1.5rem;
		width: 200px;
	}

    .am-mapas-books-container h4 {
        font-size: 1rem;
        font-weight: 500;
    }
	
	.am-mapas-books-content h1 {
		font-size: 3.5rem;
		line-height: 3.5rem;
	}
	
	.am-mapas-books-img {
		width: 100%;
	}
	
	.am-mapas-otherbooks h2 {
		font-size: 2.3rem;
		line-height: 2.3rem;
        margin-top: 50px;
	}
	
	.am-mapas-otherbooks h3 {
		margin: 30px 0;
		font-size: 1.5rem;
		width: 210px;
	}

    .am-mapas-books-container a {
        width: 50%;
    }
	
	.am-mapas-otherbooks-img {
		margin-top: 25px;
        flex-wrap: wrap;
	}
	
	.am-mapas-otherbooks-img img {
		width: 75%;
	}
	
	.am-mapas-books {
		height: 1250px;
	}
	
	.am-mapas-bg {
		height: 1250px;
	}

	/* Fim AM EM MAPAS */

    /* Inicio MAPAS SEDECTI */

    .mapas-sedecti-banner {
        padding: 20px 0 50px;
    }

    .mapas-sedecti-banner-texto {
        width: 100%;
        margin: 20px;
    }

    .mapas-sedecti-banner-texto h1 {
        font-size: 3rem;
    }

    .mapas-sedecti-banner img {
        height: 1.5rem;
    }

    .mapas-sedecti-descricao {
        padding: 25px;
    }

    .mapas-sedecti-descricao h1 {
        font-size: 2.5rem;
        margin: 20px;
    }

    .mapas-sedecti-descricao p {
        width: 100%;
        margin: 0;
        font-size: 1rem;
    }

    .mapas-sedecti-descricao img {
        height: 1.5rem;
    }

    .mapas-sedecti-maps {
        padding: 25px;
        width: calc(100% - 50px);
    }

    .mapas-sedecti-maps h2 {
        font-size: 1.5rem;
    }

    .mapas-sedecti-maps h1 {
        font-size: 2.5rem;
        line-height: 3rem;
    }

    .mapas-sedecti-maps h3 {
        font-size: 1.1rem;
        margin-top: 20px;
    }

    .mapas-sedecti-maps p {
        font-size: 0.9rem;
        margin-top: 16px;
    }

    .mapas-sedecti-maps-button {
        padding-bottom: 50px;
    }

    .mapas-sedecti-maps-button a {
        font-size: 0.45rem;
        padding: 5px;
        margin: 20px 0;
        border: 2px solid #27adaa;
    }

    .mapas-sedecti-maps img {
        height: 1.5rem;
    }

    .mapas-sedecti-othermaps {
        width: calc(100% - 50px);
        padding: 25px;
    }

    .mapas-sedecti-othermaps h1 {
        font-size: 1.3rem;
    }

    .mapas-sedecti-othermaps p {
        font-size: 0.9rem;
        margin: 25px 0;
    }

    .mapas-sedecti-othermaps a {
        padding: 10px;
        width: 275px;
        margin: 10px 0;
    }

    /* Fim MAPAS SEDECTI */

}

@media screen and (max-width: 412px) {
    .card-prod{
        max-height: 295px;
    }

    .card-prod:hover{
        max-height: 295px;
    
    }
	
	.degeo-team-texto h1, .deplan-team-texto h1 {
    	font-size: 1.2rem;
    	margin: 0 15px;
	}

}

@media screen and (max-width: 391px) {
    .banner img {
        height: 55vh;
    }


    .card{
        flex-direction: column;
    }

    .card-prod{
        max-height: 270px;
    }

    .card-prod:hover{
        max-height: 270px;
    }

    .slick-dotted ul {
        transform: translateX(-20%);
    }

    .box-send button {
        margin: 10px 0;
    }
	
	.degeo-team-texto h1, .deplan-team-texto h1 {
    	font-size: 1.1rem;
    	margin: 0 15px;
	}
	
	.logo {
    width: 60%;
    justify-content: space-evenly;
    }

    /* ANUÁRIO */

    .anuario-banner {
        padding: 10px 0 30px 0;
    }

    .anuario-banner-texto h1 {
        font-size: 2.5rem;
    }

    .whiteBtn {
        margin-bottom: 25px;
    }

    .anuario-descricao h1 {
        font-size: 2.5rem;
    }

    .anuario-descricao p {
        font-size: 1.1rem;
    }

    .anuario-dash h2 {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .anuario-dash h1 {
        font-size: 1.8rem;
        line-height: 1.8rem;
    }
    
    .anuario-dash p {
        font-size: 1.1rem;
    }

    .anuario-filtro-ano h1 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

    .anuario-filtro-content p {
        font-size: 1.1rem;
    }

    .anuario-filtro-content select {
        font-size: 1.1rem;
    }

}

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

    .logo h1{
        font-size: 0.9rem;
    }

    .logo h2{
        font-size: 0.8rem;
    }

    .card-prod{
        max-height: 256px;
    }

    .card-prod:hover{
        max-height: 256px;
    }

    .card-prod .content{
        transform: translateY(120px);
    }

    .card-prod:hover .content{
        transform: translateY(120px);
    }

    .banner h1 {
        font-size: 20px;
    }

    .content{
        width: 100%;
        height: 100%;
    }

    .content h2{
        font-size: 15px;
        
    }

    .card{
        margin: 50px 0;

    }

    .slick-dotted ul {
        transform: translateX(-18%);
    }

    .content-news p{
        font-size: 15px;
    }

    .content-other-news p{
        font-size: 15px;
    }

    .card-prod{
        max-height: 240px;
    }

    .card-prod:hover{
        max-height: 240px;
    }

    .slick-dotted ul {
        transform: translateX(-15%);
    }

    .ppa-splam {
        width: calc(100% - 50px);
        padding: 25px;
    }

    .ppa-splam {
        width: calc(100% - 50px) !important;
        padding: 25px !important;
    }

    .ppa-single-banner-texto {
        margin: 20px !important;
    }

    .ppa-single-banner-texto h1{
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .ppa-single-content h1 {
        font-size: 1.7rem;
    }


 
}

.teste-ti{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	margin: 300px 0;
}

.teste-ti a{ 
	width: 100px;
	padding: 5px 10px;
	background-color: #073c4c;
	color: #fff;
	

}