/* Shortcode [bni_busca_equipes]: ajuste as variáveis no Custom CSS do Elementor.
   Seletores de texto com ".bni-equipes .x" para vencer os estilos globais do Kit do Elementor. */
.bni-equipes {
	--bni-equipes-cor: #CF2030;
	--bni-equipes-cor-hover: #a81926;
	--bni-equipes-texto: #1a1a1a;
	--bni-equipes-texto-suave: #595959;
	--bni-equipes-borda: #e5e5e5;
	--bni-equipes-raio: 10px;
	--bni-equipes-altura: 48px;

	color: var(--bni-equipes-texto);
}

.bni-equipes *,
.bni-equipes *::before,
.bni-equipes *::after {
	box-sizing: border-box;
}

/* Formulário */
.bni-equipes .bni-equipes__label {
	display: block;
	margin: 0 0 6px;
	color: var(--bni-equipes-texto-suave);
	font-size: 13px;
	font-weight: 600;
}

.bni-equipes__campos {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.bni-equipes .bni-equipes__select {
	flex: 1 1 220px;
	min-width: 0;
	height: var(--bni-equipes-altura);
	padding: 0 12px;
	border: 1px solid #c4c4c4;
	border-radius: var(--bni-equipes-raio);
	background: #fff;
	color: var(--bni-equipes-texto);
	font-size: 16px; /* 16px evita o zoom automático do iOS */
}

.bni-equipes .bni-equipes__select:focus {
	border-color: var(--bni-equipes-cor);
	outline: 3px solid rgba(207, 32, 48, .16);
}

.bni-equipes .bni-equipes__botao {
	height: var(--bni-equipes-altura);
	padding: 0 28px;
	border: 0;
	border-radius: var(--bni-equipes-raio);
	background: var(--bni-equipes-cor);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}

.bni-equipes .bni-equipes__botao:hover,
.bni-equipes .bni-equipes__botao:focus-visible {
	background: var(--bni-equipes-cor-hover);
}

@media (max-width: 479px) {
	.bni-equipes .bni-equipes__botao { flex: 1 1 100%; }
}

/* Resultados */
.bni-equipes__resultados {
	margin-top: 28px;
}

.bni-equipes .bni-equipes__vazio {
	margin: 0;
	color: var(--bni-equipes-texto-suave);
}

.bni-equipes .bni-equipes__titulo {
	margin: 0 0 16px;
	color: var(--bni-equipes-cor);
	font-size: 22px;
	line-height: 1.25;
}

.bni-equipes__grade {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
	gap: 16px;
}

.bni-equipes__card {
	padding: 20px;
	border: 1px solid var(--bni-equipes-borda);
	border-left: 4px solid var(--bni-equipes-cor);
	border-radius: var(--bni-equipes-raio);
	background: #fff;
	overflow-wrap: anywhere;
}

.bni-equipes .bni-equipes__equipe {
	margin: 0 0 6px;
	color: var(--bni-equipes-texto);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
}

.bni-equipes .bni-equipes__endereco {
	margin: 0 0 12px;
	color: var(--bni-equipes-texto-suave);
	font-size: 14px;
	line-height: 1.45;
}

.bni-equipes .bni-equipes__pessoa {
	display: flex;
	flex-wrap: wrap;
	gap: 2px 8px;
	margin: 10px 0 0;
	padding-top: 10px;
	border-top: 1px solid var(--bni-equipes-borda);
	font-size: 14px;
	line-height: 1.4;
}

.bni-equipes .bni-equipes__rotulo {
	flex: 1 1 100%;
	color: var(--bni-equipes-texto-suave);
	font-size: 12px;
	font-weight: 600;
}

.bni-equipes .bni-equipes__nome {
	font-weight: 600;
}

.bni-equipes .bni-equipes__whatsapp {
	color: var(--bni-equipes-cor);
	font-weight: 600;
	text-decoration: underline;
}

.bni-equipes .bni-equipes__whatsapp:hover {
	color: var(--bni-equipes-cor-hover);
}
