/* =========================================
   AJUSTES DE BANNER, VÍDEOS E GRIDS 
   (Mantidos do seu código original)
========================================= */

/*----- MÁXIMO 475 -----*/
@media (max-width:475px) {

	.midia-footer,
	.dados-footer {
		text-align: center;
	}

	.logo-footer {
		border-right: none;
	}

	.lateral-municipio {
		margin-top: 40px;
	}

	.lateral-municipio img {
		max-width: 90%;
	}

	.primeira-imagem-texto {
		width: 35%;
	}

	#video-home,
	#video-home video {
		height: 220px !important;
	}

	.roteiro-nome {
		height: auto;
	}

	.roteiro p {
		margin-bottom: 0;
	}

	.video-capa {
		width: 100%;
		height: 270px;
		overflow: hidden;
		margin-top: -30px;
	}

	#banner {
		width: 100vw;
		height: 200px;
	}

	#banner .titulo-banner {
		font-size: 24px;
		line-height: 28px;
	}
}

/*----- 476/575 -----*/
@media (min-width: 476px) and (max-width: 575px) {

	.midia-footer,
	.dados-footer {
		text-align: center;
	}

	.logo-footer {
		border-right: none;
	}

	.lateral-municipio {
		margin-top: 40px;
	}

	.lateral-municipio img {
		max-width: 90%;
	}

	.primeira-imagem-texto {
		width: 35%;
	}

	#video-home,
	#video-home video {
		height: 250px !important;
	}

	.roteiro-nome {
		height: auto;
	}

	.roteiro p {
		margin-bottom: 0;
	}

	.video-capa {
		width: 100%;
		height: 310px;
		overflow: hidden;
		margin-top: -30px;
	}

	#banner {
		width: 100vw;
		height: 240px;
	}

	#banner .titulo-banner {
		font-size: 24px;
		line-height: 28px;
	}
}

/*----- 576/767 -----*/
@media (min-width: 576px) and (max-width: 767px) {

	.midia-footer,
	.dados-footer {
		text-align: center;
	}

	.logo-footer {
		border-right: none;
	}

	.lateral-municipio {
		margin-top: 40px;
	}

	.lateral-municipio img {
		max-width: 90%;
	}

	.lista-midia a h4 {
		height: 120px;
	}

	.primeira-imagem-texto {
		width: 35%;
	}

	#video-home,
	#video-home video {
		height: 280px !important;
	}

	.roteiro:last-child,
	.noticia-home:last-child {
		display: none;
	}

	.roteiro-nome {
		padding: 20px;
		height: 120px;
	}

	.roteiro-nome h2 {
		font-size: 22px;
		line-height: 24px;
	}

	.roteiro-nome p {
		display: none;
	}

	.roteiro-foto {
		height: 200px;
	}

	.roteiro-foto img {
		height: 200px;
	}

	.video-capa {
		width: 100%;
		height: 350px;
		overflow: hidden;
		margin-top: -30px;
	}

	#banner {
		width: 100vw;
		height: 280px;
	}

	#banner .titulo-banner {
		font-size: 26px;
		line-height: 30px;
	}
}

/*----- 768/991 -----*/
@media (min-width: 768px) and (max-width: 991px) {
	.midia-footer {
		text-align: center;
	}

	.lateral-municipio {
		margin-top: 40px;
	}

	.lateral-municipio img {
		max-width: 90%;
	}

	.primeira-imagem-texto {
		width: 30%;
	}

	#video-home,
	#video-home video {
		height: 330px !important;
	}

	.roteiro:last-child,
	.noticia-home:last-child {
		display: none;
	}

	.video-capa {
		width: 100%;
		height: 400px;
		overflow: hidden;
		margin-top: -30px;
	}

	#banner {
		width: 100vw;
		height: 40vh;
	}

	#banner .titulo-banner {
		font-size: 32px;
		line-height: 38px;
	}

	.img-enquete {
		width: 325px;
	}
}

/*----- 992/1199 -----*/
@media (min-width: 992px) and (max-width: 1199px) {
	.dynamika-menu-li-root {
		padding-left: 10px;
		padding-right: 10px;
	}

	.midia-footer {
		text-align: center;
	}

	.primeira-imagem-texto {
		width: 30%;
	}

	#video-home,
	#video-home video {
		height: 370px !important;
	}

	.roteiro-nome {
		padding: 20px;
		height: 120px;
	}

	.roteiro-nome h2 {
		font-size: 22px;
		line-height: 24px;
	}

	.roteiro-nome p {
		display: none;
	}

	.roteiro-foto {
		height: 200px;
	}

	.roteiro-foto img {
		height: 200px;
	}

	.video-capa {
		width: 100%;
		height: 430px;
		overflow: hidden;
		margin-top: -30px;
	}

	#banner {
		width: 100vw;
		height: 45vh;
	}

	#banner .titulo-banner {
		font-size: 36px;
		line-height: 42px;
	}

	.img-enquete {
		width: 310px;
	}
}

/*----- 1200/1399 -----*/
@media (min-width: 1200px) and (max-width: 1399px) {
	.dynamika-menu-li-root {
		padding-left: 15px;
		padding-right: 15px;
	}

	.primeira-imagem-texto {
		width: 25%;
	}

	#video-home,
	#video-home video {
		height: 410px !important;
	}

	.roteiro-nome {
		padding: 25px;
		height: 180px;
	}

	.roteiro-foto {
		height: 170px;
	}

	.roteiro-foto img {
		height: 170px;
	}

	.roteiro-nome h2 {
		font-size: 22px;
		line-height: 24px;
	}

	.video-capa {
		width: 100%;
		height: 460px;
		overflow: hidden;
		margin-top: -30px;
	}

	#banner {
		width: 100vw;
		height: 48vh;
	}

	#banner .titulo-banner {
		font-size: 42px;
		line-height: 48px;
	}
}

/*----- 1400/1679 -----*/
@media (min-width: 1400px) and (max-width: 1679px) {
	.lateral-municipio img {
		max-width: 90%;
		height: 90px;
	}

	.primeira-imagem-texto {
		width: 25%;
	}

	#video-home,
	#video-home video {
		height: 450px !important;
	}

	.video-capa {
		width: 100%;
		height: 500px;
		overflow: hidden;
		margin-top: -30px;
	}

	#banner {
		width: 100vw;
		height: 52vh;
	}

	#banner .titulo-banner {
		font-size: 46px;
		line-height: 54px;
	}
}

/*----- 1680/1920 -----*/
@media (min-width: 1680px) and (max-width: 1920px) {
	.lateral-municipio img {
		max-width: 90%;
	}

	.primeira-imagem-texto {
		width: 20%;
	}

	#video-home,
	#video-home video {
		height: 480px !important;
	}

	.video-capa {
		width: 100%;
		height: 550px;
		overflow: hidden;
		margin-top: -30px;
	}

	#banner {
		height: 68vh;
	}
}

/*----- MAIS DE 1920 -----*/
@media (min-width: 1921px) {
	.primeira-imagem-texto {
		width: 20%;
	}

	#video-home,
	#video-home video {
		height: 500px !important;
	}
}

/* =========================================
Ajustes mobile
========================================= */
@media (max-width: 576px) {
	.card-evento-moderno {
		flex-direction: column;
		align-items: flex-start;
		position: relative;
	}

	.pagination li a,
    .pagination li span {
        min-width: 36px;
        height: 36px;
        font-size: 0.85rem;
        border-radius: 10px;
    }
    .pagination {
        gap: 6px;
    }

	.seta-acao {
		position: absolute;
		top: 20px;
		right: 20px;
	}

	.data-badge {
		flex-direction: row;
		align-items: baseline;
		height: auto;
		min-width: 0;
		padding: 5px 15px;
		border-radius: 10px;
		gap: 8px;
	}

	.data-badge .dia {
		font-size: 1.4rem;
	}

	.data-badge .mes {
		font-size: 0.9rem;
	}
}

@media (max-width: 768px) {
	.cta-footer-box {
		padding: 30px 20px;
	}

	.footer-ultra-moderno {
		padding-top: 80px;
	}

	.card-institucional {
		padding: 30px 20px;
		margin-top: -40px;
	}

	.titulo-pagina {
		font-size: 1.8rem;
	}

	.titulo-interno-moderno {
		font-size: 2rem;
	}

	.titulo-global-lg {
		font-size: 1.8rem;
	}
}

@media (max-width: 991px) {
	.section-title-home {
		font-size: 1.8rem;
		text-align: center;
	}

	.card-noticia-destaque {
		height: 350px;
	}

	.item-noticia-linha .foto-redonda {
		width: 100px;
		height: 100px;
	}

	.item-noticia-linha .texto-noticia {
		font-size: 0.9rem;
	}

	.info-box-evento {
		flex-direction: column;
		padding: 20px;
	}

	.info-item {
		width: 100%;
	}
}

/* =========================================
Menu Responsivo
========================================= */

@media (max-width: 768px) {
	.cta-footer-box {
		padding: 30px 20px;
	}

	.footer-ultra-moderno {
		padding-top: 80px;
	}
}

@media (max-width: 991px) {
	#menu {
		display: none;
		margin: 0 !important;
		padding: 0 !important;
		position: relative !important;
		z-index: 1050 !important;
	}

	.dynamika-menu-ul-forest {
		display: flex !important;
		flex-direction: column !important;
		position: absolute !important;
		top: 15px !important;
		right: 0 !important;
		left: auto !important;
		width: 280px !important;
		background-color: #ffffff !important;
		border-radius: 16px !important;
		box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2) !important;
		padding: 10px 0 !important;
		border: 1px solid rgba(0, 0, 0, 0.05);
	}

	.dynamika-menu-li-root {
		width: 100% !important;
		height: auto !important;
		padding: 0 !important;
		text-align: left !important;
		position: relative !important;
		display: flex !important;
		flex-direction: column !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
		background: transparent !important;
	}

	.dynamika-menu-li-root:last-child {
		border-bottom: none !important;
	}

	/* ==========================================
       LINKS PRINCIPAIS (COM HOVER E CLICK)
       ========================================== */
	.dynamika-menu-a-root {
		display: block !important;
		padding: 16px 20px !important;
		text-align: left !important;
		width: 100%;
		font-size: 14px !important;
		line-height: 1.2 !important;
		font-weight: 800 !important;
		color: var(--cor-texto-escuro, #333) !important;
		text-transform: uppercase !important;
		height: auto !important;
		border-left: 0px solid var(--cor-primaria) !important;
		transition: all 0.3s ease !important;
		text-align: left !important;
	}

	.dynamika-menu-a-root::after {
		display: none !important;
	}

	.dynamika-menu-a-root:hover,
	.dynamika-menu-li-root:hover>.dynamika-menu-a-root {
		color: var(--cor-primaria, #80a034) !important;
		background-color: rgba(128, 160, 52, 0.05) !important;
		padding-left: 26px !important;
		border-left: 4px solid var(--cor-primaria) !important;

	}

	.dynamika-menu-a-root:active {
		background-color: rgba(128, 160, 52, 0.1) !important;
		transform: scale(0.98) !important;
	}

	/* ==========================================
       SUBMENUS (Sanfona/Accordion)
       ========================================== */
	.dynamika-menu-li-root:hover .dynamika-menu-span-items {
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		box-shadow: none !important;
		border: none !important;
		border-radius: 0 !important;
		background-color: #f8f9fa !important;
		border-top: 1px dashed rgba(0, 0, 0, 0.05) !important;
		padding: 5px 0 !important;
		opacity: 1 !important;
		transform: none !important;
	}

	.dynamika-menu-li-link {
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Links dos submenus */
	.dynamika-menu-a-link {
		display: block !important;
		text-align: left !important;
		padding: 12px 20px 12px 35px !important;
		font-size: 13px !important;
		line-height: 1.2 !important;
		font-weight: 600 !important;
		color: #555555 !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.03) !important;
		background: transparent !important;
		border-left: 0px solid var(--cor-secundaria) !important;
		transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
	}

	.dynamika-menu-li-link:last-child .dynamika-menu-a-link {
		border-bottom: none !important;
	}

	/* Hover no submenu: Desliza mais e ganha detalhe Amarelo */
	.dynamika-menu-a-link:hover {
		color: var(--cor-primaria) !important;
		background-color: rgba(128, 160, 52, 0.08) !important;
		padding-left: 42px !important;
		border-left: 3px solid var(--cor-secundaria) !important;
	}

	/* Clique no submenu */
	.dynamika-menu-a-link:active {
		transform: scale(0.98) !important;
		background-color: rgba(128, 160, 52, 0.12) !important;
	}

	.dynamika-menu-span-sub h3 {
		color: var(--cor-primaria) !important;
		text-align: left !important;
		font-size: 11px !important;
		line-height: 1.2 !important;
		font-weight: 900 !important;
		text-transform: uppercase !important;
		letter-spacing: 1px !important;
		padding: 15px 20px 10px 35px !important;
		margin: 0 !important;
		background: transparent !important;
		border-bottom: none !important;
	}

	/* ==========================================
       O BOTÃO "HAMBÚRGUER" (COM FÍSICA DE CLIQUE)
       ========================================== */
	.menu-fechado {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 10px;
		background-color: var(--cor-primaria, #80a034) !important;
		color: #ffffff !important;
		font-size: 15px !important;
		font-weight: 800 !important;
		text-transform: uppercase !important;
		text-align: center !important;
		padding: 12px 20px !important;
		cursor: pointer !important;
		width: 100% !important;
		margin-top: 10px !important;
		border-radius: 12px !important;
		border: none !important;

		/* Sombra original e transição suave */
		box-shadow: 0 4px 15px rgba(128, 160, 52, 0.3) !important;
		transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
	}

	/* Hover no Hambúrguer: Flutua e brilha */
	.menu-fechado:hover {
		transform: translateY(-2px) !important;
		background-color: var(--cor-primaria-hover, rgb(105, 133, 40)) !important;
		box-shadow: 0 8px 25px rgba(128, 160, 52, 0.4) !important;
	}

	/* Clique no Hambúrguer: "Afunda" como um botão real */
	.menu-fechado:active {
		transform: translateY(2px) scale(0.97) !important;
		box-shadow: 0 2px 8px rgba(128, 160, 52, 0.2) !important;
	}
}