/*
 * Rede Credenciada (tpl-rede-credenciada.php). Carregado somente nesta pagina.
 * Os seletores comecam por .sc-rc para vencer regras do tema como ".content.aside-left h3" e
 * ".content.aside-left p { margin-bottom: 20px !important }".
 * Cores do tema: azul #273171, laranja #f4811f, verde #00a54f (escurecido para #007a3a em texto, por contraste).
 */

.sc-rc {
	clear: both;
	float: left;
	width: 100%;
	margin: 24px 0 40px;
	color: #333;
	font-size: 14px;
	line-height: 1.5;
}

.sc-rc *,
.sc-rc *::before,
.sc-rc *::after {
	box-sizing: border-box;
}

.sc-rc [hidden] {
	display: none !important;
}

.sc-rc ul,
.sc-rc li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
	float: none;
	width: auto;
	border: 0;
}

.content.aside-left .sc-rc p {
	margin: 0 0 8px !important;
}

.sc-rc .sc-rc-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	white-space: nowrap;
}

.content.aside-left .sc-rc .sc-rc-intro,
.content.aside-left .sc-rc .sc-rc-chamada {
	margin-bottom: 16px !important;
	font-size: 16px;
	color: #555;
}

/* Filtros */

/* Filtros e abas so funcionam com JavaScript; a classe sc-rc--js e posta pelo template antes do
   primeiro desenho, entao eles aparecem ja no lugar certo, sem empurrar a lista depois. */
.sc-rc .sc-rc-filtros,
.sc-rc .sc-rc-abas {
	display: none;
}

.sc-rc.sc-rc--js .sc-rc-filtros {
	display: flex;
}

.sc-rc.sc-rc--js .sc-rc-abas {
	display: flex;
}

.sc-rc .sc-rc-filtros {
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 12px;
	padding: 16px;
	margin: 0 0 12px;
	background: #f4f5f9;
	border-radius: 8px;
}

.sc-rc .sc-rc-campo {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.sc-rc .sc-rc-campo-busca {
	flex: 2 1 260px;
}

.sc-rc .sc-rc-campo-bairro {
	flex: 1 1 200px;
}

.sc-rc .sc-rc-campo label {
	display: block;
	margin: 0 0 4px;
	font-weight: bold;
	color: #273171;
}

.sc-rc .sc-rc-campo input,
.sc-rc .sc-rc-campo select {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	height: 44px;
	margin: 0;
	padding: 0 12px;
	font-size: 16px;
	color: #333;
	background-color: #fff;
	border: 1px solid #b9bccb;
	border-radius: 6px;
	box-shadow: none;
}

.sc-rc .sc-rc-campo input[type="search"] {
	-webkit-appearance: none;
	appearance: none;
}

.sc-rc .sc-rc-botoes {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.sc-rc .sc-rc-botao {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 44px;
	margin: 0;
	padding: 0 16px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
	background: #273171;
	border: 2px solid #273171;
	border-radius: 6px;
	cursor: pointer;
	text-decoration: none;
}

.sc-rc .sc-rc-botao:hover {
	background: #1b2253;
	border-color: #1b2253;
}

.sc-rc .sc-rc-botao-secundario {
	color: #273171;
	background: #fff;
}

.sc-rc .sc-rc-botao-secundario:hover {
	color: #fff;
}

.sc-rc .sc-rc-perto[aria-pressed="true"] {
	background: #007a3a;
	border-color: #007a3a;
}

.sc-rc .sc-rc-perto[aria-busy="true"] {
	opacity: 0.7;
	cursor: progress;
}

.sc-rc input:focus,
.sc-rc select:focus,
.sc-rc button:focus,
.sc-rc a:focus {
	outline: 3px solid #f4811f;
	outline-offset: 2px;
}

/* Status */

.sc-rc .sc-rc-status {
	margin-bottom: 8px;
}

.content.aside-left .sc-rc .sc-rc-contador {
	margin-bottom: 4px !important;
	font-weight: bold;
	color: #273171;
}

.sc-rc .sc-rc-aviso {
	padding: 8px 12px;
	color: #6b3a00;
	background: #fff4e5;
	border-left: 4px solid #f4811f;
	border-radius: 4px;
}

/* Abas (so no celular) */

.sc-rc .sc-rc-abas {
	margin: 0 0 12px;
	border: 2px solid #273171;
	border-radius: 6px;
	overflow: hidden;
}

.sc-rc .sc-rc-aba {
	flex: 1 1 50%;
	min-height: 44px;
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	color: #273171;
	background: #fff;
	border: 0;
	cursor: pointer;
}

.sc-rc .sc-rc-aba[aria-pressed="true"] {
	color: #fff;
	background: #273171;
}

/* Lista e mapa */

.sc-rc .sc-rc-corpo {
	display: flex;
	gap: 16px;
	align-items: stretch;
}

.sc-rc .sc-rc-painel-lista {
	flex: 0 0 38%;
	max-height: 620px;
	overflow-y: auto;
	padding-right: 4px;
}

.sc-rc .sc-rc-painel-mapa {
	flex: 1 1 auto;
	min-width: 0;
}

.sc-rc .sc-rc-mapa {
	width: 100%;
	height: 620px;
	border: 1px solid #d5d7e0;
	border-radius: 8px;
	z-index: 0;
}

.sc-rc .sc-rc-mapa img {
	max-width: none !important;
	max-height: none !important;
}

.sc-rc .sc-rc-lista .sc-rc-item {
	position: relative;
	margin: 0 0 10px;
	padding: 12px 14px;
	background: #fff;
	border: 1px solid #dfe1e8;
	border-radius: 8px;
	transition: border-color 0.15s, box-shadow 0.15s;
}

.sc-rc .sc-rc-lista .sc-rc-item:hover {
	border-color: #273171;
}

.sc-rc .sc-rc-lista .sc-rc-item--ativo {
	border-color: #f4811f;
	box-shadow: 0 0 0 2px rgba(244, 129, 31, 0.45);
}

.content.aside-left .sc-rc .sc-rc-lista h3.sc-rc-nome {
	margin: 0 0 4px;
	font-size: 16px;
	line-height: 1.3;
	color: #273171;
	text-transform: none;
}

.sc-rc .sc-rc-endereco {
	color: #333;
}

.sc-rc .sc-rc-bairro,
.sc-rc .sc-rc-info {
	font-size: 13px;
	color: #555;
}

.sc-rc .sc-rc-rotulo {
	font-weight: bold;
}

.sc-rc .sc-rc-distancia {
	font-weight: bold;
	color: #007a3a;
}

.sc-rc .sc-rc-acoes {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 8px;
}

.sc-rc .sc-rc-ver-mapa,
.sc-rc .sc-rc-rota {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	margin: 0;
	padding: 0 12px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2;
	border-radius: 6px;
	cursor: pointer;
	text-decoration: none;
}

.sc-rc .sc-rc-ver-mapa {
	color: #273171;
	background: #fff;
	border: 1px solid #273171;
}

.sc-rc .sc-rc-ver-mapa:hover {
	background: #eef0f8;
}

.sc-rc .sc-rc-rota,
.sc-rc .sc-rc-rota:visited {
	color: #fff;
	background: #273171;
	border: 1px solid #273171;
}

.sc-rc .sc-rc-rota:hover,
.sc-rc .sc-rc-rota:focus {
	color: #fff;
	background: #1b2253;
	text-decoration: none;
}

.content.aside-left .sc-rc .sc-rc-nota {
	margin: 8px 0 0 !important;
	font-size: 12px;
	color: #666;
}

.content.aside-left .sc-rc .sc-rc-nota--alerta {
	color: #c62828;
}

.sc-rc .sc-rc-vazio {
	padding: 28px 16px;
	text-align: center;
	border: 2px dashed #cbcbcb;
	border-radius: 8px;
}

/* Marcadores do mapa */

.sc-rc-pin {
	width: 24px;
	height: 24px;
	background: #273171;
	border: 3px solid #fff;
	border-radius: 50% 50% 50% 0;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
	transform: rotate(-45deg);
}

.sc-rc-pin--aproximada {
	background: #0d7bbf;
}

.sc-rc-pin--ativo {
	background: #f4811f;
}

.sc-rc-cluster {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #273171;
	border: 4px solid rgba(39, 49, 113, 0.35);
	border-radius: 50%;
	background-clip: padding-box;
}

.sc-rc-popup-nome {
	display: block;
	margin-bottom: 4px;
	font-size: 14px;
	color: #273171;
}

.sc-rc-popup-endereco {
	display: block;
	margin-bottom: 6px;
}

.sc-rc-popup-nota {
	display: block;
	margin-bottom: 6px;
	font-size: 11px;
	color: #666;
}

.sc-rc-popup-nota--alerta {
	color: #c62828;
}

.sc-rc-popup a {
	font-weight: bold;
	color: #273171;
}

/*
 * Celular. O tema tem largura fixa (940px) e nao declara viewport; loader.php declara o viewport so
 * nesta pagina e as regras abaixo adaptam cabecalho, menu, rodape e aviso de cookies a tela pequena.
 * Como este arquivo so e carregado aqui, as demais paginas do site nao mudam.
 */
@media (max-width: 959px) {
	.inner,
	.inner-topo,
	.barra-menu-topo nav {
		width: auto !important;
		max-width: 100%;
		padding-left: 16px !important;
		padding-right: 16px !important;
		box-sizing: border-box;
	}

	header .barra-menu-topo nav ul {
		float: right;
		max-width: 100%;
	}

	header .barra-menu-topo nav ul li a {
		padding: 0 10px;
	}

	nav.menu-topo {
		width: 100%;
		height: auto !important;
	}

	nav.menu-topo .inner {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	nav.menu-topo .inner > div > ul {
		display: flex;
		flex-wrap: nowrap;
		width: max-content;
		white-space: nowrap;
	}

	nav.menu-topo .sub-menu {
		display: none !important;
	}

	footer .bloco-esquerdo,
	footer .bloco-direito,
	footer .assinatura,
	footer .assinatura span {
		float: none !important;
		width: auto !important;
		max-width: 100%;
	}

	footer .bloco-direito {
		overflow: hidden;
	}

	#avisoDiv {
		width: auto !important;
		left: 0 !important;
		right: 0 !important;
	}

	#avisoDiv .row,
	#avisoDiv .col-md-10,
	#avisoDiv .col-md-2,
	#avisoDiv p,
	#avisoDiv span {
		width: auto !important;
		max-width: 100%;
	}
}

@media (max-width: 767px) {
	header .inner-topo {
		height: auto !important;
		overflow: hidden;
	}

	header .inner-topo form {
		float: none !important;
		clear: both;
		width: 100% !important;
		margin: 8px 0 12px !important;
	}

	.content.aside-left .titulo-pagina {
		font-size: 28px;
		margin-top: 16px;
	}

	.breadcrumbs {
		margin-top: 16px !important;
	}

	.sc-rc {
		margin-top: 12px;
	}

	.sc-rc .sc-rc-filtros {
		padding: 12px;
	}

	.sc-rc .sc-rc-botoes,
	.sc-rc .sc-rc-botoes .sc-rc-botao {
		flex: 1 1 auto;
	}

	.sc-rc .sc-rc-corpo {
		display: block;
	}

	.sc-rc .sc-rc-painel-lista {
		max-height: none;
		overflow: visible;
		padding-right: 0;
	}

	.sc-rc .sc-rc-mapa {
		height: 70vh;
		min-height: 360px;
	}

	.sc-rc .sc-rc-corpo[data-aba-ativa="lista"] .sc-rc-painel-mapa,
	.sc-rc .sc-rc-corpo[data-aba-ativa="mapa"] .sc-rc-painel-lista {
		display: none;
	}
}

@media (min-width: 768px) {
	.sc-rc .sc-rc-abas {
		display: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sc-rc .sc-rc-lista .sc-rc-item {
		transition: none;
	}
}