/* ==========================================================================
   BLOCO DE CONTATO (NAP) — Fase 2
   ==========================================================================

   Preenche o vazio estrutural da coluna esquerda do Contato, apontado pela
   auditoria: abaixo do e-mail sobravam mais de 300 px enquanto a coluna do
   formulário continuava. Aqui entram telefone clicável e endereço.

   As cores partem do fundo claro (gray100) em que a seção de Contato vive.
   Se um dia o bloco for usado sobre navy, os dois tokens de texto abaixo é
   que mudam — nada mais.

   Contrastes medidos sobre #D9D9D9: rótulo 6,6:1 e valor 12,3:1. Ambos
   passam no critério de texto normal da WCAG, que é 4,5:1.
   ========================================================================== */

.bfd-nap {
	list-style: none;
	margin: var( --bf-space-md ) 0 0;
	padding: 0;
	display: grid;
	gap: var( --bf-space-sm );
}

.bfd-nap-item {
	display: grid;
	gap: var( --bf-space-3xs );
	padding-left: var( --bf-space-xs );
	border-left: 2px solid var( --bf-navy-500 );
}

.bfd-nap-rotulo {
	font-size: 0.8125rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var( --bf-navy-500 );
}

.bfd-nap-valor {
	font-size: 1.125rem;
	line-height: 1.4;
	color: var( --bf-navy-900 );
	text-decoration: none;
}

a.bfd-nap-valor {
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
	text-decoration-color: var( --bf-navy-500 );
}

a.bfd-nap-valor:hover,
a.bfd-nap-valor:focus {
	text-decoration-color: currentColor;
}