/**
 * Power to Move — typography classes outside Blocksy's Typography menu.
 *
 * Headings h1–h6, paragraphs (base font) and buttons are set in
 * Appearance > Customize > General > Typography. The classes below cover
 * the remaining text styles from the Figma file.
 *
 * Breakpoints match Blocksy: tablet ≤ 999.98px, mobile ≤ 689.98px.
 *
 * Usage: add the class in the block's Advanced > Additional CSS class(es).
 */

:root {
	/* .ptm-h7 — Figma "h7 - 20px": feature/value titles, small headings. */
	--ptm-h7-size: 20px;
	--ptm-h7-line-height: 1.2;

	/* .ptm-lead — Figma "text.lead" (destaque): hero intro paragraph. */
	--ptm-lead-size: 24px;
	--ptm-lead-line-height: 1.25;

	/* .ptm-text-sm — Figma "desktop/body/S": card and feature descriptions. */
	--ptm-text-sm-size: 16px;
	--ptm-text-sm-line-height: 1.3;

	/* .ptm-caption — tags, meta lines, breadcrumbs, legal text. */
	--ptm-caption-size: 14px;
	--ptm-caption-line-height: 1.4;

	/* .ptm-eyebrow — label pill above section titles ("Sobre Nós", "Quem Somos"). */
	--ptm-eyebrow-size: 16px;
	--ptm-eyebrow-line-height: 1;

	/* .ptm-quote — testimonial quote body. */
	--ptm-quote-size: 20px;
	--ptm-quote-line-height: 1.2;

	/* .ptm-stat — key numbers ("+500", "+1.200"). */
	--ptm-stat-size: 60px;
	--ptm-stat-line-height: 1.2;
}

@media (max-width: 999.98px) {
	:root {
		--ptm-lead-size: 20px;
		--ptm-lead-line-height: 1.3;

		--ptm-eyebrow-size: 15px;
		--ptm-eyebrow-line-height: 1.2;

		--ptm-quote-size: 18px;
		--ptm-quote-line-height: 1.3;

		--ptm-stat-size: 48px;
		--ptm-stat-line-height: 1.1;
	}
}

@media (max-width: 689.98px) {
	:root {
		--ptm-lead-size: 18px;

		--ptm-eyebrow-size: 14px;

		--ptm-quote-size: 16px;

		--ptm-stat-size: 40px;
		--ptm-stat-line-height: 1;
	}
}

.ptm-h7,
.ptm-lead,
.ptm-text-sm,
.ptm-caption,
.ptm-eyebrow,
.ptm-quote,
.ptm-stat {
	font-family: var(--ptm-font-family, var(--theme-font-family));
	font-style: normal;
	text-transform: none;
	letter-spacing: 0;
}

.ptm-h7 {
	font-size: var(--ptm-h7-size);
	line-height: var(--ptm-h7-line-height);
	font-weight: 500;
}

.ptm-lead {
	font-size: var(--ptm-lead-size);
	line-height: var(--ptm-lead-line-height);
	font-weight: 400;
}

.ptm-text-sm {
	font-size: var(--ptm-text-sm-size);
	line-height: var(--ptm-text-sm-line-height);
	font-weight: 400;
}

.ptm-caption {
	font-size: var(--ptm-caption-size);
	line-height: var(--ptm-caption-line-height);
	font-weight: 400;
}

.ptm-eyebrow {
	font-size: var(--ptm-eyebrow-size);
	line-height: var(--ptm-eyebrow-line-height);
	font-weight: 500;
	letter-spacing: 0.008em;
}

.ptm-quote {
	font-size: var(--ptm-quote-size);
	line-height: var(--ptm-quote-line-height);
	font-weight: 400;
}

.ptm-stat {
	font-size: var(--ptm-stat-size);
	line-height: var(--ptm-stat-line-height);
	font-weight: 400;
	letter-spacing: -0.06em;
}