/* CSS */

	body {
		padding-bottom: 30px;
	}

	header {
		position: sticky;
		top: 0;
		z-index: 1000;
		background-color: white;
	}

    :root {
		--kpi-height: 50px;
    }

	.css-q0qbej {
		display: list-item!important;
		height: 100%;
	}


	/* Modificações no menu navegação */
		/* Estilo base dos links da navbar */
		.navbar-inverse .navbar-nav > li > a {
			color: #fff;
			font-size: 14px;
			padding: 15px;
		}

		.navbar-inverse .navbar-nav > li > a:hover,
		.navbar-inverse .navbar-nav > li > a:focus {
			color: #ddd;
		}

		/* Container principal dos controles personalizados */
		.controle-superior-navbar {
			display: flex;
			align-items: center;
			list-style: none;
			margin: 0;
			padding: 0 15px 0 0; /* alinha com padding dos itens da navbar */
			height: 50px; /* altura padrão da navbar do Bootstrap 3 */
		}

		/* Cada item (Município ou Ir para) */
		.nav-item {
			display: flex;
			align-items: center;
			margin-right: 20px;
			white-space: nowrap;
		}

		/* Rótulos: "Município:", "Ir para:" */
		.nav-label {
			color: #fff;
			font-size: 14px;
			margin-right: 8px;
			line-height: 1;
		}

		/* Selects dentro da navbar */
		.nav-select {
			color: black;
			background-color: white;
			border: 1px solid #333;
			border-radius: 3px;
			font-size: 14px; /* mesmo tamanho dos links da navbar */
			padding: 2px 24px 2px 8px;
			height: 30px;
			min-width: 150px;
			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='black'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
			background-repeat: no-repeat;
			background-position: right 6px center;
			background-size: 12px 10px;
			cursor: pointer;
		}

	/* RESPONSIVO (mobile) */

		@media (max-width: 575px) {
			.controle-superior-navbar {
				flex-direction: column;
				align-items: flex-start;
				padding: 8px 15px;
				height: auto;
			}
			.nav-item {
				margin: 4px 0;
			}
			.nav-select {
				min-width: 180px;
				width: 100%;
				max-width: 280px;
			}
		}
	/* Fim das Modificações no menu navegação */


/* Modificações no elemento de chamada dos municípios */
	.municipio-selector-container {
		margin: 12px 0;
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	}

	.municipio-selector-container label {
		display: block;
		margin-bottom: 4px;
		font-weight: 600;
		color: #222;
		font-size: 14px;
	}

	.custom-select {
		width: 100%;
		max-width: 320px;
		padding: 8px 12px;
		padding-right: 32px;
		font-size: 14px;
		border: 1px solid #ccc;
		border-radius: 4px;
		background-color: white; /* Fundo branco */
		color: black;
		appearance: none;
		background-image: url("image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
		background-repeat: no-repeat;
		background-position: right 0.5rem center;
		background-size: 16px 12px;
		cursor: pointer;
	}

	.custom-select:focus {
		outline: none;
		border-color: #007bff;
		box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
	}

/* Modificações no elemento de chamada dos municípios */


/* Modificações para carrossel dos gráficos */

	/* Wrapper para centralizar os gráficos */
	.slide-content {
		text-align: center;
		padding: 20px 0;
		min-height: 440px; /* altura mínima: 400px + padding */
	}

	/* Estilo dos gráficos */
	.kpimod .graf1 {
		display: inline-block;
		width: 400px;
		min-height: 400px;
		margin: 0 10px 20px; /* espaçamento entre gráficos */
		background: #f9f9f9;
		border: 1px solid #eee;
		box-sizing: border-box;
		vertical-align: top;
	}


    /* Responsividade: em telas pequenas, um por linha */
	@media (max-width: 820px) {
		.kpimod.graf1 {
			width: calc(100% - 40px);
			max-width: 400px;
		}
	}

	.slide-content {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start; /* ou center, se quiser vertical */
		min-height: 440px;
		text-align: initial; /* override do text-align */
	}

	.kpimod.graf1 {
		display: block; /* com flex, inline-block não é necessário */
		margin: 10px;
		background:white!important;
		border:none!important;
	}

	.carousel-control.right,
	.carousel-control.left{
		background:white!important;
	}

	.carousel-control .glyphicon-chevron-right,
	.carousel-control .glyphicon-chevron-left{
		color: lightgray;
	}

/* Fim das Modificações para carrossel dos gráficos */


/* Estrutura de menu */
	/* reduzir a velocidade das mudanças de bloco pelo menu */
	html {
		scroll-behavior: smooth;
	}

	/* ajustar a distância para que o bloco apareça também indicando que você foi enviado ao local correto */
	#titulo1,
	#titulo2,
	#titulo3,	
	#titulo4{
		scroll-margin-top: 200px; /* Ajuste conforme a altura do seu cabeçalho ou margem desejada */
	}
/* Fim Estrutura de menu */	

/* padrão Sense */
	.kpi_8{
		border-radius: 2px; 
		width: 100%; 
		padding: 0px 0px 5px 0px!important;	
	}

	.qv-object {
		border: 1px solid #0000;
		border-radius: 0;
		border-top: 0 solid #0000;
		box-sizing: border-box;
		flex: 1 1 auto;
		flex-direction: column;
		font-size: 14px;
		z-index: 1
	}

	div.qvobject, 
	div.qvplaceholder {
		padding: 0px 0px 0px 0px !important;
		height: 400px!important;
	}	

	.qcmd {
		cursor: pointer;
		font-family: "Open Sans", sans-serif;
		font-size:  1.2em; 
		font-weight: bold;
		color:white !important;
	}

	#popup {
		background-color: #7f8c8d;
		color: #FFFFFF;
		position: fixed;
		padding: 10px;
		margin: 10px;
		bottom: 0;
		right: 0;
		display: none;
		border-radius: 5px;
	}

	/* Overrides Bootstrap navbar z-index to avoid conflict with selections bar */
	.navbar-fixed-top {
		position: relative;
		z-index: 100;
	}

	/* Ajustes box região */
	.css-qehe1s, 
	.ListBoxInline-listboxWrapper {
		padding: 0px 0px 0px 0px!important;
	}


/* Alterações ASSIM */



	/* Definições das Tabelas */
	.tabela_def{
		height: 400px!important;
		width: calc(100% - (calc(20% - 18px))) !important; /* Ajusta para compensar margem */
		border-radius: 5px!important; 
		background:white!important;
		padding: 0px 0px 0px 0px!important;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); /* Sombra discreta */
		margin-right: 15px; /* Espaço entre cards */
		flex-shrink: 0; /* Impede que encolham no flex */		
	}
	/* Fim Definições das Tabelas */







	/* Fim Padrões para exibição dos KPI */