/* Exclusivo da página Sobre; mantém os demais componentes intactos. */
.sobre-valores {
	padding-bottom: clamp(2rem, 4vw, 3.5rem);
	background: var(--color-white);
}

.sobre-valores h2 {
	margin: 0 0 1.5rem;
	color: var(--color-black);
	font-size: clamp(1.75rem, 2.7vw, 2.25rem);
	font-weight: 700;
	letter-spacing: -0.035em;
	line-height: 1.15;
}

.sobre-valores h2::before {
	content: '';
	display: block;
	width: 2rem;
	height: 4px;
	margin-bottom: 0.75rem;
	background: var(--color-gold);
}

.sobre-valores__grade {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: stretch;
	gap: 1.25rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sobre-valores__card {
	min-width: 0;
	margin: 0;
	padding: 1.5rem;
	border: 1px solid var(--color-neutral-200);
	border-radius: 8px;
	background: var(--color-white);
}

.sobre-valores__cabecalho {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	margin-bottom: 1rem;
}

.sobre-valores__icone {
	display: inline-flex;
	flex: none;
	color: var(--color-gold-site);
}

.sobre-valores__icone svg { display: block; width: 2.75rem; height: 2.75rem; }
.sobre-valores h3 {
	min-width: 0;
	margin: 0;
	color: var(--color-black);
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.sobre-valores__card p {
	margin: 0;
	color: var(--color-muted);
	font-size: 0.9375rem;
	line-height: 1.65;
	overflow-wrap: anywhere;
}

@media (min-width: 48rem) {
	.sobre-valores__grade { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 64rem) {
	.sobre-valores__grade { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
