/*
 * Depoimentos (RF30–RF32).
 * Pattern: patterns/depoimentos.php
 */

.almar-depoimentos .almar-depoimentos__grade {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 767px) {
	.almar-depoimentos .almar-depoimentos__grade {
		grid-template-columns: 1fr;
	}
}

.almar-depoimento__citacao {
	flex: 1 1 auto;
	margin-block-end: 32px;
}

/* Ancora o autor no rodapé do card, a despeito do blockGap que o core aplica. */
.almar-depoimento .almar-depoimento__autor {
	margin-block-start: auto;
	display: flex;
	align-items: center;
	gap: 16px;
}

.almar-depoimento__autor .wp-block-image {
	margin: 0;
	flex-shrink: 0;
}

.almar-depoimento__autor img {
	width: 48px;
	height: 48px;
	border-radius: 9999px;
	object-fit: cover;
}

.almar-depoimento__nome {
	font-weight: 700;
	letter-spacing: 0.1em;
	color: var(--wp--preset--color--fundo-principal);
}

.almar-depoimento__empresa {
	color: var(--wp--preset--color--cinza-elegante);
}

/* Tablet: cards estreitos em 3 colunas — tipografia e avatar um pouco menores. */
@media (min-width: 768px) and (max-width: 899px) {
	.almar-depoimento__citacao {
		font-size: var(--wp--preset--font-size--body-sm) !important;
		margin-block-end: 24px;
	}

	.almar-depoimento__nome {
		font-size: 11px;
	}

	.almar-depoimento__empresa {
		font-size: var(--wp--preset--font-size--label-caps) !important;
	}

	.almar-depoimento__autor img {
		width: 40px;
		height: 40px;
	}

	.almar-depoimento .almar-depoimento__autor {
		gap: 12px;
	}
}

@media (min-width: 2080px) {
	.almar-depoimentos {
		padding-block: clamp(84px, 7vh, 128px) !important;
	}

	.almar-depoimentos > .wp-block-heading {
		margin-bottom: 24px !important;
	}

	.almar-depoimentos > .wp-block-separator {
		margin-bottom: 40px !important;
	}

	.almar-depoimentos .almar-depoimentos__grade {
		gap: 32px;
	}

	.almar-depoimentos .is-style-almar-citacao {
		padding: 40px;
	}

	.almar-depoimento__citacao {
		margin-block-end: 40px;
	}
}