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

   E-mail, WhatsApp, telefone e endereço ao lado do formulário, sobre a
   superfície clara (paper). No redesign cada item é uma linha com ícone em
   electric e valor em navy; o rótulo continua no HTML para leitor de tela.

   Contrastes sobre #EEF1F7: valor (navy-900) 14,8:1; endereço (paper-muted)
   6,9:1. Ambos acima de 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: flex;
	align-items: flex-start;
	gap: var( --bf-space-xs );
}

.bfd-nap-icone {
	flex: none;
	width: 20px;
	height: 20px;
	margin-top: 2px;
	color: var( --bf-electric-deep );
}

.bfd-nap-icone svg {
	display: block;
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* O glifo do WhatsApp é preenchido, não de traço. */
.bfd-nap-icone .bfd-nap-cheio {
	fill: currentColor;
	stroke: none;
}

/* O rótulo fica só para leitor de tela: o ícone já diz o que é. */
.bfd-nap-rotulo {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect( 0 0 0 0 );
	clip-path: inset( 50% );
	white-space: nowrap;
}

.bfd-nap .bfd-nap-valor,
.bfd-nap a.bfd-nap-valor {
	font-size: 1.0625rem;
	font-weight: 500;
	line-height: 1.4;
	color: var( --bf-paper-ink );
	text-decoration: none;
	transition: color 0.2s;
}

.bfd-nap a.bfd-nap-valor:hover,
.bfd-nap a.bfd-nap-valor:focus-visible {
	color: var( --bf-electric-deep );
}

.bfd-nap-item--endereco .bfd-nap-valor {
	font-size: 0.9375rem;
	font-weight: 400;
	color: var( --bf-paper-muted );
}

@media ( prefers-reduced-motion: reduce ) {
	.bfd-nap a.bfd-nap-valor {
		transition: none;
	}
}