/**
 * Media Kit page layout — Figma nodes 516:39004 (desktop) / 516:39830 (mobile).
 */

.ipopi-media-kit {
	display: flex;
	flex-direction: column;
	background: var(--ipopi-color-background-base, #ffffff);
}

/* Hero — gap title→body space-500 (32px) on desktop */
.ipopi-media-kit .wp-block-ipopi-page-intro .ipopi-page-intro__inner {
	gap: var(--ipopi-space-500, 32px);
}

.ipopi-media-kit .wp-block-ipopi-page-intro .ipopi-page-intro__title {
	font-size: var(--ipopi-type-heading-4-mobile-size, 40px);
	line-height: var(--ipopi-type-heading-4-mobile-line-height, 48px);
	letter-spacing: var(--ipopi-type-heading-4-mobile-letter-spacing, -0.4px);
	white-space: pre-line;
	text-align: left;
}

.ipopi-media-kit .wp-block-ipopi-page-intro .ipopi-page-intro__body {
	text-align: left;
}

.ipopi-media-kit .wp-block-ipopi-page-intro .ipopi-page-intro__body p {
	text-align: left;
}

/* Press releases — section title 32px mobile / 48px desktop */
.ipopi-media-kit .wp-block-ipopi-document-carousel .ipopi-section__title {
	font-size: var(--ipopi-type-heading-5-size, 32px);
	line-height: var(--ipopi-type-heading-5-line-height, 42px);
	letter-spacing: var(--ipopi-type-heading-5-letter-spacing, -0.32px);
}

.ipopi-media-kit .wp-block-ipopi-document-carousel .ipopi-doc-card__title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	overflow: hidden;
	min-height: calc(3 * var(--ipopi-type-body-medium-line-height, 26px));
}

/* Brand Resources group */
.ipopi-media-kit__brand {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: calc(var(--ipopi-content-width, 784px) + (2 * var(--ipopi-space-400, 24px)));
	margin: 0 auto;
	padding: var(--ipopi-space-600, 40px) var(--ipopi-space-400, 24px);
	box-sizing: border-box;
	background: var(--ipopi-color-background-base, #ffffff);
}

.ipopi-media-kit__brand > * {
	margin: 0;
}

.ipopi-media-kit__brand > .wp-block-ipopi-content-section .ipopi-section__inner {
	padding: 0;
}

.ipopi-media-kit__brand > .wp-block-ipopi-content-section .ipopi-content-section__content {
	max-width: none;
	padding: 0;
}

.ipopi-media-kit__brand > .wp-block-ipopi-content-section .ipopi-content-section__title {
	margin: 0 0 var(--ipopi-space-300, 16px);
	font-size: var(--ipopi-type-heading-5-size, 32px);
	line-height: var(--ipopi-type-heading-5-line-height, 42px);
	letter-spacing: var(--ipopi-type-heading-5-letter-spacing, -0.32px);
	text-align: left;
}

.ipopi-media-kit__brand > .wp-block-ipopi-content-section .ipopi-content-section__body {
	margin: 0;
}

.ipopi-media-kit__brand > .wp-block-ipopi-document-link-card {
	width: 100%;
	background: transparent;
}

.ipopi-media-kit__brand > .wp-block-ipopi-document-link-card .ipopi-section__inner {
	width: 100%;
	max-width: none;
	padding: 0;
	align-items: stretch;
}

/* Figma 516:39077 — card full-width da coluna 784px */
.ipopi-media-kit__brand > .wp-block-ipopi-document-link-card .ipopi-document-link-card__card {
	width: 100%;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
	box-sizing: border-box;
}

.ipopi-media-kit__brand > .wp-block-ipopi-content-section {
	width: 100%;
	background: transparent;
}

.ipopi-media-kit__brand > .wp-block-ipopi-content-section + .wp-block-ipopi-document-link-card {
	margin-top: var(--ipopi-space-500, 32px);
}

.ipopi-media-kit__brand > .wp-block-ipopi-document-link-card + .wp-block-ipopi-document-link-card {
	margin-top: var(--ipopi-space-100, 8px);
}

@media (min-width: 768px) {
	/* Figma 516:39026 / 516:39030 — coluna de texto 784px (padding 48px fora do content-width). */
	.ipopi-media-kit .wp-block-ipopi-page-intro .ipopi-page-intro__inner {
		gap: var(--ipopi-space-500, 32px);
		max-width: calc(var(--ipopi-content-width, 784px) + (2 * var(--ipopi-space-700, 48px)));
		padding: var(--ipopi-space-1000, 72px) var(--ipopi-space-700, 48px);
	}

	.ipopi-media-kit .wp-block-ipopi-page-intro .ipopi-page-intro__title {
		font-size: var(--ipopi-type-heading-4-size, 48px);
		line-height: var(--ipopi-type-heading-4-line-height, 58px);
		letter-spacing: var(--ipopi-type-heading-4-letter-spacing, -0.48px);
		text-align: center;
	}

	.ipopi-media-kit .wp-block-ipopi-page-intro .ipopi-page-intro__body,
	.ipopi-media-kit .wp-block-ipopi-page-intro .ipopi-page-intro__body p {
		text-align: center;
	}

	.ipopi-media-kit .wp-block-ipopi-document-carousel .ipopi-section__title {
		font-size: var(--ipopi-type-heading-4-size, 48px);
		line-height: var(--ipopi-type-heading-4-line-height, 58px);
		letter-spacing: var(--ipopi-type-heading-4-letter-spacing, -0.48px);
	}

	.ipopi-media-kit .wp-block-ipopi-document-carousel .ipopi-carousel__track > .ipopi-doc-card {
		flex: 0 0 317px;
		width: 317px;
	}

	.ipopi-media-kit__brand {
		max-width: calc(var(--ipopi-content-width, 784px) + (2 * var(--ipopi-space-700, 48px)));
		padding: var(--ipopi-space-1000, 72px) var(--ipopi-space-700, 48px);
		gap: 0;
	}

	.ipopi-media-kit__brand > .wp-block-ipopi-content-section,
	.ipopi-media-kit__brand > .wp-block-ipopi-document-link-card {
		width: 100%;
	}

	.ipopi-media-kit__brand > .wp-block-ipopi-content-section .ipopi-content-section__title {
		font-size: var(--ipopi-type-heading-4-size, 48px);
		line-height: var(--ipopi-type-heading-4-line-height, 58px);
		letter-spacing: var(--ipopi-type-heading-4-letter-spacing, -0.48px);
	}

	.ipopi-media-kit__brand > .wp-block-ipopi-content-section + .wp-block-ipopi-document-link-card {
		margin-top: var(--ipopi-space-400, 24px);
	}
}