/*
 * Design tokens do novo design (reestruturação 2026).
 * Baseado nos mockups em ~/downloads_windows/plano-reestruturacao-bancario-dev/.
 * Tudo abaixo do :root fica escopado em body.dbc-new-design para nunca vazar
 * para as páginas antigas (WPBakery) nem herdar os seletores de elemento
 * genéricos do CSS do tema pai (df-layout).
 */
:root {
	--dbc-green: #2b463b;
	--dbc-green-2: #345343;
	--dbc-green-dk: #1f3329;
	--dbc-ink: #1c2822;
	--dbc-ink-soft: #465049;
	--dbc-paper: #f1efe9;
	--dbc-paper-2: #e7e3d9;
	--dbc-wine: #a23a3f;
	--dbc-wine-dk: #8a2f34;
	--dbc-gold: #b08a3e;
	--dbc-gold-lt: #d8b98a;
	--dbc-line: #d8d3c6;
	--dbc-line-soft: #e5e1d6;
	--dbc-white: #fbfaf6;
	--dbc-wa: #25d366;
	--dbc-wa-dk: #1ebe57;
}

body.dbc-new-design {
	font-family: 'Libre Franklin', system-ui, -apple-system, sans-serif;
	color: var(--dbc-ink);
	background: var(--dbc-paper);
	font-size: 18px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}

body.dbc-new-design * {
	box-sizing: border-box;
}

/*
 * O tema pai define #wrapper{overflow:hidden} (includes/assets/css/layout.css,
 * seção "Containers & Columns") — como o header novo fica dentro de #wrapper e
 * usa position:sticky, esse overflow:hidden herdado quebra o "grudar" no topo
 * ao rolar a página (qualquer ancestral com overflow diferente de visible
 * impede o sticky). Cada seção do novo design já cuida do próprio clipping
 * (ex.: .dbc-hero tem overflow:hidden só nela, para conter o SVG decorativo),
 * então liberar o overflow do #wrapper aqui é seguro e não afeta as páginas
 * antigas (a regra só vale em body.dbc-new-design).
 */
body.dbc-new-design #wrapper {
	overflow: visible;
	background: var(--dbc-paper);
}

/*
 * O tema pai injeta um CSS global do Customizer (inline, sem id, ex.:
 * "h1,h2,h3,h4,h5,h6{font-family:Montserrat;font-weight:700;
 * text-transform:uppercase;letter-spacing:1.25px}") com seletor de elemento
 * puro (baixa especificidade). font-family/font-weight já perdem para a
 * regra abaixo por especificidade (body.dbc-new-design + elemento), mas
 * text-transform e letter-spacing não são declarados aqui por padrão — sem
 * essa declaração explícita, a regra do pai vence por ser a única a definir
 * essas duas propriedades. Por isso h1/h2/h3/h4 SEMPRE precisam de
 * text-transform e letter-spacing explícitos aqui, mesmo "none"/normal.
 */
body.dbc-new-design h1,
body.dbc-new-design h2,
body.dbc-new-design h3,
body.dbc-new-design h4,
body.dbc-new-design .dbc-serif {
	font-family: 'Playfair Display', Georgia, serif;
	font-weight: 600;
	text-transform: none;
	letter-spacing: -0.01em;
	line-height: 1.14;
	margin: 0;
}

body.dbc-new-design p {
	margin: 0 0 13px;
}

body.dbc-new-design a {
	color: inherit;
	text-decoration: none;
}

body.dbc-new-design img {
	max-width: 100%;
	display: block;
}

body.dbc-new-design .dbc-wrap {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 32px;
}

@media (max-width: 640px) {
	body.dbc-new-design .dbc-wrap {
		padding: 0 20px;
	}
}