@charset "UTF-8";

/*
Theme Name: Conexão Oeste
Theme URI: http://www.portalconexaooeste.com.br
Description: Tema para o Conexão Oeste
Author: Marcos Lunardelli.
Author URI: http://www.marcoslunardelli.com.br
Version: 1.0

 * Estilo CSS Site Portal Conexão Oeste
 * http://creativecommons.org/licenses/by-nc-nd/4.0/
 */

:root {
	--amarelo: #fbc02d;
	--vermelho: #FF0000;
	--branco: #ffffff;
	--branquinho: #F7F7F7;
	--verde: #2e7d32;
	--cinza: #838383;
	--cinza_claro: #BFBFAC;
	--cinza_medio: #9A9A8A;
	--cinza_escuro: #222222;
}

::-webkit-scrollbar {
	width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
	background: var(--verde);
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: var(--cinza_medio);
}

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

* {
	font-family: 'Nunito', sans-serif;
	font-weight: 400;
	font-size: 16px;
}

a:focus  { outline: 0px }

body {
	width: 100%;
	overflow-x: hidden;
	background: #fff;
	margin: 0;
	padding: 0;
}

html {
	margin: 0;
	padding: 0;
}

header {
	width: 100%;
	padding: 25px 0 10px 0;
	position: fixed;
	top: 0px;
	z-index: 99999;
	background: var(--branco);
}
	header.fixo {
		padding: 15px 0 0 0;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
	header.logado { top: 20px }
	
	header .logo { float: left; width: 73%; } /* filter: drop-shadow(0px 0px 10px var(--amarelo));*/
	header.fixo .logo { width: 55%; position: absolute; left: 10px; }
    header.fixo .esp_logo {width: 100%;height: 10px;}
	header.fixo .e_20 { height: 15px; }
	header.fixo .e_40 { height: 10px; }

	/* Logo Animada SVG */
	header .logo-animada-svg {
		width: 100%;
		max-width: 220px;
		height: auto;
		transition: all 0.2s linear;
	}
	header.fixo .logo-animada-svg {
		max-width: 140px;
	}

	/* Esconde o subtítulo quando o header está fixo */
	header.fixo .texto-subtitulo {
		display: none;
	}

	/* Animação suave de fade-in da logo completa */
	.logo-animada-svg {
		animation: fadeIn-logo 0.8s ease-out forwards;
	}

	@keyframes fadeIn-logo {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}

	header #submenu_mobile {
		display: none;
		padding: 20px 0;
	}

	header #seleciona_cidade {
		position: relative;
	}
		header #seleciona_cidade ul {
			position: absolute;
			top: 20px; left: 0px;
			background-color: var(--branco);
			border-radius: 10px;
			list-style: none;
			padding: 10px;
			min-width: 180px;
			z-index: 9999;
		}
			header #seleciona_cidade ul li {
				padding: 10px;
				border-bottom: 1px solid var(--amarelo);
			}
				header #seleciona_cidade ul li:last-child { border: 0px none;}

				header #seleciona_cidade ul li a {
					font-size: 12px;
					font-weight: 400;
					color: var(--amarelo);
					display: block;
				}
					header #seleciona_cidade ul li a:hover {
						color: var(--verde);
					}

		header.fixo .topo_menu {display: none;}

		header .data_hora {
			margin-left: 0px;
		}
		header .barra_busca #searchform div {
			position: relative;
		}
			header .barra_busca #searchform input#s{
				width: 100%;
				padding: 12px 60px 12px 20px;
				border: 1px solid var(--cinza);
				border-radius: 10px;
				background-color: var(--branco);
				font-size:16px;
			}
			header .barra_busca #searchform button#searchsubmit {
				position: absolute;
				right: 0px; top: 0px;
				background-color: var(--branco);
				border: 1px solid var(--cinza);
				border-radius: 0 10px 10px 0;
				padding: 12px 15px;
			}
				header .barra_busca #searchform button:hover#searchsubmit {
					background: var(--amarelo);
				}
				header .barra_busca #searchform button#searchsubmit img {
					height: 15px;
				}
					header .barra_busca #searchform button:hover#searchsubmit img {
						filter: brightness(10);
					}

		header .eng_redes {
			margin-right: 0px;
		}

		header .topo_menu .anuncie {
			display: flex;
			flex-direction: row;
    		flex-wrap: nowrap;
    		align-items: flex-end;
		}
			header .topo_menu .anuncie img {
				margin-right: 10px;
			}


.espaco_menu {
	width: 100%;
	height: 150px; /* Altura inicial aproximada - JavaScript recalcula dinamicamente após carregamento */
	display: block;
	position: relative;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

/* ESPAÇOS */

.espaco {
	border-radius: 10px;
	overflow: hidden;
}
.espaco picture img {max-width: 100%;width: 100%; height: auto;}

#slide_espaco, #slide_espaco li {list-style: none;width: 100%;margin: 0px;}

.esp_1 {
	margin: 0px;
}

#noticia_urgente .d_flex {align-items: center;}
/*#noticia_urgente a:hover img.conexao_urgente {
	-webkit-filter: drop-shadow(5px 5px 5px rgba(255, 0, 0, 0.453));
  	filter: drop-shadow(5px 5px 5px rgba(255, 0, 0, 0.453));
}*/
#noticia_urgente a:hover h1 {color: var(--verde);}

.eng_slideshow_destaques {
	width: 100%;
	height: 400px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

	.eng_slideshow_destaques #slideshow_destaques {
		width: 100%; height: 400px;
		list-style: none;
	}
	.eng_slideshow_destaques #slideshow_destaques .destaque {
		width: 100%; height: 400px;
		position: relative;
	}
		.eng_slideshow_destaques #slideshow_destaques .destaque .efeito {
			width: 100%; height: 100%;
			position: absolute;
			top: 0px; left: 0px;
			background: transparent linear-gradient(181deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
		}
		.eng_slideshow_destaques #slideshow_destaques .destaque .img {
			width: 100%;
			height: 100%;
			display: block;
			position: absolute;
			top: 0px; left: 0px;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
		}
		.eng_slideshow_destaques #slideshow_destaques .destaque .info {
			position: absolute;
			bottom: 10%;
			width: 100%;
			padding: 0 12%;
		}
		.eng_slideshow_destaques #slideshow_destaques .destaque a:hover .info h1 {
			color: var(--amarelo);
		}
	
	div.pagina .eng_titulo {margin: 0 10px 0 0;}
		div.pagina .eng_titulo h1 {white-space: nowrap;}

	div.pagina .border_bottom {
		flex-grow: 1;
		margin-left: 10px;
	}
	div.pagina .border_bottom .e_40, div.pagina .border_bottom .e_20, div.pagina .border_bottom .esp {
		border-bottom: 2px solid var(--cinza_claro);
	}
	div.pagina .full .border_bottom { padding: 0 20px; margin-left: 0px; }
	

		div.pagina .border_bottom_amarelo {
			border-bottom: 2px solid var(--amarelo);
			width: 20%;
			position: relative;
			margin-left: 0px;
			bottom: 2px;
		}
		div.pagina .border_bottom_verde {
			border-bottom: 2px solid var(--verde);
			width: 20%;
			position: relative;
			margin-left: 0px;
			bottom: 2px;
		}
	
	#ultimas_noticias div.pagina .eng_titulo {margin: 0 10px 0 0;}
		#ultimas_noticias div.pagina .eng_titulo h1 {white-space: nowrap;}

	#ultimas_noticias div.pagina .border_bottom {
		flex-grow: 1;
		margin-left: 10px;
	}
	#ultimas_noticias div.pagina .border_bottom .e_40 {
		border-bottom: 2px solid var(--cinza_claro);
	}

		#ultimas_noticias div.pagina .border_bottom_amarelo {
			border-bottom: 2px solid var(--amarelo);
			width: 20%;
			position: relative;
			margin-left: 0px;
			bottom: 2px;
		}
	.global_noticias .eng_noticias {display: flex; flex-wrap: wrap;}
		#ultimas_noticias .eng_noticias .noticia {}
		.global_noticias .eng_noticias .noticia .eng_img {
			border: 0.5px solid #83838338;
			border-radius: 10px;
			overflow: hidden;
			width: 100%;
			height: 180px;
			position: relative;
		}
		.global_noticias .eng_noticias .noticia_g .eng_img  {
			border: 0.5px solid #83838338;
			border-radius: 10px;
			overflow: hidden;
			width: 100%;
			height: 240px;
			position: relative;
			transition: transform 0.3s ease;
		}

		/* Animação de borda completa no hover */
		@keyframes borderTopRight {
			0% {
				clip-path: polygon(0 0, 0 0, 0 5px, 0 5px);
			}
			35% {
				clip-path: polygon(0 0, 100% 0, 100% 5px, 0 5px);
			}
			40% {
				clip-path: polygon(0 0, 100% 0, 100% 10%, calc(100% - 5px) 10%, calc(100% - 5px) 5px, 0 5px);
			}
			50% {
				clip-path: polygon(0 0, 100% 0, 100% 30%, calc(100% - 5px) 30%, calc(100% - 5px) 5px, 0 5px);
			}
			65% {
				clip-path: polygon(0 0, 100% 0, 100% 60%, calc(100% - 5px) 60%, calc(100% - 5px) 5px, 0 5px);
			}
			80% {
				clip-path: polygon(0 0, 100% 0, 100% 85%, calc(100% - 5px) 85%, calc(100% - 5px) 5px, 0 5px);
			}
			100% {
				clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - 5px) 100%, calc(100% - 5px) 5px, 0 5px);
			}
		}

		@keyframes borderBottomLeft {
			0% {
				clip-path: polygon(100% 100%, 100% 100%, 100% calc(100% - 5px), 100% calc(100% - 5px));
			}
			35% {
				clip-path: polygon(0 100%, 100% 100%, 100% calc(100% - 5px), 0 calc(100% - 5px));
			}
			40% {
				clip-path: polygon(0 100%, 100% 100%, 100% calc(100% - 5px), 0 calc(100% - 5px), 0 90%, 5px 90%, 5px calc(100% - 5px), 5px calc(100% - 5px));
			}
			50% {
				clip-path: polygon(0 100%, 100% 100%, 100% calc(100% - 5px), 0 calc(100% - 5px), 0 70%, 5px 70%, 5px calc(100% - 5px), 5px calc(100% - 5px));
			}
			65% {
				clip-path: polygon(0 100%, 100% 100%, 100% calc(100% - 5px), 0 calc(100% - 5px), 0 40%, 5px 40%, 5px calc(100% - 5px), 5px calc(100% - 5px));
			}
			80% {
				clip-path: polygon(0 100%, 100% 100%, 100% calc(100% - 5px), 0 calc(100% - 5px), 0 15%, 5px 15%, 5px calc(100% - 5px), 5px calc(100% - 5px));
			}
			100% {
				clip-path: polygon(0 100%, 100% 100%, 100% calc(100% - 5px), 0 calc(100% - 5px), 0 0, 5px 0, 5px calc(100% - 5px), 5px calc(100% - 5px));
			}
		}

		.global_noticias .eng_noticias .noticia .eng_img::before,
		.global_noticias .eng_noticias .noticia_g .eng_img::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(to right, var(--verde), var(--amarelo));
			z-index: 10;
			clip-path: polygon(0 0, 0 0, 0 0, 0 0);
			transition: clip-path 0s;
		}

		.global_noticias .eng_noticias .noticia .eng_img::after,
		.global_noticias .eng_noticias .noticia_g .eng_img::after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(to left, var(--amarelo), var(--verde));
			z-index: 10;
			clip-path: polygon(0 0, 0 0, 0 0, 0 0);
			transition: clip-path 0s;
		}

		.global_noticias .eng_noticias .noticia a:hover .eng_img::before,
		.global_noticias .eng_noticias .noticia_g a:hover .eng_img::before {
			animation: borderTopRight 0.6s ease-out forwards;
		}

		.global_noticias .eng_noticias .noticia a:hover .eng_img::after,
		.global_noticias .eng_noticias .noticia_g a:hover .eng_img::after {
			animation: borderBottomLeft 0.6s ease-out forwards;
		}
			.global_noticias .eng_noticias .noticia_g .img {
				width: 100%;
				height: 240px;
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				
				transition: transform 0.3s ease;  
			}
			.global_noticias .eng_noticias .noticia .img {
				width: 100%;
				height: 180px;
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				
				transition: transform 0.3s ease;  
			}
			.global_noticias .eng_noticias .noticia a:hover .img, .global_noticias .eng_noticias .noticia_g a:hover .img {
				transform: scale(1.1);  
			}
			.global_noticias .eng_noticias .noticia a:hover h2, .global_noticias .eng_noticias .noticia_g a:hover h2 {color: var(--amarelo);}
			.global_noticias .eng_noticias .noticia_g .img {
				width: 100%;
				height: 240px;
				overflow: hidden;
				border-radius: 10px;
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
			}
			.global_noticias .eng_noticias .noticia .d_flex {}
			.global_noticias .eng_noticias .noticia .d_flex p:first-child {margin-left: 0px;}
			.global_noticias .eng_noticias .noticia .d_flex p:last-child {margin-right: 0px;}

	#mais_noticias div.pagina .eng_titulo {margin: 0 10px 0 0;}
		#mais_noticias div.pagina .eng_titulo h1 {white-space: nowrap;}

	#mais_noticias div.pagina .border_bottom {
		flex-grow: 1;
		margin-left: 10px;
	}
	#mais_noticias div.pagina .border_bottom .e_40, .global_noticias div.pagina .border_bottom .e_10 {
		border-bottom: 2px solid var(--cinza_claro);
	}
		#mais_noticias div.pagina .border_bottom_amarelo {
			border-bottom: 2px solid var(--amarelo);
			width: 20%;
			position: relative;
			margin-left: 0px;
			bottom: 2px;
		}
		#mais_noticias .d_flex { flex-wrap: wrap; }

		.global_noticias div.pagina .border_bottom .e_10 {
			width: 95%;
		}

#eng_conexaocast {
	width: 100%;
	padding: 20px;
	text-align: center;
}
	#eng_conexaocast img {
		margin: 0 auto;
	}
#conexao_tv .conexao_tv_destaque iframe {
	width: 100%;
}
#conexao_tv #videos_conexaotv {list-style: none;}
	#conexao_tv #videos_conexaotv iframe {max-width: 100% !important; min-width: auto !important; width: 100%; height: 200px;}

/* BREADCRUMBS */
nav ol.breadcrumb {
	list-style: none;
	display: flex;
}
	nav ol.breadcrumb li.breadcrumb-item {
		margin-left: 0px;
		margin-right: 10px;
		color: var(--verde);
	}
	nav ol.breadcrumb li::after {
		content: "\27E9"; 
		display: inline-block;
		margin-left: 10px;
		color: var(--amarelo);
	}
	nav ol.breadcrumb li:last-child::after {
		content: "";
	}
		nav ol.breadcrumb li.breadcrumb-item a {
			color: var(--amarelo);
		}
			nav ol.breadcrumb li.breadcrumb-item a:hover {
				color: var(--verde);
			}
	

/* PRA REMOVER */

.skeleton-effect {
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: skeleton-loading;
    animation-timing-function: linear;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
	color: #00000000;
}

@keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Esconder a imagem até ser carregada e definir algumas propriedades básicas */
.image-wrapper img {
    display: none; 
    width: 100%;  
    height: auto;  
}

/* Adicionar um tamanho de placeholder para .image-wrapper para garantir que ele tenha alguma altura enquanto a imagem está carregando. Ajuste conforme necessário. */
.image-wrapper.skeleton-effect {
    min-height: 150px; /* Exemplo, ajuste conforme sua necessidade */
}


#slideshow {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
	ul#banner, ul#banner li { width: 100vw !important;list-style: none; }
		ul#banner li div.slide { background-size: cover; }

	#pag_destaques { position: relative; width: 100%; top: -100px;}
		#pag_banner #setas_banner { position: absolute; width: 100%; top: 0px; }
			.slick-list { margin-bottom: -5px !important }
			#dots_banner { display: inline-block; position: relative; top: -60px;}


	div.paginacao button.slick-disabled {
		cursor: not-allowed;
		opacity: 0.7;
	}
		div.paginacao button.slick-disabled img {
			opacity: 0.7;
		}

	.slick-arrow {
		width: 60px;
		height: 60px;
		background:transparent;
		border: 0px none;
		opacity: 1;
		font-size: 0px;
		position: absolute;
		z-index: 999;
		-webkit-filter: drop-shadow(0px 0px 2px #000);
		filter: drop-shadow(0px 0px 2px #000);
	}
	.slick-next {
		right: 10px;
	}
	.slick-prev {
		left: 10px;
	}
	.slick-arrow:hover {
		text-shadow: #000000;
	}

.slick-dots { list-style: none; }
.slick-dots li { display: inline-block; min-width: 20px; min-height: 10px; text-align: center; position: relative; z-index: 999; }
.slick-dots li button { font-size: 0px; }

#dots_banner ul.slick-dots li {
	margin-right: 10px;
}

#dots_banner ul.slick-dots li button {
	width: 16px; height: 16px;
	border: 2px solid #fff;
	background-color: transparent;
	box-shadow: 0px 0px 1px #222;
}
#dots_banner ul.slick-dots li.slick-active button, #dots_banner ul.slick-dots li button:hover  {
	background-color: var(--verde);
}

#previsao_do_tempo {
	width: 100%; height:auto;
	border-radius: 10px;
} 
	#previsao_do_tempo .img {
		width: 100%;
		padding: 10% 5%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		margin-bottom: -1px;
	}
	#previsao_do_tempo .data_hoje {
		display: flex;
		padding: 20px 0;
	}
		#previsao_do_tempo .data_hoje p:first-child {
			margin-left: 20px;
		}
		#previsao_do_tempo .data_hoje p:last-child {
			margin-right: 20px;
		}

#eng_cotacao {
	border-radius: 10px;
}
	#eng_cotacao .cabecalho {
		padding: 20px 40px 0 40px;
	}
		#eng_cotacao .cabecalho p {
			display: inline-block;
			padding: 20px 0 10px 0;
			border-bottom: 4px solid #fff;
		}
		#eng_cotacao .d_flex {
			margin: 20px 40px;
			border-bottom: 1px solid var(--cinza);
		}
			#eng_cotacao .d_flex p {
				padding-bottom: 20px;
			}
			#eng_cotacao .d_flex p:first-child {
				margin-left: 0px;
			}
			#eng_cotacao .d_flex p:last-child {
				margin-right: 0px;
			}
#eng_horoscopo {
	width: 100%;
}
	#eng_horoscopo .horoscopo {
		padding: 10px 10px 0 10px;
	}
	#eng_horoscopo .horoscopo .botao {display:none;}

#nossos_colunistas #eng_slide_colunistas {
	width: 100%;
	list-style: none;
	display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    flex-direction: row;
}
	#nossos_colunistas #eng_slide_colunistas .colunista {margin-left:0px; margin-right: auto; text-align: center;}
	.colunista a img {
		border-radius: 40px;
	}
	#nossos_colunistas #eng_slide_colunistas .colunista img {
		max-width: 80%;
	}
	
	#nossos_colunistas #eng_slide_colunistas p {
		padding: 0 15%;
	}

	.info_scroll {
		display: flex;
	} 
	.info_scroll.center {

	}
		.info_scroll.center p {margin-left: 0px;}
		.info_scroll.center img {margin-right: 10px;}
#eng_comunidade_wpp {
	width: 100%;
	float: left;
	background-size: auto 100%;
	background-position: left;
	background-repeat: no-repeat;
}
#eng_comunidade_wpp .d_flex p { margin-right: 10px; }

#footer {
	padding: 0 0 40px 0;
	background-color: var(--branco);
}
	#footer div.borda_rodape {
		border-top: 2px solid var(--cinza_claro);
	}
		#footer div.pagina .border_top {
			border-top: 2px solid var(--amarelo);
			position: relative;
			top: -2px;
		}

		nav.rodape {
			width: 100%;
			text-align: left;
		}
			nav.rodape ul {
				padding: 0px;
				margin: 0px;
				text-align: left;
				display: inline-block;
			}

				nav.rodape ul li {
					display: block;
					position: relative;
					border: 0px none;
					padding: 10px 0;
					opacity: 1;
					-webkit-transition: all 0.2s ease-out;
					-moz-transition: all 0.2s ease-out;
					-ms-transition: all 0.2s ease-out;
					-o-transition: all 0.2s ease-out;
					transition: all 0.2s ease-out;
				}

					nav.rodape ul li a {
						width: 100%;
						font-weight: 700;
						font-size: 16px;
						color: var(--verde);
						text-align: left;
						text-decoration: none;
						display: block;
						-webkit-transition: all 0.2s ease-out;
						-moz-transition: all 0.2s ease-out;
						-ms-transition: all 0.2s ease-out;
						-o-transition: all 0.2s ease-out;
						transition: all 0.2s ease-out;
						opacity: 1;
					}
					nav.rodape ul li a:hover,  nav.rodape ul li.current-menu-item a, nav.rodape ul li:hover, nav.rodape ul li.ativo, nav.rodape ul li:hover, nav.rodape ul li.current-menu-item {
						color: var(--amarelo);
						-webkit-transition: all 0.2s ease-in;
						-moz-transition: all 0.2s ease-in;
						-ms-transition: all 0.2s ease-in;
						-o-transition: all 0.2s ease-in;
						transition: all 0.2s ease-in;
					}

					nav.rodape ul li.submenu_noticias > a:after {
						content: url('img/arrow_2.svg');
						position: absolute;
						right: 0px;
						top: 53%;
						transform: translateY(-50%);
						transition: transform 0.3s ease;
					}
						nav.rodape ul li.submenu_noticias > a.ativo:after {
							transform: translateY(-50%) rotate(180deg);
						}
					
					nav.rodape ul li.submenu_noticias > ul {
						display: none;
						position: absolute;
						bottom: 100%;
						left: -20px;
						width: 300px;
						background-color: var(--verde);
						border-radius: 0 0 10px 10px;
						padding: 20px;
						text-align: left;
					}
						nav.rodape ul li.submenu_noticias > ul li {
							display: block;
							text-align: left;
							padding: 0px;
							border-bottom: 1px solid var(--cinza_medio);
						}
							nav.rodape ul li.submenu_noticias > ul li a {
								display: table-cell;
								padding: 10px 20px;
								border-bottom: 1px solid var(--cinza_medio);
								color: var(--branco);
								font-size: 16px;
								font-weight: 400;
							}
								nav.rodape ul li.submenu_noticias > ul li a:hover {color: var(--amarelo);border-bottom: 1px solid var(--amarelo); }
								nav.rodape ul li.submenu_noticias > ul li:hover { border-bottom: 1px solid var(--amarelo); }
		nav.uteis {
			width: 100%;
			text-align: left;
		}
			nav.uteis ul {
				list-style: none;
				display: flex;
                justify-content: space-around;
                align-content: space-around;
                align-items: center;
                flex-wrap: wrap;
				padding: 0;
				margin: 0;
			}
				nav.uteis ul li {
					padding: 10px 0;
					margin: 0;
				}
				nav.uteis ul li:first-child {
					padding-left: 0;
					margin-left: 0;
				}
				nav.uteis ul li:last-child {
					padding-right: 0;
					margin-right: 0;
				}
					nav.uteis ul li a {
						font-size: 14px;
						color: var(--verde);
						text-align: left;
						text-decoration: none;
						display: inline-block;
						-webkit-transition: all 0.2s ease-out;
						-moz-transition: all 0.2s ease-out;
						-ms-transition: all 0.2s ease-out;
						-o-transition: all 0.2s ease-out;
						transition: all 0.2s ease-out;
						opacity: 1;
					}
						nav.uteis ul li a:hover {
							color: var(--amarelo);
							-webkit-transition: all 0.2s ease-in;
							-moz-transition: all 0.2s ease-in;
							-ms-transition: all 0.2s ease-in;
							-o-transition: all 0.2s ease-in;
							transition: all 0.2s ease-in;
						}

	.redes_sociais {
		display: flex;
		list-style: none;
		flex-direction: row;
		flex-wrap: nowrap;
	}
        header .redes_sociais {justify-content: space-between;}
        ul.compartilhar li a img { filter: brightness(0.4); }
	.redes_sociais.contato {}

	.redes_sociais li {
		margin-left: 0px;
		margin-right: 5px;
	}

	.redes_sociais li.telefone {
		display: inline-flex;
		margin-right: 20px;
		flex-wrap: wrap;
    	align-content: center;
    	justify-content: center;
    	align-items: center;
	}
		.redes_sociais li.telefone img {
			margin-right: 10px;
		}

		.redes_sociais li:last-child {margin-right: 0;}

		.redes_sociais li a:hover img {
			opacity: 0.8;
		}

/* PAGINAS */

html :where(div[id^="attachment_"]) {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

.texto_construtor {position:relative;display:block;}
.texto_construtor h1, .texto_construtor p h1 {color:var(--cinza); font-weight: 700; font-size: 30px; padding: 20px 0 10px 0;}
.texto_construtor h2, .texto_construtor p h2 {color:var(--amarelo); font-weight: 700; font-size: 20px; padding: 10px 0;}
.texto_construtor h3, .texto_construtor p h3 {color:var(--cinza); font-weight: 700; font-size: 18px; padding: 10px 0;}
.texto_construtor h4, .texto_construtor p h4,
.texto_construtor h5, .texto_construtor p h5 {color:var(--cinza); font-weight: 700; font-size: 16px; padding: 10px 0;}
.texto_construtor p, .texto_construtor li {color:var(--cinza); font-weight: 400; font-size: 16px; padding-bottom: 10px; line-height: 30px;}
.texto_construtor a, .texto_construtor p a, .texto_construtor li a {color:var(--amarelo); text-decoration: none; font-weight: 400; font-size: 16px; padding-bottom: 10px; line-height: 30px;}
.texto_construtor a:hover, .texto_construtor p a:hover, .texto_construtor li a:hover {color:var(--cinza); text-decoration: underline; font-weight: 400; font-size: 16px; padding-bottom: 10px; line-height: 30px;}
.texto_construtor p b, .texto_construtor p strong {color:var(--cinza); font-weight: 700; font-size: 16px;}
.texto_construtor ul, .texto_construtor ol { padding: 10px 0px 10px 20px; }
.texto_construtor ul li, .texto_construtor ol li { padding: 0 0 20px 0; }
.texto_construtor img,
.texto_construtor div,
.texto_construtor .wp-caption,
.texto_construtor .wp-caption img,
.texto_construtor * img,
.texto_construtor * div,
.texto_construtor p { width: 100% !important; max-width:100% !important; height: auto; }
.texto_construtor * {max-width:100% !important}
.texto_construtor blockquote { padding:30px;border-left: 3px solid #ccc;border-radius: 0 20px 20px 0;background-color:#f9f9f9;margin:30px 0; position:relative; }
.texto_construtor blockquote p::after { content '\"'; display:block; position: absolute; top:20px;left:20px;}
.texto_construtor iframe,
.texto_construtor p iframe,
.texto_construtor * iframe {max-width:100% !important;min-height:350px}
.texto_construtor_bold p {color:var(--cinza); font-weight: 700; font-size: 15px; padding-bottom: 10px; line-height: 25px;}

iframe {max-width:100% !important;}

#barra_autor {height: auto;}
#barra_autor .bg_verde {border-radius: 0 0 10px 10px;}
#barra_autor .d_flex {align-items: center;}
    #barra_autor .d_flex .img { margin-left: 0px; }
#barra_autor .d_flex .info p.data_celular {display: none;}
#barra_autor .eng_img {position: relative;overflow: hidden;width: 100%;height: 150px;border-radius: 10px;}
#barra_autor .img_author {max-width: 100%;height:auto;}

#barra_classificados .eng_img {position: relative;overflow: hidden;width: 100px;height: 100px;border-radius: 50%;}
#barra_classificados .img_author {max-width: 100%;height:auto;}


.lista_cidades {
	list-style: none;
	width: 100%;
}
	.lista_cidades li {
		text-align: left;
		border-bottom: 1px solid var(--cinza);
	}
		.lista_cidades li::after {
			content: '';
			display: block;
			width: 20%;
			height: 2px;
			margin: 0px;
			background-color: var(--amarelo);
			padding: 0px;
			position: relative;
			bottom: -1px;
		}
		.lista_cidades li a {
			width: 100%;
			display: block;
			padding: 10px 0px;
			font-weight: 700;
			font-size: 18px;
			color: var(--amarelo);
		}
			.lista_cidades li a:hover {
				color: var(--verde);
			}
			
#eng_elenco .d_flex {flex-wrap: wrap;align-items: flex-start;justify-content: center;}
	#eng_elenco .elenco {text-align: center;}
		#eng_elenco .elenco img {max-width: 60%;border-radius: 50%;}

.wp-pagenavi {width: 100%;}
.wp-pagenavi a, .wp-pagenavi a.page, .wp-pagenavi span, .wp-pagenavi span.current, .wp-pagenavi a.page:hover, .wp-pagenavi a.nextpostlink, .wp-pagenavi a.last, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.first { display: inline-block; border: 0px none !important;margin: 5px; padding: 5px 10px; border-radius: 5px;font-size: 20px;}
.wp-pagenavi a.page, .wp-pagenavi a.nextpostlink, .wp-pagenavi a.last, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.first { background-color: var(--verde); color: var(--branco); }
.wp-pagenavi span.current, .wp-pagenavi a.page:hover, .wp-pagenavi a.nextpostlink:hover, .wp-pagenavi a.last:hover, .wp-pagenavi a.previouspostslink:hover, .wp-pagenavi a.first:hover {  background-color: var(--amarelo); color: var(--branco); }

#eng_form_contato {
	width: 100%;
	border-radius: 20px;
	display: table;
}
	#eng_form_contato .border_bottom {margin-left: 0px;}

	#eng_form_contato form label {
		font-size: 14px;
		font-weight: 700;
		color: var(--cinza);
	}
	#eng_form_contato form .d_flex {

	}
		#eng_form_contato form .d_flex p.ta_left {
			margin-left: 0px;
		}
		#eng_form_contato form .d_flex p:not(.ta_left) {
			margin-left: 20px;
			margin-right: 0px;
			text-align: right;
		}
		.wpcf7-spinner {
			position: absolute !important;
			left: -35px;
			margin: 0px !important;
			padding: 0px !important;
		}
		.eng_checkbox p {
			margin-left: -10px;
		}
		.eng_checkbox .wpcf7-not-valid-tip {
			margin-left: 10px;
		}
		.wpcf7-checkbox {
			display: block;
			margin-bottom: 20px;
		}
		.anuncie.d_flex img {
			margin-left: 0px;
			margin-right: 10px;
		}
		.anuncie.d_flex p {
			margin-left: 0px;
		}

.eng_pagina.contato .d_flex .endereco {
	margin-left: 0px;
	margin-right: 5%;
	width: 16%;
}
	.eng_pagina.contato .d_flex .endereco .border_bottom {margin-left: 0px;}
.eng_pagina.contato .d_flex .endereco:last-child {
	margin-right: 0px;
}
#chamada_anuncie_aqui {
	border-radius: 20px;
	background-image: url(img/bg_chamada_anuncie_aqui.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
	#chamada_anuncie_aqui .d_flex {
		padding: 0px; margin: 0px;
		flex-direction: row;
    	flex-wrap: nowrap;
    	align-content: center;
    	justify-content: center;
    	align-items: center;
	}
		#chamada_anuncie_aqui .d_flex .img_logo {margin-left: 40px; margin-right: 20px;}
		#chamada_anuncie_aqui .d_flex .texto {width: 50%; margin-left: 0px; margin-right: 40px;}
		#chamada_anuncie_aqui .d_flex .img_foguete {margin-right: 0px;}

#diferenciais_anuncio {
	border-radius: 15px;
	padding: 30px;
}
	#diferenciais_anuncio .d_flex .icone {
		margin-left: 0px;
		margin-right: 20px;
	}
	#diferenciais_anuncio .d_flex .texto {
		margin-left: 0px;
	}
		#diferenciais_anuncio .d_flex .texto .border_bottom {margin-left: 0px;}
		#diferenciais_anuncio .d_flex .texto .border_bottom .e_10 {
			border-bottom: 1px solid var(--cinza);
		}

/* CLASSIFICADOS */
#categoriaClassificadoSelect {
    padding: 15px 40px 15px 20px;
    background-color: black;
    color: white;
    -webkit-appearance: none; /* Remove o estilo padrão do Chrome e Safari */
    -moz-appearance: none;    /* Remove o estilo padrão do Firefox */
    appearance: none;         /* Remove o estilo padrão para os navegadores que suportam */
    background-image: url('img/arrow_2.svg');
    background-repeat: no-repeat;
    background-position: right 10px center;
    border: none; /* Você pode adicionar uma borda se quiser */
}

/* Estilização para o ícone do select para Webkit browsers como Chrome e Safari */
#categoriaClassificadoSelect::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0); /* Torna o ícone padrão invisível */
    background: none; /* Remove qualquer fundo padrão */
    z-index: 1; /* Coloca o ícone acima do texto */
}

/* Cor do texto dentro do select para IE */
#categoriaClassificadoSelect:-ms-expand {
    color: white;
}

/* Cor do placeholder para navegadores que suportam */
#categoriaClassificadoSelect::placeholder {
    color: white;
    opacity: 1; /* Firefox */
}

.input-wrapper {
    position: relative;
    display: inline-block;
    min-width: 120px;
}

.input-wrapper input {
    border-radius: 10px;
    border: 1px solid var(--amarelo);
    padding: 10px 40px 10px 10px;
    /* Adicione mais estilos conforme necessário */
}

.input-wrapper button {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    background-color: var(--amarelo);
    border-radius: 0 10px 10px 0; /* Apenas cantos direitos arredondados */
    cursor: pointer;
    /* Ajuste o tamanho conforme necessário */
    width: 40px; 
    height: 100%;
}

.input-wrapper button img {
    max-width: 100%; /* 80% do tamanho do botão */
    height: 60%;
    /* Centralize a imagem dentro do botão */
    display: block;
    margin: auto;
    filter: brightness(10);
}

.input-wrapper button:hover {
    background-color: black; /* Cor ao passar o mouse */
}

.popup-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
	padding: 40px
}

.popup-content {
    background: transparent;
    padding: 0px;
    position: relative;
}

.close-btn {
    position: absolute;
    top: -30px;
    right: -30px;
    width: 50px;
    height: 50px;
    background-color: var(--verde);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    transform-origin: center;
}

.close-btn::before {
    content: '\00d7';
    font-size: 40px;
    font-weight: bold;
    color: var(--amarelo);
    line-height: 1;
    display: block;
    position: relative;
    top: -2px;
    left: 0px;
}

.close-btn:hover {
    background-color: var(--amarelo);
    transform: rotate(90deg);
}

.close-btn:hover::before {
    color: var(--verde);
    top: -3px;
    left: 0px;
}



/* form padrão */

form input.input_form, form select.select_form {
	width: 100%;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	background: #FFFFFF;
	border: 0.5px solid var(--cinza);
	border-radius: 10px;
	opacity: 1;
	font-size: 14px;
	font-weight: 300;
	text-align: left;
	outline: none;
	color: var(--cinza);
}
form textarea {
	width: 100%;
	height: 150px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	background: #FFFFFF;
	border: 0.5px solid var(--cinza);
	border-radius: 10px;
	opacity: 1;
	font-size: 14px;
	font-weight: 300;
	text-align: left;
	outline: none;
	color: var(--cinza);
	resize: none;
}


form input:focus, form textarea:focus {
	background: #FFFFFF;
	border: 1px solid var(--cinza);
	outline: none
}

form input:focus::-webkit-input-placeholder, form textarea:focus::-webkit-input-placeholder {
	color: var(--cinza);
}
form input:focus:-moz-placeholder, form textarea:focus:-moz-placeholder {
	color: var(--cinza);
}
form input:focus::-moz-placeholder, form textarea:focus::-moz-placeholder {
	color: var(--cinza);
}
form input:focus:-ms-input-placeholder, form textarea:focus:-ms-input-placeholder {
	color: var(--cinza);
}
form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: var(--cinza);
}
form input:-moz-placeholder, form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: var(--cinza);
}
form input::-moz-placeholder, form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: var(--cinza);
}
form input:-ms-input-placeholder, form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: var(--cinza);
}

#formulario_registro {
    padding:40px;
    border-radius:20px;
}

.wpcf7-form p {position: relative;}

.bt_verde, .bt_verde:visited, .bt_verde:focus, .bt_verde:active, .bt_verde:focus-within, .bt_verde:focus-visible {
	display: inline-block;
	text-align: center;
	border-radius: 0px;
	border: 0px;
	font-size: 14px;
	padding: 15px 30px;
	color: var(--branco);
	background-color: var(--verde);
	font-weight: bold;
}
	.bt_verde:hover { color: var(--verde); background-color: var(--amarelo);}

.bt_verde_classificado, .bt_verde_classificado:visited, .bt_verde_classificado:focus, .bt_verde_classificado:active, .bt_verde_classificado:focus-within, .bt_verde_classificado:focus-visible {
	display: inline-block;
	text-align: center;
	border-radius: 10px;
	border: 0px;
	font-size: 14px;
	padding: 15px 30px;
	color: var(--branco);
	background-color: var(--verde);
	font-weight: bold;
}
	.bt_verde_classificado:hover { color: var(--branco); background-color: var(--amarelo);}

.bt_amarelo, .bt_amarelo:visited, .bt_amarelo:focus, .bt_amarelo:active, .bt_amarelo:focus-within, .bt_amarelo:focus-visible {
	display: inline-block;
	text-align: center;
	border: 0px;
	font-size: 14px;
	border-radius: 10px;
	padding: 10px 20px;
	color: var(--branco);
	background-color: var(--amarelo);
	position: relative;
	font-weight: bold;
}
	.bt_amarelo img {filter: brightness(10);}
	.bt_amarelo span { color: var(--branco); }

		.bt_amarelo:hover { color: var(--verde); background-color: var(--branco);}
		.bt_amarelo.bt_form:hover { color: var(--branco); background-color: var(--verde);}
		.bt_amarelo:hover span { color: var(--verde); }
		.bt_amarelo:hover img { filter: brightness(0);}
		
.bt_amarelo_classificado, .bt_amarelo_classificado:visited, .bt_amarelo_classificado:focus, .bt_amarelo_classificado:active, .bt_amarelo_classificado:focus-within, .bt_amarelo_classificado:focus-visible {
	display: flex;
	flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
	text-align: center;
	border: 0px;
	font-size: 14px;
	border-radius: 10px;
	padding: 10px 20px;
	color: var(--branco);
	background-color: var(--amarelo);
	position: relative;
	font-weight: bold;
}
	.bt_amarelo_classificado img {filter: brightness(10); margin-left:5px;margin-right:0px;}
	.bt_amarelo_classificado span { padding-left:20%; margin-left:0px; color: var(--branco); }

		.bt_amarelo_classificado:hover { color: var(--branco); background-color: var(--verde);}
		.bt_amarelo_classificado:hover span { color: var(--branco); }

.bt_branco, .bt_branco:visited, .bt_branco:focus, .bt_branco:active, .bt_branco:focus-within, .bt_branco:focus-visible {
	display: inline-block;
	text-align: center;
	border-radius: 20px;
	border: 0px;
	font-size: 14px;
	padding: 10px 30px;
	color: var(--verde);
	background-color: var(--branco);
	font-weight: bold;
}
	.bt_branco:hover { color: var(--branco); background-color: var(--verdinho);}


.bt_amarelo_vazado, .bt_amarelo_vazado:visited, .bt_amarelo_vazado:focus, .bt_amarelo_vazado:active, .bt_amarelo_vazado:focus-within, .bt_amarelo_vazado:focus-visible {
	display: inline-block;
	text-align: center;
	font-size: 14px;
	border-radius: 20px;
	border: 1px solid var(--amarelo);
	padding: 10px 20px;
	color: var(--amarelo);
	background-color: transparent;
	position: relative;
	font-weight: bold;
}
	.bt_amarelo_vazado:hover { color: var(--branco); background-color: var(--amarelo);}


.ff_thin { font-weight: 100 }
.ff_light { font-weight: 300 }
.ff_regular { font-weight: 400 }
.ff_bold { font-weight: 700 }
.ff_black { font-weight: 900 }

.fs_10 { font-size: 10px }
.fs_12 { font-size: 14px }
.fs_14 { font-size: 14px }
.fs_15 { font-size: 15px }
.fs_16 { font-size: 16px }
.fs_18 { font-size: 18px }
.fs_20 { font-size: 20px }
.fs_22 { font-size: 22px }
.fs_25 { font-size: 25px }
.fs_30 { font-size: 30px }
.fs_35 { font-size: 35px }
.fs_40 { font-size: 40px }
.fs_60 { font-size: 60px }
.fs_100 { font-size: 100px }

.lh_25 { line-height: 25px; }
.lh_30 { line-height: 30px; }
.lh_40 { line-height: 40px; }
.lh_80 { line-height: 80px; }
.lh_100 { line-height: 100px; }

.tc_amarelo { color: var(--amarelo) }
.tc_verde { color: var(--verde) }
.tc_vermelho { color: var(--vermelho) }
.tc_branco { color: var(--branco) }
.tc_branquinho { color: var(--branquinho) }
.tc_cinza { color: var(--cinza) }
.tc_cinza_claro { color: var(--cinza_claro) }
.tc_cinza_medio { color: var(--cinza_medio) }
.tc_cinza_escuro { color: var(--cinza_escuro) }
.tc_verde { color: #13762A }


a.tc_verde:hover { color: var(--amarelo) }

.ta_right { text-align: right }
.ta_center { text-align: center }
.ta_left { text-align: left }
.ta_justify {text-align: justify;}

.uppercase {text-transform: uppercase;}

.bg_preto { background-color: #000 }
.bg_verde { background-color: var(--verde) }
.bg_branco { background-color: var(--branco) }
.bg_branquinho { background-color: var(--branquinho) }
.bg_cinza { background-color: var(--cinza) }
.bg_cinza_claro { background-color: var(--cinza_claro) }
.bg_amarelo { background-color: var(--amarelo) }

.img_round { border-radius: 50% }
.border_r_10 {border-radius: 10px;}

.margin_l_0 {margin-left: 0px;}
.margin_l_20 {margin-left: 20px;}
.margin_r_0 {margin-right: 0px;}
.margin_r_10 {margin-right: 10px;}
.margin_r_20 {margin-right: 20px;}

.d_flex { display: flex }
.d_table { display: table }
.d_none { display: none }

.flex_wrap { flex-wrap: wrap;}

.align_itens_center {align-items: center;}

.v_hidden { visibility: hidden }
.overflow_hidden { overflow: hidden }

.p_relative { position: relative }
.p_absolute { position: absolute }

.fl_left { float: left }
.fl_right { float: right }

.text_indent { text-indent: -2px;}

.pagina-fluida, .full { width: 100% }

.clear {
	clear: both;
}
.e_5 {
	width: 100%;
	height: 5px;
	clear: both;
}
.e_10 {
	width: 100%;
	height: 10px;
	clear: both;
}
.e_15 {
	width: 100%;
	height: 15px;
	clear: both;
}
.e_20 {
	width: 100%;
	height: 20px;
	clear: both;
}
.e_30 {
	width: 100%;
	height: 30px;
	clear: both;
}
.e_40 {
	width: 100%;
	height: 40px;
	clear: both;
}
.e_50 {
	width: 100%;
	height: 50px;
	clear: both;
}
.e_55 {
	width: 100%;
	height: 55px;
	clear: both;
}
.e_56 {
	width: 100%;
	height: 56px;
	clear: both;
}
.e_57 {
	width: 100%;
	height: 57px;
	clear: both;
}
.e_80 {
	width: 100%;
	height: 80px;
	clear: both;
}
.e_100 {
	width: 100%;
	height: 100px;
	clear: both;
}
.e_125 {
	width: 100%;
	height: 125px;
	clear: both;
}
.e_150 {
	width: 100%;
	height: 150px;
	clear: both;
}
.e_200 {
	width: 100%;
	height: 200px;
	clear: both;
}  
.e_300 {
	width: 100%;
	height: 300px;
	clear: both;
}   


.p_e_b {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.p_e_b:hover {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.anima, .anima img {
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.anima:hover, .anima:hover img {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.form_status_success {
	color:#4cff5a;
	font-size: 10px;
	font-weight: 400;
	text-align: center;
  }
.form_status_error {
	color:#3a3a3a;
	font-size: 10px;
	font-weight: 400;
	text-align: center;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border: 0px;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	top: 20px;
	color: #be0d0d;
	font-weight: bold;
	margin-left: 10px;
}
.wpcf7-not-valid-tip { position: relative; top: -15px; font-size: 12px !important; color: #be0d0d !important; font-weight: normal !important; }

/* MENU */
@media (max-width:1049px) {
	header {
		position: relative;
		z-index: 99999;
		padding: 0px 0 0 0;
	}
	header #submenu_mobile {display: block;}
	header.fixo {
		position: relative !important;
	}
	header.fixo .logo {
		position: relative;
		left: 0px;
		width: 73%;
	}
	header.logado { top:0px}
	.espaco_menu { display: none}	
	.toggle_menu { float: right;}
	.logo { max-width: 50%; margin: 20px auto; }

	div#menu_mobile {
		display: block;
		float: right;
	}
	nav.desktop {
		display: none;
	}
	.celular {
		display: block;
	}
	.desktop {
		display: none;
	}
	nav.mobile {
		width: 100%;
		display: none;
		border-top: 1px solid var(--amarelo);
		position: absolute;
    	left: 0px;
	}
		nav.mobile ul {
			width: 100%;
			background: var(--verde);
			border-radius: 0 0 10px 10px;
			padding: 10px 0;
		}
			nav.mobile ul li {
				width: 100%;
				height: 50px;
				display:table;
				text-align: center;
			}
				nav.mobile ul li a {
					text-align: center;
					text-decoration: none;
					font-weight: 700;
					font-size: 18px;
					color: #fff;
					text-transform: uppercase;
					display: table-cell;
					vertical-align: middle;
					width: 100%;
					height: 100%;
				}
					nav.mobile ul li:not(.submenu_noticias) a:hover, nav.mobile ul li:not(.submenu_noticias):hover a, nav.mobile ul li:not(.submenu_noticias).current-menu-item a {
						background: var(--amarelo);
					}
					.hamburger {
						display: inline-block;
						cursor: pointer;
					}

						.bar1, .bar2, .bar3 {
							width: 35px;
							height: 5px;
							background-color: var(--amarelo);
							margin: 6px 0;
							transition: 0.4s;
						}
							.change .bar1 {
								transform: rotate(-45deg) translate(-9px, 6px);
							}
							.change .bar2 {
								opacity: 0;
							}

							.change .bar3 {
								transform: rotate(45deg) translate(-8px, -8px);
							}
			nav.mobile ul li.submenu_noticias > a:after {
				content: url('img/arrow_2.svg');
				position: absolute;
				top: 30px;
				margin-left: 10px;
				transform: translateY(-50%);
				transition: transform 0.3s ease;
			}
				nav.mobile ul li.submenu_noticias > a.ativo:after {
					transform: translateY(-50%) rotate(180deg);
				}
				nav.mobile ul li.submenu_noticias > *:first-child {
					display: block;
					padding: 10px;
				}				
			
				nav.mobile ul li.submenu_noticias > ul {
					display: none;
					position: relative;
					width: 100%;
					border-radius: 0;
					text-align: center;
				}
				nav.mobile ul li.submenu_noticias > ul li {
						display: block;
						width: 100%; height: auto;
						text-align: center;
					}
					nav.mobile ul li.submenu_noticias > ul li a {
							display: inline-block;
							padding: 10px 20px;
							border-bottom: 1px solid #8383836b;
							color: var(--branco);
							font-size: 12px;
							font-weight: 400;
							width: 70%;
    						height: auto;
						}
						nav.mobile ul li.submenu_noticias > ul li a:hover {color: var(--verde); }
						
		.redes_sociais {
			justify-content: center;
			align-items: center;
		}


}

@media (min-width:1050px) {
	div#menu_mobile {
		display: none;
	}
	

	.celular {
		display: none;
	}
	.desktop {
		display: block;
	}
		nav.mobile {
			display: none;
		}
		nav.desktop {
			width: 100%;
			text-align: right;
		}
			nav.desktop ul {
				padding:  15px 0px;
				margin: 0px;
				text-align: right;
				display: flex;
				align-items: center;
			}

				nav.desktop ul li {
					display: inline-block;
					position: relative;
					border: 0px none;
					opacity: 1;
					-webkit-transition: all 0.2s ease-out;
					-moz-transition: all 0.2s ease-out;
					-ms-transition: all 0.2s ease-out;
					-o-transition: all 0.2s ease-out;
					transition: all 0.2s ease-out;
				}

					nav.desktop ul li:first-child {margin-left:0px;margin-right: 30px;}
					nav.desktop ul li:last-child {margin-right:0px;}

					nav.desktop ul li a {
						width: 100%;
						height: 100%;
						font-weight: 700;
						font-size: 16px;
						color: var(--branco);
						text-align: center;
						text-decoration: none;
						display: block;
						-webkit-transition: all 0.2s ease-out;
						-moz-transition: all 0.2s ease-out;
						-ms-transition: all 0.2s ease-out;
						-o-transition: all 0.2s ease-out;
						transition: all 0.2s ease-out;
						opacity: 1;
					}
					nav.desktop ul li a:hover,  nav.desktop ul li.current-menu-item a, nav.desktop ul li:hover, nav.desktop ul li.ativo, nav.desktop ul li:hover, nav.desktop ul li.current-menu-item {
						color: var(--amarelo);
						-webkit-transition: all 0.2s ease-in;
						-moz-transition: all 0.2s ease-in;
						-ms-transition: all 0.2s ease-in;
						-o-transition: all 0.2s ease-in;
						transition: all 0.2s ease-in;
					}

					nav.desktop ul li.submenu_noticias > a:after {
						content: url('img/arrow_2.svg');
						position: absolute;
						right: -20px;
						top: 53%;
						transform: translateY(-50%);
						transition: transform 0.3s ease;
					}
						nav.desktop ul li.submenu_noticias > a.ativo:after {
							transform: translateY(-50%) rotate(180deg);
						}
					
					nav.desktop ul li.submenu_noticias > ul {
						display: none;
						position: absolute;
						top: 100%;
						left: -20px;
						width: 300px;
						background-color: var(--verde);
						border-radius: 0 0 10px 10px;
						padding: 20px;
						text-align: left;
					}
						nav.desktop ul li.submenu_noticias > ul li {
							display: block;
							text-align: left;
							border-bottom: 1px solid var(--cinza_medio);
						}
							nav.desktop ul li.submenu_noticias > ul li a {
								display: table-cell;
								padding: 10px 20px;
								border-bottom: 1px solid var(--cinza_medio);
								color: var(--branco);
								font-size: 16px;
								font-weight: 400;
							}
								nav.desktop ul li.submenu_noticias > ul li a:hover {color: var(--amarelo);border-bottom: 1px solid var(--amarelo); }
								nav.desktop ul li.submenu_noticias > ul li:hover { border-bottom: 1px solid var(--amarelo); }
                    header.fixo nav.desktop ul {
                        padding: 25px 0;
                    }

}

@media (max-width: 769px) {
	.ta_left, .ta_right {text-align: center;}
	.fs_40 { font-size: 25px;}
	.lh_40 { line-height: 30px; }
	.redes_sociais {
		justify-content: center;
		align-items: center;
	}

}

@media (min-width: 1024px) and (max-width: 1029px) {
	nav.desktop ul li {
		padding: 0 8px;
	}
		nav.desktop ul li a {
			font-size: 16px;
		}
}

@media (max-width:1049px) {
	header #submenu_mobile {display:block;}
	header #submenu_mobile .d_flex {align-items: center;}
	header #submenu_mobile .d_flex .anuncie {margin-left: 0px; align-items: center;}
	header #submenu_mobile .d_flex .anuncie img {margin-left: 0px; margin-right: 10px;}
	header #submenu_mobile .d_flex .anuncie p {margin-left: 5px;}
	header #submenu_mobile .d_flex .eng_redes {margin-right: 0px;}
	header #submenu_mobile .d_flex .eng_redes img {filter: invert(1);}

	.eng_seleciona_cidades, .eng_topo_menu {display: none;}
	#noticia_urgente .d_flex.full {flex-direction: column;}
	#noticia_urgente h1, #noticia_urgente p {text-align: center;}
	#noticia_urgente .eng_imagens .d_flex {flex-direction: row; align-items: center;width: 100%;}
	#noticia_urgente .eng_imagens .d_flex .img_urgente {margin-left: 0px;}
	#noticia_urgente .eng_imagens .d_flex .img_insta {margin-right: 0px;}
	.eng_slideshow_destaques #slideshow_destaques .destaque .info {padding: 0px 14%;}
	.eng_slideshow_destaques #slideshow_destaques .destaque .info h1.fs_30 {text-align: center;font-size: 20px;}
	.slick-prev {left: 0px;}
	.slick-next {right: 0px;}
	footer .celular .fs_18 {font-size: 12px;}
	footer .celular .redes_sociais, footer .celular p {text-align: right; justify-content: end;}
	footer .celular .telefone {flex-direction: row;flex-wrap: wrap;align-content: flex-end;justify-content: flex-end;align-items: center;}
	footer .celular .telefone img {margin-right:10px;}
	footer .celular .telefone span {margin-right: 0px; margin-left: 10px;}
	footer .celular .telefone .fs_18 {font-size: 17px;}
	footer .celular .creditos {text-align: right;}
	nav.uteis ul li a {text-align: right !important;}
	#eng_comunidade_wpp {
		background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),  url('img/bg_comunidade_celular.png') !important;
		padding: 0 20px;
	}
	#eng_comunidade_wpp .d_flex:not(a) {flex-direction: column; margin: 0 auto;}
	#eng_comunidade_wpp a.d_flex { margin: 0 auto;}
	#eng_comunidade_wpp h1, #eng_comunidade_wpp p {text-align: center;}
	#eng_enderecos .d_flex {flex-direction: row; flex-wrap: wrap}
	#eng_enderecos .d_flex .endereco {width: 40%;margin-bottom: 40px;}
	.eng_pagina.contato .d_flex .endereco:nth-child(odd) {margin-right: auto;}
	#eng_enderecos .d_flex .endereco:nth-child(even) {
		margin-right: 0px;
		margin-left: 5%;
	}
	.redes_sociais.contato, .redes_sociais.compartilhar {
		justify-content: left;
	}
	#chamada_anuncie_aqui .d_flex .img_logo {margin: 20px 0 20px 5%;max-width: 35%;}
	#chamada_anuncie_aqui .d_flex .img_logo img {width:100%; height: auto;}
	#chamada_anuncie_aqui .d_flex .texto.celular {width: 100%; margin-left: 0px; margin-right: 0px;}
	#chamada_anuncie_aqui .d_flex .img_foguete {max-width: 60%; margin-right: 0px;}
	#chamada_anuncie_aqui .d_flex {flex-wrap: wrap;}

	#barra_autor .d_flex {flex-wrap: wrap;}
	#barra_autor .d_flex .link {padding-left: 50%;}
	#barra_autor .d_flex .info p span.data {display: none;}
	#barra_autor .d_flex .info p.data_celular {display: block;}
}

@media (min-width: 1050px) and (max-width: 1299px) {
	header .data_hora {display: none;}
	header .barra_busca {margin-left: 0px;}
	header .esp_logo {width: 100%;height: 10px;}
	header .logo {width: 100%;}
	header .eng_seleciona_cidades {display: none;}
	header .topo_menu .eng_seleciona_cidade_topo_menu {display: flex; align-items: center; margin-left: 0px;}
	header .eng_seleciona_cidade_topo_menu .e_40 {display: none;}
	header .eng_seleciona_cidade_topo_menu p {margin: 0 10px 0 0;}
	#noticia_urgente .fs_30 { font-size: 25px;}
	#mais_noticias .fs_20 {font-size: 15px;}
	#eng_comunidade_wpp .fs_35 {font-size: 31px;}
	
}


@media (max-width: 769px) {
    #barra_categorias_busca .d_flex {justify-content: center;align-content: center;align-items: center;}
    #barra_categorias_busca .d_flex > div {margin-bottom:20px;width:100%;text-align:center;}
    #barra_categorias_busca .d_flex div p {text-align:center;}
    #barra_categorias_busca .d_flex > div:nth-child(1) {margin-left:auto;margin-right:auto;}
    #barra_categorias_busca .d_flex > div:nth-child(2) {margin-right:auto;margin-left:auto;}
    #barra_categorias_busca .d_flex > div:nth-child(3) {display:none;}
    #barra_categorias_busca .d_flex > div:nth-child(4) {display:none;}
    #barra_titulo .d_flex > div:nth-child(1) h1, #barra_titulo .d_flex > div:nth-child(1) p {text-align:center;}
    #barra_titulo .d_flex > div:nth-child(2) {margin:20px auto 0px auto;}
}

@media (min-width: 770px) and (max-width: 1049px) {
    #barra_categorias_busca .d_flex {justify-content: center;align-content: center;align-items: center;}
    #barra_categorias_busca .d_flex > div {margin-bottom:20px;width:40%;}
    #barra_categorias_busca .d_flex div p {text-align:right;}
    #barra_categorias_busca .d_flex > div:nth-child(1) {margin-left:auto;margin-right:10px;}
    #barra_categorias_busca .d_flex > div:nth-child(2) {margin-right:auto;margin-left:10px;}
    #barra_categorias_busca .d_flex > div:nth-child(3) {margin-left:auto;margin-right:10px;}
    #barra_categorias_busca .d_flex > div:nth-child(4) {margin-right:auto;margin-left:10px;}
    #eng_horoscopo, #previsao_do_tempo {height:333px;}
    #previsao_do_tempo .img {padding:20% 5%;}
    #previsao_do_tempo .img h1.fs_14 {font-size:25px; letter-spacing: 4px; text-shadow: 0px 0px 20px #000000;}
    #previsao_do_tempo .img p.fs_14, #previsao_do_tempo .img span.fs_14 {font-size:16px;}
}

@media (min-width: 1050px) {
    .eng_slideshow_destaques, .eng_slideshow_destaques #slideshow_destaques, .eng_slideshow_destaques #slideshow_destaques .destaque {height: 392px;}
    #eng_horoscopo, #previsao_do_tempo {height:175px;}
    #eng_cotacao {height:182px;}
    #eng_horoscopo {overflow:hidden;}
    #eng_horoscopo .horoscopo {padding:0px;position:relative;height:100%;}
    #eng_horoscopo .horoscopo .botao {position: absolute;bottom: 0px;width: 100%;padding:20px 0;text-align: center;display:block;}
}
@media (min-width: 1050px) and (max-width: 1299px) {
    #eng_cotacao .cabecalho {padding:15px 20px 0 20px;}
    #eng_cotacao .cabecalho p {padding: 0px 0 10px 0;font-size:12px;}
    #eng_cotacao .d_flex {margin: 10px 20px;}
    #eng_cotacao .d_flex p {padding-bottom: 10px;font-size:12px;}
}
@media (min-width: 1300px) {
    .eng_slideshow_destaques, .eng_slideshow_destaques #slideshow_destaques, .eng_slideshow_destaques #slideshow_destaques .destaque {height: 369px;}
    #eng_horoscopo, #previsao_do_tempo {height:224px;}
    #eng_cotacao {height:230px;}
    #eng_horoscopo .horoscopo {padding:0px;}
    #eng_horoscopo {overflow:hidden;}
    #eng_horoscopo .horoscopo .botao {display:none;}
}
@media (min-width: 1300px) and (max-width: 1499px) {
    #eng_cotacao .cabecalho p {padding: 0px 0 10px 0;}
    #eng_cotacao .d_flex {margin: 15px 40px;}
    #eng_cotacao .d_flex p {padding-bottom: 15px;}
}
@media (min-width: 1500px) {
    .eng_slideshow_destaques, .eng_slideshow_destaques #slideshow_destaques, .eng_slideshow_destaques #slideshow_destaques .destaque {height: 430px;}
    #eng_horoscopo, #previsao_do_tempo {height:263px;}
    #eng_cotacao {height:268px;}
}
@media (min-width: 1700px) {
    .eng_slideshow_destaques, .eng_slideshow_destaques #slideshow_destaques, .eng_slideshow_destaques #slideshow_destaques .destaque {height: 475px;}
    #eng_horoscopo, #previsao_do_tempo {height:292px;}
    #eng_cotacao {height:297px;}
}
@media (min-width: 1900px) {
    .eng_slideshow_destaques, .eng_slideshow_destaques #slideshow_destaques, .eng_slideshow_destaques #slideshow_destaques .destaque {height: 550px;}
    #eng_horoscopo, #previsao_do_tempo {height:341px;}
    #eng_cotacao {height:345px;}
}

/* Badge Urgente - Círculo Pulsante + Texto */
.badge_urgente {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 20px;
    background: #dc2626;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(239, 68, 68, 0.3);
    border: 2px solid #dc2626;
}

.circulo_pulsante {
    width: 20px;
    height: 20px;
    background-color: var(--amarelo);
    border-radius: 50%;
    animation: pulsar 1.5s ease-in-out infinite;
    box-shadow: 0 0 0 0 rgba(251, 194, 44, 0.7);
    flex-shrink: 0;
}

.texto_urgente {
    font-size: 40px;
    font-weight: 900;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1;
}

/* Animação de pulsação */
@keyframes pulsar {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(251, 193, 44, 0.7);
    }
    50% {
        transform: scale(1.2);
        box-shadow: 0 0 0 10px rgba(251, 193, 44, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(251, 193, 44, 0);
    }
}

/* Responsividade para mobile */
@media (max-width: 769px) {
    .badge_urgente {
        gap: 10px;
        padding: 15px;
    }

    .circulo_pulsante {
        width: 16px;
        height: 16px;
    }

    .texto_urgente {
        font-size: 18px;
        letter-spacing: 1px;
    }
}