/*
 * Componentes compartilhados do novo design: botões e o padrão de
 * cabeçalho de seção (kicker + título). Outros componentes (formulário,
 * cards, FAQ, caixas de lei/jurisprudência) são adicionados junto dos
 * templates que os usam, nas fases seguintes.
 */

body.dbc-new-design .dbc-btn {
	font-weight: 600;
	font-size: 14.5px;
	padding: 11px 22px;
	border-radius: 2px;
	display: inline-block;
	transition: 0.2s;
	cursor: pointer;
	border: 0;
}

body.dbc-new-design .dbc-btn-green {
	background: var(--dbc-green);
	color: var(--dbc-white);
}
body.dbc-new-design .dbc-btn-green:hover {
	background: var(--dbc-green-2);
}

body.dbc-new-design .dbc-btn-wine {
	background: var(--dbc-wine);
	color: var(--dbc-white);
}
body.dbc-new-design .dbc-btn-wine:hover {
	background: var(--dbc-wine-dk);
}

body.dbc-new-design .dbc-btn-ghost {
	border: 1px solid var(--dbc-green);
	color: var(--dbc-green);
}
body.dbc-new-design .dbc-btn-ghost:hover {
	background: var(--dbc-green);
	color: var(--dbc-white);
}

/* Padrão de cabeçalho de seção (usado na Home e nas páginas de serviço) */

body.dbc-new-design section.dbc-block {
	padding: 86px 0;
}

body.dbc-new-design .dbc-kicker {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--dbc-wine);
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	gap: 12px;
}
body.dbc-new-design .dbc-kicker::before {
	content: '';
	width: 28px;
	height: 1px;
	background: var(--dbc-wine);
}

body.dbc-new-design h2.dbc-sec {
	font-size: clamp(29px, 4vw, 42px);
	max-width: 22ch;
	margin-bottom: 20px;
	color: var(--dbc-green);
}

body.dbc-new-design .dbc-sec-lede {
	font-size: 19px;
	color: var(--dbc-ink-soft);
	max-width: 62ch;
}

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