/**
 * Padrão das LPs de solução (/solucoes/*) — ver core/func-solucoes.php.
 *
 * Só carrega nas páginas filhas de /solucoes (body.nf-solucao).
 *
 * Por que !important na escala do hero: cada template traz o próprio CSS
 * inline, muitas vezes com seletor de ID (#neo-score .neo-hero h1,
 * #pn-page .pn-hero h1) e impresso DEPOIS deste arquivo. Esta é a camada que
 * precisa ganhar de todos eles, e é a única que usa !important para isso.
 * Cor, fundo e layout de cada hero NÃO são tocados aqui.
 */

/* ============ FONTE ============
 * A fonte do site é a Roboto (carregada no header.php). Template que redefine
 * `body { font-family }` — a Interface WhatsApp pedia 'Inter', que nem é
 * carregada — derruba a página inteira, menu incluso, para a fonte do sistema.
 * body.nf-solucao ganha de `body` sem precisar de !important. */
body.nf-solucao {
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* ============ BREADCRUMB ============ */
.nf-sol-bc {
	background: #fff;
	border-bottom: 1px solid #ece6f6;
	font-family: 'Roboto', sans-serif;
	position: relative;
	z-index: 4;
}

.nf-sol-bc__lista {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
	padding: 11px 0;
	list-style: none;
	font-size: 13px;
	line-height: 1.4;
	color: #64748b;
}

.nf-sol-bc__lista li {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

.nf-sol-bc__lista a {
	color: #6E2CC9;
	font-weight: 500;
	text-decoration: none;
}

.nf-sol-bc__lista a:hover {
	text-decoration: underline;
}

.nf-sol-bc__lista [aria-current] span {
	color: #1e293b;
	font-weight: 600;
}

.nf-sol-bc__sep {
	display: inline-flex;
	margin: 0 8px;
	color: #c4b5d9;
}

/* max-width: none — o custom.css limita todo svg do site a 50px. */
.nf-sol-bc__sep svg {
	width: 10px;
	height: 10px;
	max-width: none;
	max-height: none;
}

/* ============ HERO ============ */
body.nf-solucao .nf-sol-hero {
	padding-top: 56px !important;
	padding-bottom: 64px !important;
}

body.nf-solucao .nf-sol-h1 {
	font-family: 'Roboto', sans-serif !important;
	font-size: clamp(30px, 3.4vw, 44px) !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	letter-spacing: -0.02em !important;
	margin-top: 0 !important;
	margin-bottom: 16px !important;
}

body.nf-solucao .nf-sol-sub {
	font-family: 'Roboto', sans-serif !important;
	font-size: clamp(17px, 1.6vw, 20px) !important;
	font-weight: 600 !important;
	line-height: 1.45 !important;
	letter-spacing: 0 !important;
	margin: 0 0 12px !important;
}

body.nf-solucao .nf-sol-lead {
	font-family: 'Roboto', sans-serif !important;
	font-size: clamp(16px, 1.4vw, 18px) !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	margin-top: 0 !important;
	margin-bottom: 24px !important;
}

body.nf-solucao .nf-sol-cta {
	font-family: 'Roboto', sans-serif !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	padding: 15px 28px !important;
	border-radius: 50px !important;
}

@media (max-width: 991px) {
	body.nf-solucao .nf-sol-hero {
		padding-top: 32px !important;
		padding-bottom: 48px !important;
	}
}

@media (max-width: 480px) {
	.nf-sol-bc__lista {
		font-size: 12px;
	}
}