/**
 * Faixa de benefícios antes do rodapé na home.
 *
 * Três itens lado a lado, separados por um fio discreto; empilham
 * numa coluna no celular.
 */

.oju-benefits {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: var(--oju-space-xl) var(--oju-space-lg);
	border-top: 1px solid #EAE4D8;
}

.oju-benefits__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--oju-space-sm);
	padding: var(--oju-space-lg);
	text-align: center;
}

.oju-benefits__item + .oju-benefits__item {
	border-left: 1px solid #EAE4D8;
}

.oju-benefits__item i {
	font-size: 26px;
	color: #A0623C;
}

.oju-benefits__item p {
	font-size: 12px;
	letter-spacing: 1px;
	color: var(--oju-text-muted);
}

@media (max-width: 600px) {
	.oju-benefits {
		grid-template-columns: 1fr;
	}

	/* Empilhado, o fio separador passa a ser horizontal. */
	.oju-benefits__item + .oju-benefits__item {
		border-left: 0;
		border-top: 1px solid #EAE4D8;
	}
}