/* =========================================
   Force Fair — Página Método
   ========================================= */

/* Hero */
.ff-metodo-hero-sub {
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}

/* Três Pilares */
.ff-pilares-grid {
	gap: 40px;
}

.ff-pilar-card {
	flex: 1 1 280px;
	max-width: 360px;
	gap: 12px;
}

.ff-pilar-number {
	color: var(--wp--preset--color--brand-primary-text, #445244);
	margin: 0;
}

.ff-metodo-pilares .ff-pilar-card p:not(.ff-pilar-number) {
	opacity: 0.85;
}

@media (max-width: 781px) {
	.ff-pilar-card {
		max-width: 100%;
	}
}

/* Timeline */
.ff-timeline {
	position: relative;
	padding-left: 40px;
	gap: 0;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

/* Vertical line */
.ff-timeline::before {
	content: "";
	position: absolute;
	left: 5px;
	top: 6px;
	bottom: 6px;
	width: 2px;
	background: var(--wp--preset--color--brand-primary-text, #445244);
}

/* Timeline node (circle) */
.ff-timeline-item {
	position: relative;
	padding-bottom: 48px;
	gap: 6px;
}

.ff-timeline-item::before {
	content: "";
	position: absolute;
	left: -40px;
	top: 4px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--wp--preset--color--brand-primary-text, #445244);
	transform: translateX(-5px);
}

.ff-timeline-item:last-child {
	padding-bottom: 0;
}

/* Label */
.ff-timeline-label {
	color: var(--wp--preset--color--brand-secondary-text, #88948A);
	margin: 0;
}

/* CTA at end of timeline */
.ff-timeline-cta {
	padding-top: 8px;
}

.ff-timeline-cta .wp-block-button__link:hover {
	opacity: 0.9;
}

@media (max-width: 781px) {
	.ff-timeline {
		padding-left: 32px;
	}

	.ff-timeline-item {
		padding-bottom: 36px;
	}

	.ff-timeline-item::before {
		left: -32px;
		width: 10px;
		height: 10px;
		transform: translateX(-4px);
	}

	.ff-timeline::before {
		left: 4px;
	}
}