/* - Cofigs*/
*{margin:0px; padding:0px; font-family:'Poppins'; box-sizing:border-box; text-decoration:none; list-style:none; border:0; transition:all 0.3s;}
*:focus{outline:none;}

/****************************
* - Configs
0 - Root
****************************/
.date-header-bar{color:#FFF; background:var(--theme-color); padding:2px 5px; font-size:12px;}

/*0 - Root*/
:root{
	/*cores*/
	--black-color:#121212;
	--dark-gray-color:#898989;
	--gray-color:#ededed;
	--menu-color:#3c3c3c;
}

/*Estrutura*/
.site-wrapper{width:1300px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding:0 20px;}
.gray-wrapper{width:100%; padding:50px 0; background:#ECECEC; display:flex; justify-content:center;}
.white-gray{width:100%; background:#ECECEC;}
.col-wrapper{width:1300px; margin:0 auto; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; padding:0 20px}
.main-col-wrapper{width:64%; display:flex; flex-direction:column;}
.aside-col-wrapper{width:32%; display:flex; flex-wrap:wrap; justify-content:space-between;}

/*Colunas*/
.col-100{width:100%; margin-bottom:20px;}
.content-c100-dark-gray{width:100%; padding-bottom:25px; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-start; background:#191919;}
.content-c100{width:100%; padding-bottom:25px; display:flex; justify-content:space-between; flex-wrap:wrap; align-items: flex-start;}
.content-p100{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom:1px solid var(--gray-color); padding-bottom:20px; margin-bottom:20px;}
.content-p32{width:32%; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-start;}
.content-p32 img{width:100%; height:100%; object-fit:cover;}
.content-p65{width:65%; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-start;}
.content-c49{width:49%; margin-bottom:25px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.content-c49-small{width:49%; margin-bottom:25px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.content-c49-small span{color:#3c3c3c; font-size:14px; font-weight:500;}
.content-title-post{font-size:15px; font-weight:600; line-height:20px; padding:10px 0;}
.content-title-post-small{font-size:15px; font-weight:600; line-height:20px;}
.content-title-post a, .content-title-post-small a{color:var(--black-color);}
.content-title-post a:hover, .content-title-post-small a:hover{color:var(--theme-color);}
.content-data-post{font-size:12px; color:var(--dark-gray-color); font-weight:400;}
.content-c100-pages{width:100%; padding:25px 0; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-start;}
.content-c32{width:32%; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-start;}

@media (max-width:1300px){
.site-wrapper, .col-wrapper{width:100%;}
}
@media (max-width:868px){
.main-col-wrapper, .aside-col-wrapper{width:100%;}
}
@media (max-width:768px){
.content-c32{width:100%;}
}
@media (max-width:642px){
.content-c49-small{width:100%; }
}

/*Header Bar*/
.header-bar{width:100%; display:flex; padding:5px 0; background:var(--black-color);}
.date-header-bar{color:#FFF; background:var(--theme-color); padding:2px 5px; font-size:12px;}
.bar-nav{display:flex; list-style:none;}
.bar-nav li{font-size:14px; display:flex; margin-left:15px;}
.bar-nav a li{color:var(--dark-gray-color);}
.bar-nav a li:hover{color:#FFF;}
@media (max-width:642px){
.header-bar .site-wrapper{justify-content:center;}	
.bar-nav{display:none;}
}

/*Header*/
.header{display:flex; width:100%; border-bottom:1px solid var(--gray-color); padding:15px 0;}

.header-nav{display:flex; list-style:none; align-items:center;}
.header-nav li{font-size:14px; display:flex; margin-left:15px; color:var(--menu-color); font-weight:bold; text-transform:uppercase; padding:5px 0;}
.header-nav li:hover{color:var(--theme-color);}

/*Icone menu mobile*/
#btn-mobile{display:flex; font-size:1rem; background:none; border:none; cursor:pointer; float:right;}
#hamburger{width:25px; border-top:2px solid #232323; display:block;}
#hamburger::after,#hamburger::before{content:''; display:block; width:25px; height:2px; background:#232323; margin-top:5px; transition:0.5s;}
#btn-mobile.active #hamburger{border-top:transparent;}
#btn-mobile.active #hamburger::before{transform:rotate(135deg);}
#btn-mobile.active #hamburger::after{transform:rotate(-135deg); margin-top:-2px;}

/*Menu lateral*/
.side-menu-wrapper{background:#FFF; position:fixed; top:0; left:0; height:100%; transition:0.5s; width:300px; display:none; z-index:2; border-top:3px solid  var(--theme-color); display:flex; flex-direction:column; align-items:center; z-index:999;}
.logo-mobile-wrapper{margin-top:50px; display:flex; flex-direction:column; align-items:center;}
.logo-mobile-wrapper p{font-size:16px; font-weight:bold;}
.nav-mobile{width:85%; min-height:50px; overflow:hidden; margin-top:30px;}
.nav-mobile ul li{padding:10px 0; font-size:14px;}
.nav-mobile ul a li{color:var(--black-color); transition:all 0.5s; border-bottom:1px solid var(--gray-color);}
.nav-mobile ul a li:hover{color:var(--theme-color);}
.menu-overlay{height:100%; width:0; position:fixed; z-index:1; top:0; left:0; background-color:rgba(0,0,0,.7); overflow-y:auto; overflow-x:hidden; text-align:center; opacity:0; transition:opacity 1s;}
@media(max-width:854px){.header-nav li{display:none;}}


/*1 - Pace*/
.pace{-webkit-pointer-events:none; pointer-events:none; -webkit-user-select:none; -moz-user-select:none; user-select:none;}
.pace-inactive{display:none;}
.pace .pace-progress{background:var(--theme-color); position:fixed; z-index:2000; top:0; right:100%; width:100%; height:3px;}
@keyframes loading{100%{transform: translateX(100%);}}

/*Loading Skeleton*/
.card-image{width:100%; height:100%; overflow:hidden;}
.card-image img{width:100%; visibility:hidden;}
.loading{position:relative; background:#EBECEF; overflow:hidden;}
.loading:before{content: ''; position: absolute; width:100%; height:100%; background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent); transform: translateX(-100%); animation: loading 1s infinite;}


/*Noticia Primaria*/
.main-notice-title{display:flex; width:100%; text-align:center; justify-content:center; padding:20px 50px; margin-top:30px; font-size:20px; line-height:45px;}
.main-notice-title a{color:var(--dark-color);}
.main-notice-title a:hover{color:var(--theme-color);}
.main-notice-title h1{font-size:42px;}
@media(max-width:568px){
.main-notice-title{line-height:25px;}
.main-notice-title h1{font-size:26px;}	
}

/*Banner Inicio*/
.banners-wrapper{display:flex; width:100%; margin-top:30px; justify-content:space-between; overflow:hidden; flex-wrap:wrap;}
.column-banners{width:calc(50% - 2.5px); flex-direction:column;}
.line-banner{width:100%; height:calc(50% - 2.5px); display:flex; justify-content:space-between; margin-bottom:5px; overflow:hidden; position:relative;}
.child-column-banners{display:flex; justify-content:space-between; width:calc(50% - 2.5px); overflow:hidden; position:relative;}
.banner-imagem{width:100%; height:100%; display:flex; justify-content:space-between; object-fit:cover; overflow:hidden; position:relative;}
.child-banner-imagem{width:100%; height:50%; overflow:hidden;}
.child-column-banners img, .line-banner img{width:100%; height:100%; object-fit:cover;}
.banner-imagem img:hover, .line-banner img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}
.banner-title{position:absolute; width:100%; bottom:0; z-index:99; padding:15px; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); display:flex; flex-direction:column;}
.banner-title a{color:#FFF;}
.banner-title h1 a:hover{color:var(--theme-color);}
.banner-imagem h1{font-size:20px;}
.line-banner h1{color:#FFF; font-size:18px;}
.banner-imagem p, .line-banner p{color:var(--dark-gray-color); font-size:12px;}
.child-column-banners h1{color:#FFF; font-size:14px;}
.title-session{display:flex; align-items:center; position:relative; width:100%; font-size:20px; color:var(--theme-color); margin:30px 0; font-weight:bold; text-transform:uppercase;}
.title-session::before{content:""; width:15px; height:15px; background:var(--theme-color); margin-right:10px;}
.title-session::after{content:""; flex-grow:1; height:3px; background:var(--gray-color); margin-left:10px;}
.title-session-dark{display:flex; align-items:center; position:relative; width:100%; font-size:20px; color:#FFF; margin:30px 0; font-weight:bold; text-transform:uppercase;}
.title-session-dark::before{content:""; width:15px; height:15px; background:var(--theme-color); margin-right:10px;}
.title-session-dark::after{content:""; flex-grow:1; height:3px; background:#2F2F2F; margin-left:10px;}
@media (max-width:768px){
.column-banners{width:100%; margin-bottom:5px;}
}
@media (max-width:568px){
.banner-title h1{font-size:16px; line-height:15px;}
}

/*Publis*/
.gray-wrapper img{max-width:100%;}
.col-100 img{max-width:100%;}

/*Destaque*/
.destaque-wrapper{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:30px;}
.card-destaque{width:24%; display:flex; flex-direction:column;}
.destaque-image{width:100%; aspect-ratio:3/2; overflow:hidden; background:#CCC;}
.destaque-image img{width:100%; height:100%; object-fit:cover;}
.destaque-image img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}
.card-destaque h1{font-size:15px; margin-top:5px;}
.card-destaque h1 a{color:var(--black-color);}
.card-destaque h1 a:hover{color:var(--theme-color);}
.card-destaque h2{font-size:15px; margin-top:5px;}
.card-destaque h2 a{color:#FFF;}
.card-destaque h2 a:hover{color:var(--theme-color);}
.card-destaque p{color:var(--dark-gray-color); font-size:12px;}
@media (max-width:868px){
.card-destaque{width:49%; margin-bottom:20px;}
.card-destaque h1{font-size:13px;}
}

/*Páginas*/
.breadcrumb{font-size:12px; color:#808080; padding:10px 0;}
.breadcrumb a{color:#808080;}
.breadcrumb a:hover{color:var(--theme-color);}

.content-img-post{width:100%; height:240px; overflow:hidden; position:relative; margin-bottom:10px;}
.content-img-post img{width:100%; height:100%; object-fit:cover;}
.article-carousel{position:absolute; bottom:0; left:0; right:0; height:100%; overflow:hidden; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 85%);}
.information-slide{position:absolute; bottom:0; left:0; width:calc(100% - 20px); display:flex; padding:10px; flex-wrap:wrap; flex-direction:column;}
.category-center-post{font-size:11px; color:#FFF; text-transform:capitalize; display:flex; justify-content:center;}
.category-center-post span{padding:3px 5px; background:var(--theme-color);}
.title-slide{font-weight:700; color:#FFF; text-transform:capitalize; text-align:center;}
.title-slide:hover{color:var(--theme-color);}
.content-data-post{font-size:12px; color:#9b9b9b; font-weight:400; text-align:center;}

/*Listagem Notícias*/
.lista-noticias{width:100%; display:flex; justify-content:space-between; border-bottom:1px solid var(--gray-color); padding-bottom:20px; margin-bottom:20px;}
.img-lista-noticias{width:100%; aspect-ratio:16/10; overflow:hidden; position:relative;}
.img-lista-noticias img{width:100%; height:100%; object-fit:cover;}
.img-lista-noticias img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}

.tag-categoria-noticia{position:absolute; background:var(--theme-color); color:#FFF; z-index:1; left:0; bottom:0; padding:5px 10px; font-size:12px;}
.lista-noticias h1{font-size:22px; color:var(--black-color); line-height:22px;}
.lista-noticias h1 a{color:var(--dark-color);}
.lista-noticias h1 a:hover{color:var(--theme-color);}
.lista-noticias p{color:var(--dark-gray-color); font-size:12px; margin:10px 0;}
.lista-noticias span{color:#3c3c3c; font-size:14px; font-weight:500;}
@media (max-width:868px){
.img-lista-noticias{margin-right:20px;}
}
@media (max-width:568px){
.img-lista-noticias{margin:0 0 20px 0;}
.lista-noticias{flex-direction:column;}
}


/*Footer*/
.copy-footer{width:100%; background:var(--black-color); padding:20px 0; display:flex; justify-content:space-between; flex-wrap:wrap;}
.copy-footer span{font-size:12px; color:var(--dark-gray-color);}
.copy-footer a{color:var(--dark-gray-color);}
.copy-footer a:hover{color:var(--theme-color);}
@media (max-width:568px){
.copy-footer span{width:100%; text-align:center}
}

/*Single*/
.single-post-img{margin-top:35px; overflow:hidden; width:100%;}
.single-post-header{display:flex; flex-direction:column; flex-wrap:wrap;}
.single-post-category{display:flex; margin-top:10px;}
.single-post-category span{padding:5px 10px; font-size:12px; color:#FFF; background:var(--theme-color); text-transform:capitalize; display:initial;}
.single-post-title{font-size:24px; font-weight:600; padding:10px 0 0 0; line-height:30px;}
.single-post-data{font-size:12px; color:var(--dark-gray-color); font-weight:300; margin-top:10px;}
.single-post-data span{font-weight:700; color: #4d4d4d;}
.single-post-content{font:14px; color:#3c3c3c; padding:25px 0; font-weight:400; overflow:hidden; text-align:justify;}

/*Paginação*/
.content-pagination{display:flex; gap:5px; justify-content:center; margin-bottom:20px;}
.content-pagination a {text-decoration:none; background:#191919; color:#FFF; padding: 10px 15px;}
.content-pagination a:hover{background:var(--theme-color);}
.content-pagination a.ativo{background:var(--theme-color);}


.bad-page{display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; width:100%; padding:30px;}
.bad-page span{font-size:78px; font-weight:bold; color:var(--theme-color); margin-bottom:20px;}
.bad-page h1{font-size:36px; margin-bottom:20px;}
.bad-page p{font-size:36px; margin-bottom:20px;}


.lupa-container{position:relative; width:25px; height:20px; margin:0 5px; cursor:pointer;}
.circulo{width:15px; height:15px; border:2px solid var(--menu-color); border-radius:50%; margin-left:10px;}
.haste{position:absolute; right:-3px; width:7px; height:2px; background:var(--menu-color); transform: rotate(50deg);}

.lupa-container:hover .circulo, .haste{border-color: var(--theme-color);}
.lupa-container:hover .haste{background-color: var(--theme-color);}


/* Modal */
.modal{display:none; position:fixed; top:0; left:0;  width:100%; height:100%; background: rgba(0, 0, 0, 0.7); z-index:1000;}
.modal-content{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:90%; padding:40px; background:#FFF; box-shadow:0 4px 8px rgba(0, 0, 0, 0.2); border-radius:8px; text-align:center;}
.input-pesquisa{width:100%; padding:10px; margin-bottom:10px; border:1px solid #ccc; border-radius:4px;}
button{padding:10px 20px; background:var(--theme-color); color:#FFF; border:none; border-radius:4px; cursor:pointer;}
button:hover{background:darken(var(--theme-color), 10%);}
.modal.ativo{display:block;}
.btn-pesquisar-header{min-width:150px; width:25%;}
.container-busca{width:100%; display:flex; margin:30px 10px;}
.input-pesquisa-page{border:1px dashed #CCC; padding:8px; width:300px;}
.resultado-busca{width:100%; min-height:60vh; font-size:18px;}

/*Slides*/
.slider-top{position:relative; width:100%; max-width:1000px; max-height:300px; margin:auto; margin-top:50px; overflow:hidden;}
.slider{position:relative; width:100%; max-width:1000px; max-height:300px; margin:auto; overflow:hidden;}
.slides{display:flex; transition:transform 0.5s ease-in-out;}
.slides img{width:100%; flex-shrink:0;}

button.prev, button.next{position:absolute; top:50%; transform:translateY(-50%); background:rgba(0, 0, 0, 0.5); border:none; color:#FFF; font-size:2rem; padding:10px; cursor:pointer; z-index:10;}
button.prev{left:10px;}
button.next{right:10px;}