/**
 * Bem Viver Portal — estilos do front-end.
 *
 * As cores vêm de variáveis: para adaptar ao tema, basta redefini-las
 * no CSS do seu tema, ex.: .bvp-credenciamento { --bvp-azul: #123456; }
 */

.bvp-credenciamento,
.bvp-candidatura,
.bvp-vagas,
.bvp-vaga-single {
	/*
	 * Paleta azul-esverdeada da marca. Os nomes seguem "azul" por continuidade;
	 * trocar estes quatro valores muda a cor de todo o plugin de uma vez.
	 */
	--bvp-azul: #0e7490;
	--bvp-azul-escuro: #0a5a70;
	--bvp-azul-claro: #e4f2f6;
	/* Tom mais claro que ainda segura texto branco (contraste 4.6:1, AA). */
	--bvp-azul-medio: #12809c;
	/* Verde deliberadamente mais puro, para o WhatsApp não sumir no teal. */
	--bvp-whatsapp: #0e7a45;
	/* Anel de foco: mesma cor do destaque, bem transparente. */
	--bvp-foco: rgba(14, 116, 144, .2);
	--bvp-edital-hover-texto: #0e7490;
	--bvp-texto: #1f2937;
	--bvp-texto-suave: #64748b;
	--bvp-borda: #d7e0ea;
	--bvp-erro: #c0392b;
	--bvp-sucesso: #0f7b4f;
	--bvp-raio: 12px;
	--bvp-raio-card: 16px;

	box-sizing: border-box;
	color: var(--bvp-texto);
	font-size: 16px;
	line-height: 1.5;
}

.bvp-credenciamento *,
.bvp-candidatura *,
.bvp-vagas *,
.bvp-vaga-single * {
	box-sizing: border-box;
}

/* ------------------------------------------------------------------ *
 * Grid de formulário
 * ------------------------------------------------------------------ */

.bvp-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 14px;
}

.bvp-col-2 { grid-column: span 2; }
.bvp-col-3 { grid-column: span 3; }
.bvp-col-4 { grid-column: span 4; }
.bvp-col-5 { grid-column: span 5; }
.bvp-col-6 { grid-column: span 6; }
.bvp-col-7 { grid-column: span 7; }
.bvp-col-8 { grid-column: span 8; }
.bvp-col-12 { grid-column: span 12; }

@media (max-width: 782px) {
	.bvp-col-2, .bvp-col-3, .bvp-col-4, .bvp-col-5,
	.bvp-col-6, .bvp-col-7, .bvp-col-8 {
		grid-column: span 12;
	}
}

/* ------------------------------------------------------------------ *
 * Campos
 * ------------------------------------------------------------------ */

.bvp-campo {
	position: relative;
	min-width: 0;
}

.bvp-campo > label:not(.screen-reader-text):not(.bvp-aceite__label) {
	display: block;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 6px;
	color: var(--bvp-texto);
}

.bvp-req {
	color: var(--bvp-erro);
}

.bvp-campo input[type="text"],
.bvp-campo input[type="email"],
.bvp-campo input[type="tel"],
.bvp-campo select,
.bvp-campo textarea {
	width: 100%;
	padding: 14px 16px;
	border: 1px solid var(--bvp-borda);
	border-radius: var(--bvp-raio);
	background: #fff;
	color: var(--bvp-texto);
	font-size: 16px;
	font-family: inherit;
	line-height: 1.4;
	transition: border-color .15s ease, box-shadow .15s ease;
	appearance: none;
	-webkit-appearance: none;
}

.bvp-campo textarea {
	min-height: 110px;
	resize: vertical;
}

.bvp-campo select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
	padding-right: 40px;
}

.bvp-campo input::placeholder {
	color: #94a3b8;
	opacity: 1;
}

.bvp-campo input:focus,
.bvp-campo select:focus,
.bvp-campo textarea:focus {
	outline: none;
	border-color: var(--bvp-azul);
	box-shadow: 0 0 0 3px var(--bvp-foco);
}

/*
 * Ícone dentro do campo (usado no formulário de credenciamento).
 *
 * A posição é ancorada ao TOPO, e não centralizada em 50%, de propósito: a
 * altura de .bvp-campo não é a altura do input. Ela cresce quando o campo tem
 * mensagem de erro e também quando o grid estica a célula por causa de um
 * campo vizinho mais alto. Centralizar pelo container faria o ícone "cair"
 * abaixo do input nesses casos.
 *
 * 16px = metade da altura do input (52px) menos metade do ícone (20px).
 */
.bvp-campo__icone {
	position: absolute;
	left: 16px;
	top: 16px;
	width: 20px;
	height: 20px;
	color: var(--bvp-azul);
	pointer-events: none;
}

.bvp-campo__icone svg {
	width: 100%;
	height: 100%;
	display: block;
}

/*
 * O seletor repete .bvp-campo de propósito: sem isso a especificidade fica
 * abaixo de `.bvp-campo input[type="text"]`, cujo `padding` abreviado
 * sobrescreveria este padding-left e jogaria o ícone por cima do placeholder.
 */
.bvp-campo .bvp-campo__icone ~ input,
.bvp-campo .bvp-campo__icone ~ select {
	padding-left: 48px;
}

.bvp-campo.has-erro input,
.bvp-campo.has-erro select,
.bvp-campo.has-erro textarea {
	border-color: var(--bvp-erro);
}

.bvp-erro {
	display: block;
	margin-top: 6px;
	color: var(--bvp-erro);
	font-size: 13px;
}

/* Campo isca anti-spam: fora da tela, mas ainda submetido. */
.bvp-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ------------------------------------------------------------------ *
 * Aceite do edital e LGPD
 * ------------------------------------------------------------------ */

.bvp-aceite__label {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	cursor: pointer;
	font-size: 13px;
	line-height: 1.45;
	color: var(--bvp-texto-suave);
}

.bvp-aceite__label input[type="checkbox"] {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	margin: 1px 0 0;
	accent-color: var(--bvp-azul);
	cursor: pointer;
}

.bvp-lgpd {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	font-size: 13px;
	line-height: 1.45;
	color: var(--bvp-texto-suave);
}

.bvp-lgpd__icone {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	color: var(--bvp-azul);
}

.bvp-lgpd__icone svg {
	width: 100%;
	height: 100%;
	display: block;
}

/* ------------------------------------------------------------------ *
 * Botões
 * ------------------------------------------------------------------ */

.bvp-btn-enviar {
	display: block;
	width: 100%;
	padding: 18px 24px;
	border: 0;
	border-radius: var(--bvp-raio);
	background: var(--bvp-azul);
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	font-family: inherit;
	cursor: pointer;
	transition: background .15s ease, transform .1s ease;
}

.bvp-btn-enviar:hover,
.bvp-btn-enviar:focus {
	background: var(--bvp-azul-escuro);
	color: #fff;
}

.bvp-btn-enviar:active {
	transform: translateY(1px);
}

.bvp-btn-enviar[disabled] {
	opacity: .6;
	cursor: progress;
}

.bvp-btn-enviar--secundario {
	display: inline-block;
	width: auto;
	text-decoration: none;
	font-size: 16px;
	padding: 12px 22px;
}

.bvp-btn-edital {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 24px;
	border: 2px solid currentColor;
	border-radius: 999px;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: .02em;
	text-transform: uppercase;
	text-decoration: none;
	color: inherit;
	transition: background .15s ease, color .15s ease;
}

/*
 * O botão herda a cor do texto ao redor (funciona tanto sobre fundo azul
 * quanto sobre fundo claro). No hover ele inverte: fundo sólido na cor de
 * destaque e texto na cor definida em --bvp-edital-hover-texto.
 */
.bvp-btn-edital:hover,
.bvp-btn-edital:focus {
	background: var(--bvp-edital-hover-fundo, #fff);
	border-color: var(--bvp-edital-hover-fundo, #fff);
	color: var(--bvp-edital-hover-texto, #0e7490);
}

.bvp-btn-edital__icone {
	display: inline-flex;
}

.bvp-aviso-admin {
	padding: 12px 16px;
	border-left: 4px solid #d97706;
	background: #fff7ed;
	color: #7c2d12;
	font-size: 14px;
}

/* ------------------------------------------------------------------ *
 * Mensagens
 * ------------------------------------------------------------------ */

.bvp-mensagem {
	padding: 16px 20px;
	border-radius: var(--bvp-raio);
	font-size: 15px;
	margin-bottom: 20px;
}

.bvp-mensagem--sucesso {
	background: #e7f6ee;
	border: 1px solid #a7dcc1;
	color: var(--bvp-sucesso);
}

.bvp-mensagem--erro {
	background: #fdecea;
	border: 1px solid #f5b5ae;
	color: var(--bvp-erro);
}

.bvp-mensagem--aviso {
	background: #fff7ed;
	border: 1px solid #fed7aa;
	color: #92400e;
}

/* ------------------------------------------------------------------ *
 * Busca de vagas
 * ------------------------------------------------------------------ */

.bvp-vagas__titulo {
	margin: 0 0 20px;
}

.bvp-busca {
	display: grid;
	grid-template-columns: 2fr 1.2fr 1.2fr auto;
	gap: 12px;
	align-items: stretch;
	padding: 16px;
	background: #fff;
	border: 1px solid var(--bvp-borda);
	border-radius: var(--bvp-raio-card);
	box-shadow: 0 6px 24px rgba(14, 116, 144, .07);
}

.bvp-busca:has(.bvp-busca__campo:nth-of-type(4)) {
	grid-template-columns: 2fr 1fr 1fr 1fr auto;
}

@media (max-width: 960px) {
	.bvp-busca,
	.bvp-busca:has(.bvp-busca__campo:nth-of-type(4)) {
		grid-template-columns: 1fr;
	}
}

.bvp-busca__campo {
	position: relative;
	min-width: 0;
}

.bvp-busca__icone {
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	color: var(--bvp-texto-suave);
	pointer-events: none;
}

.bvp-busca__icone svg {
	width: 100%;
	height: 100%;
	display: block;
}

.bvp-busca input[type="search"],
.bvp-busca select {
	width: 100%;
	height: 100%;
	min-height: 52px;
	padding: 12px 14px;
	border: 1px solid var(--bvp-borda);
	border-radius: var(--bvp-raio);
	background: #fff;
	font-size: 15px;
	font-family: inherit;
	color: var(--bvp-texto);
	appearance: none;
	-webkit-appearance: none;
}

/* Mesma questão de especificidade do formulário: ver comentário acima. */
.bvp-busca .bvp-busca__icone ~ input,
.bvp-busca .bvp-busca__icone ~ select {
	padding-left: 42px;
}

.bvp-busca select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	padding-right: 36px;
}

.bvp-busca input:focus,
.bvp-busca select:focus {
	outline: none;
	border-color: var(--bvp-azul);
	box-shadow: 0 0 0 3px var(--bvp-foco);
}

.bvp-busca__botao {
	padding: 14px 28px;
	border: 0;
	border-radius: var(--bvp-raio);
	background: var(--bvp-azul);
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	font-family: inherit;
	cursor: pointer;
	white-space: nowrap;
}

.bvp-busca__botao:hover,
.bvp-busca__botao:focus {
	background: var(--bvp-azul-escuro);
}

.bvp-vagas__resumo {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin: 24px 0 16px;
	color: var(--bvp-texto-suave);
	font-size: 15px;
}

.bvp-vagas__resumo p {
	margin: 0;
}

.bvp-vagas__limpar {
	color: var(--bvp-azul);
	font-size: 14px;
}

/* ------------------------------------------------------------------ *
 * Cards de vaga
 * ------------------------------------------------------------------ */

.bvp-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 20px;
}

.bvp-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 24px;
	background: #fff;
	border: 1px solid var(--bvp-borda);
	border-radius: var(--bvp-raio-card);
	box-shadow: 0 2px 10px rgba(14, 116, 144, .05);
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.bvp-card:hover {
	transform: translateY(-4px);
	border-color: transparent;
	box-shadow: 0 14px 36px rgba(14, 116, 144, .16);
}

.bvp-card.is-encerrada {
	opacity: .72;
}

.bvp-card__destaque {
	position: absolute;
	top: 14px;
	right: 14px;
	padding: 5px 13px;
	border-radius: 999px;
	background: var(--bvp-azul-medio);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.bvp-card__topo {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.bvp-card__imagem {
	flex: 0 0 auto;
	width: 52px;
	height: 52px;
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bvp-card__imagem img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.bvp-card__imagem--placeholder {
	background: var(--bvp-azul-claro);
	color: var(--bvp-azul);
	padding: 12px;
}

.bvp-card__imagem--placeholder svg {
	width: 100%;
	height: 100%;
}

.bvp-card__cabecalho {
	min-width: 0;
}

.bvp-card__titulo {
	margin: 0 0 2px;
	font-size: 19px;
	line-height: 1.25;
}

.bvp-card__titulo a {
	color: var(--bvp-azul-escuro);
	text-decoration: none;
}

.bvp-card__titulo a:hover {
	text-decoration: underline;
}

.bvp-card__especialidade {
	margin: 0;
	font-size: 13px;
	color: var(--bvp-texto-suave);
}

.bvp-card__instituicao,
.bvp-card__local {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	font-size: 14px;
	color: var(--bvp-texto-suave);
}

.bvp-card__instituicao svg,
.bvp-card__local svg {
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
}

/*
 * Rodapé do card: situação à esquerda, botão "Ver vaga" à direita.
 * `margin-top: auto` empurra o rodapé para baixo, então cards de alturas
 * diferentes na mesma linha mantêm os botões alinhados entre si.
 */
.bvp-card__rodape {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: auto;
	padding-top: 16px;
	border-top: 1px solid var(--bvp-borda);
}

/*
 * `min-width: 0` deixa o grupo encolher dentro do rodapé em vez de empurrar o
 * botão para fora; `flex: 1 1 auto` faz as tags ocuparem o espaço livre, então
 * o botão fica colado na direita mesmo com poucas tags.
 */
.bvp-card__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	flex: 1 1 auto;
	min-width: 0;
}

.bvp-tag {
	padding: 4px 12px;
	border-radius: 999px;
	background: var(--bvp-azul-claro);
	color: var(--bvp-azul-escuro);
	font-size: 12px;
	font-weight: 600;
}

.bvp-tag--disponivel {
	background: #dcfce7;
	color: #166534;
}

.bvp-tag--encerrada {
	background: #f1f5f9;
	color: #64748b;
}

.bvp-tag--especialidade {
	background: var(--bvp-azul);
	color: #fff;
}

.bvp-card__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-left: auto;
	padding: 11px 20px;
	border-radius: 999px;
	background: var(--bvp-azul);
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	box-shadow: 0 4px 12px rgba(14, 116, 144, .22);
	transition: background .2s ease, box-shadow .2s ease, gap .2s ease;
}

.bvp-card__link:hover,
.bvp-card__link:focus {
	background: var(--bvp-azul-escuro);
	color: #fff;
	gap: 12px;
	box-shadow: 0 6px 18px rgba(14, 116, 144, .32);
}

.bvp-card__seta {
	width: 16px;
	height: 16px;
	flex: 0 0 auto;
}

/*
 * Torna o card inteiro clicável (alvo maior no toque) sem criar um segundo
 * link para leitores de tela. Os links que ficam por baixo precisam subir
 * de camada, senão a sobreposição engoliria o clique deles.
 */
.bvp-card__link::after {
	content: "";
	position: absolute;
	inset: 0;
}

.bvp-card__titulo a,
.bvp-card__local a {
	position: relative;
	z-index: 1;
}

/* ------------------------------------------------------------------ *
 * Carrossel lateral no celular
 *
 * Abaixo de 782px os cards deixam de empilhar e passam a deslizar na
 * horizontal, com encaixe (scroll-snap) em cada card. A margem negativa
 * faz o carrossel sangrar até a borda da tela, para o próximo card
 * aparecer "espiando" e indicar que dá para arrastar.
 * ------------------------------------------------------------------ */

@media (max-width: 782px) {
	.bvp-cards {
		display: flex;
		grid-template-columns: none;
		gap: 14px;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
		scroll-padding-left: 16px;
		-webkit-overflow-scrolling: touch;
		margin-left: -16px;
		margin-right: -16px;
		padding: 6px 16px 18px;
		scrollbar-width: none;
	}

	.bvp-cards::-webkit-scrollbar {
		display: none;
	}

	.bvp-card {
		flex: 0 0 82%;
		max-width: 320px;
		scroll-snap-align: start;
	}

	/* Sem hover no toque, o "levantar" do card só atrapalharia a rolagem. */
	.bvp-card:hover {
		transform: none;
		box-shadow: 0 2px 10px rgba(14, 116, 144, .05);
		border-color: var(--bvp-borda);
	}
}

/* Quem prefere menos movimento não recebe o encaixe automático. */
@media (prefers-reduced-motion: reduce) {
	.bvp-cards {
		scroll-behavior: auto;
		scroll-snap-type: none;
	}

	.bvp-card,
	.bvp-card__link {
		transition: none;
	}
}

.bvp-vazio {
	padding: 48px 24px;
	text-align: center;
	border: 1px dashed var(--bvp-borda);
	border-radius: var(--bvp-raio-card);
	color: var(--bvp-texto-suave);
}

.bvp-vazio__titulo {
	font-size: 18px;
	font-weight: 700;
	color: var(--bvp-texto);
	margin: 0 0 8px;
}

/* ------------------------------------------------------------------ *
 * Paginação
 * ------------------------------------------------------------------ */

.bvp-paginacao {
	margin-top: 32px;
}

.bvp-paginacao ul {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	list-style: none;
	margin: 0;
	padding: 0;
	justify-content: center;
}

.bvp-paginacao a,
.bvp-paginacao span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 12px;
	border: 1px solid var(--bvp-borda);
	border-radius: var(--bvp-raio);
	text-decoration: none;
	color: var(--bvp-azul);
	font-weight: 600;
}

.bvp-paginacao .current {
	background: var(--bvp-azul);
	border-color: var(--bvp-azul);
	color: #fff;
}

/* ------------------------------------------------------------------ *
 * Página da vaga
 * ------------------------------------------------------------------ */

.bvp-voltar {
	display: inline-block;
	margin-bottom: 18px;
	color: var(--bvp-azul);
	font-weight: 600;
	text-decoration: none;
}

.bvp-vaga-single__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 22px;
}

.bvp-vaga-single__dados {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 16px;
	margin: 0 0 28px;
	padding: 22px;
	background: var(--bvp-azul-claro);
	border-radius: var(--bvp-raio-card);
}

.bvp-dado dt {
	margin: 0 0 4px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--bvp-azul);
}

.bvp-dado dd {
	margin: 0;
	font-size: 16px;
	color: var(--bvp-texto);
}

/* ------------------------------------------------------------------ *
 * Botão de WhatsApp
 * ------------------------------------------------------------------ */

.bvp-vaga-single__acoes {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
	margin: 0 0 30px;
}

.bvp-btn-whatsapp {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 26px;
	border-radius: 999px;
	background: var(--bvp-whatsapp);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	box-shadow: 0 6px 18px rgba(14, 122, 69, .28);
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.bvp-btn-whatsapp:hover,
.bvp-btn-whatsapp:focus {
	transform: translateY(-2px);
	background: #0b6238;
	color: #fff;
	box-shadow: 0 10px 26px rgba(14, 122, 69, .38);
}

.bvp-btn-whatsapp__icone {
	width: 22px;
	height: 22px;
	flex: 0 0 auto;
}

.bvp-vaga-single__acoes-nota {
	font-size: 14px;
	color: var(--bvp-texto-suave);
}

@media (prefers-reduced-motion: reduce) {
	.bvp-btn-whatsapp {
		transition: none;
	}

	.bvp-btn-whatsapp:hover,
	.bvp-btn-whatsapp:focus {
		transform: none;
	}
}

.bvp-vaga-single__requisitos h2 {
	font-size: 20px;
	margin: 0 0 10px;
}

.bvp-vaga-descricao {
	margin: 28px 0;
}

.bvp-candidatura {
	margin-top: 40px;
	padding: 28px;
	background: #fff;
	border: 1px solid var(--bvp-borda);
	border-radius: var(--bvp-raio-card);
	box-shadow: 0 6px 24px rgba(14, 116, 144, .07);
	scroll-margin-top: 80px;
}

.bvp-candidatura__titulo {
	margin: 0 0 6px;
	font-size: 24px;
	color: var(--bvp-azul-escuro);
}

.bvp-candidatura__intro {
	margin: 0 0 22px;
	color: var(--bvp-texto-suave);
	font-size: 15px;
}

.bvp-credenciamento {
	scroll-margin-top: 80px;
}