/*
Modern rendering for legacy ACF block 41.
Loaded only on pages whose stored content contains acf/block41.
*/

body.jt-bk41-modern-page .bk41,
body.jt-bk41-modern-page .bk41 * {
	box-sizing: border-box;
}

body.jt-bk41-modern-page .bk41 {
	--jt41-paper: oklch(96.5% 0.012 61);
	--jt41-surface: oklch(98.8% 0.008 61);
	--jt41-ink: oklch(18% 0.012 286);
	--jt41-muted: oklch(45% 0.014 286);
	--jt41-line: oklch(76% 0.016 61);
	--jt41-wine: oklch(43% 0.085 20);
	--jt41-teal: oklch(39% 0.086 176);
	--jt41-teal-dark: oklch(31% 0.072 176);
	clear: both;
	width: min(1180px, calc(100% - 48px));
	max-width: 1180px;
	margin: clamp(56px, 7vw, 104px) auto;
	padding: 0 !important;
	border: 1px solid var(--jt41-line);
	background: var(--jt41-surface);
	color: var(--jt41-ink);
	letter-spacing: 0;
	overflow: hidden;
}

body.jt-bk41-modern-page .bk41 .b41-in,
body.jt-bk41-modern-page .bk41 .b41-inw {
	width: 100%;
	max-width: none;
	margin: 0 !important;
	padding: 0;
}

body.jt-bk41-modern-page .bk41 .b41-inw {
	display: grid;
	grid-template-columns: minmax(300px, .96fr) minmax(0, 1.04fr);
	align-items: stretch;
}

body.jt-bk41-modern-page .bk41 .b41-left {
	width: 100% !important;
	max-width: none !important;
	min-height: clamp(420px, 48vw, 640px);
	margin: 0 !important;
	position: relative;
	z-index: 1 !important;
	overflow: hidden;
	background: var(--jt41-paper);
}

body.jt-bk41-modern-page .bk41 .b41-left img {
	width: 100%;
	height: 100%;
	max-width: none;
	margin: 0;
	display: block;
	object-fit: cover;
	object-position: center;
	filter: grayscale(.04) contrast(1.02);
}

body.jt-bk41-modern-page .bk41 .b41-right {
	width: 100% !important;
	min-width: 0;
	padding: clamp(36px, 5vw, 68px) !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-left: 1px solid var(--jt41-line);
	background: var(--jt41-surface);
	text-align: left !important;
}

body.jt-bk41-modern-page .bk41 .b41-right h3 {
	max-width: 680px !important;
	margin: 0 0 clamp(20px, 2.4vw, 32px);
	color: var(--jt41-ink);
	font-family: Butler, Georgia, serif;
	font-size: clamp(32px, 3.4vw, 48px);
	font-weight: 300;
	line-height: 1.06;
	letter-spacing: 0;
	text-wrap: balance;
}

body.jt-bk41-modern-page .bk41 .b41-right p {
	max-width: 62ch;
	margin: 0 0 clamp(20px, 2.5vw, 30px);
	color: var(--jt41-muted);
	font-family: Roobert, "Helvetica Neue", Arial, sans-serif;
	font-size: clamp(16px, 1.35vw, 19px);
	font-weight: 400;
	line-height: 1.68;
	text-wrap: pretty;
}

body.jt-bk41-modern-page .bk41 .b41-right p strong,
body.jt-bk41-modern-page .bk41 .b41-right strong {
	color: var(--jt41-ink);
	font-weight: 650;
}

body.jt-bk41-modern-page .bk41 .b41-right > h4 {
	max-width: 58ch;
	margin: 0 0 clamp(20px, 2.5vw, 30px);
	color: var(--jt41-muted);
	font-family: Roobert, "Helvetica Neue", Arial, sans-serif;
	font-size: clamp(17px, 1.45vw, 21px);
	font-weight: 500;
	line-height: 1.56;
	letter-spacing: 0;
	text-wrap: pretty;
}

body.jt-bk41-modern-page .bk41 .b41-right ol {
	width: 100%;
	max-width: 720px;
	margin: clamp(16px, 2vw, 26px) 0 0;
	padding: 0;
	counter-reset: jt41-list;
	border-top: 1px solid var(--jt41-line);
	list-style: none;
}

body.jt-bk41-modern-page .bk41 .b41-right ol li {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	gap: 18px;
	margin: 0;
	padding: clamp(15px, 1.8vw, 20px) 0;
	counter-increment: jt41-list;
	border-bottom: 1px solid var(--jt41-line);
	color: var(--jt41-ink);
}

body.jt-bk41-modern-page .bk41 .b41-right ol li::before {
	content: counter(jt41-list, decimal-leading-zero);
	grid-column: 1;
	grid-row: 1;
	color: var(--jt41-wine);
	font-family: Roobert, "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.35;
}

body.jt-bk41-modern-page .bk41 .b41-right ol h4 {
	grid-column: 2;
	min-width: 0;
	margin: 0;
	color: var(--jt41-ink);
	font-family: Roobert, "Helvetica Neue", Arial, sans-serif;
	font-size: clamp(17px, 1.45vw, 21px);
	font-weight: 500;
	line-height: 1.36;
	letter-spacing: 0;
}

body.jt-bk41-modern-page .bk41 .arr-butt {
	align-self: flex-start;
	min-width: min(100%, 250px);
	min-height: 48px;
	margin: clamp(26px, 3.2vw, 44px) 0 0 !important;
	padding: 15px 48px 14px 22px;
	border: 1px solid var(--jt41-teal);
	border-radius: 999px;
	background: var(--jt41-teal);
	box-shadow: none;
	color: var(--jt41-surface);
	font-family: Roobert, "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.15;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

body.jt-bk41-modern-page .bk41 .arr-butt:hover,
body.jt-bk41-modern-page .bk41 .arr-butt:focus {
	border-color: var(--jt41-teal-dark);
	background: var(--jt41-teal-dark);
	color: var(--jt41-surface);
}

body.jt-bk41-modern-page .bk41 .arr-butt::after {
	right: 20px;
	color: var(--jt41-surface);
}

body.jt-bk41-modern-page .bk41 .arr-butt:hover::after,
body.jt-bk41-modern-page .bk41 .arr-butt:focus::after {
	right: 16px;
}

body.jt-bk41-modern-page.page-id-9438 .entry-content [data-jt-next-improvement="toxina-decisao-indicacao-20260608"] {
	margin-bottom: clamp(32px, 5vw, 58px);
}

@media (max-width: 1023px) {
	body.jt-bk41-modern-page .bk41 {
		width: min(100% - 32px, 1180px);
		margin: clamp(42px, 8vw, 72px) auto;
	}

	body.jt-bk41-modern-page .bk41 .b41-inw {
		grid-template-columns: 1fr;
	}

	body.jt-bk41-modern-page .bk41 .b41-left {
		min-height: 0;
		border-bottom: 1px solid var(--jt41-line);
	}

	body.jt-bk41-modern-page .bk41 .b41-left img {
		height: auto;
		aspect-ratio: 4 / 3;
	}

	body.jt-bk41-modern-page .bk41 .b41-right {
		border-left: 0;
		padding: clamp(28px, 6vw, 48px) !important;
	}
}

@media (max-width: 640px) {
	body.jt-bk41-modern-page .bk41 {
		width: min(100% - 24px, 1180px);
	}

	body.jt-bk41-modern-page .bk41 .b41-left img {
		aspect-ratio: 1 / 1;
	}

	body.jt-bk41-modern-page .bk41 .b41-right {
		padding: 26px 20px 28px !important;
	}

	body.jt-bk41-modern-page .bk41 .b41-right h3 {
		font-size: clamp(26px, 7.5vw, 34px) !important;
		line-height: 1.08 !important;
	}

	body.jt-bk41-modern-page .bk41 .b41-right p,
	body.jt-bk41-modern-page .bk41 .b41-right > h4 {
		font-size: 16px;
		line-height: 1.62;
	}

	body.jt-bk41-modern-page .bk41 .b41-right ol li {
		grid-template-columns: 40px minmax(0, 1fr);
		gap: 12px;
		padding: 15px 0;
	}

	body.jt-bk41-modern-page .bk41 .b41-right ol h4 {
		font-size: 16px;
		line-height: 1.36;
	}

	body.jt-bk41-modern-page .bk41 .arr-butt {
		width: calc(100% - 72px);
		min-width: 0;
		max-width: 340px;
		justify-content: center;
		padding-right: 42px;
		padding-left: 16px;
		font-size: 11px;
		white-space: normal;
	}
}