.wpcrm-content-gate {
	--wpcrm-gate-a1: #6366f1;
	--wpcrm-gate-a2: #a855f7;
	--wpcrm-gate-a3: #f97316;
	--wpcrm-gate-text: #1e293b;
	--wpcrm-gate-line-height: 1.95;
	--wpcrm-gate-font-size: 1.02rem;
	margin: 1.5em 0 2em;
	font-family: inherit;
}

.wpcrm-content-gate__preview {
	position: relative;
	max-height: 9.5em;
	overflow: hidden;
	padding: 0 2px 18px;
}

.wpcrm-content-gate__preview--lines {
	max-height: calc(var(--wpcrm-gate-line-count, 3) * var(--wpcrm-gate-line-height) * var(--wpcrm-gate-font-size));
	overflow: hidden;
}

.wpcrm-content-gate__body--html {
	line-height: var(--wpcrm-gate-line-height);
	color: var(--wpcrm-gate-text);
	font-size: var(--wpcrm-gate-font-size);
	text-align: justify;
}

.wpcrm-content-gate__body--html > :first-child {
	margin-top: 0;
}

.wpcrm-content-gate__body--html > :last-child {
	margin-bottom: 0;
}

.wpcrm-content-gate__body--html p,
.wpcrm-content-gate__body--html li {
	line-height: var(--wpcrm-gate-line-height);
}

.wpcrm-content-gate__text {
	margin: 0;
	line-height: 1.95;
	color: var(--wpcrm-gate-text);
	font-size: 1.02rem;
	text-align: justify;
}

.wpcrm-content-gate__fade {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 72px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.92) 55%, #fff 100%);
	pointer-events: none;
}

.wpcrm-content-gate__cta {
	margin-top: 4px;
	padding: 24px 20px 22px;
	border-radius: 20px;
	text-align: center;
	background: linear-gradient(165deg, #fff7ed 0%, #fff 42%, #f5f3ff 100%);
	border: 2px solid rgba(249, 115, 22, 0.38);
	box-shadow:
		0 14px 36px rgba(99, 102, 241, 0.14),
		0 8px 24px rgba(249, 115, 22, 0.12),
		inset 0 0 0 1px rgba(255, 255, 255, 0.8);
}

.wpcrm-content-gate__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin: 0 auto 12px;
	border-radius: 16px;
	color: #fff;
	background: linear-gradient(135deg, var(--wpcrm-gate-a1), var(--wpcrm-gate-a2));
	box-shadow: 0 8px 20px rgba(99, 102, 241, 0.35);
}

.wpcrm-content-gate__lead {
	margin: 0 0 18px;
	font-size: 1.05rem;
	font-weight: 800;
	line-height: 1.75;
	color: #9a3412;
}

.wpcrm-content-gate__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 220px;
	padding: 14px 28px;
	border-radius: 999px;
	text-decoration: none;
	font-size: 1rem;
	font-weight: 800;
	color: #fff;
	background: linear-gradient(90deg, var(--wpcrm-gate-a3) 0%, #ea580c 45%, var(--wpcrm-gate-a2) 100%);
	box-shadow: 0 12px 28px rgba(249, 115, 22, 0.38);
	transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.wpcrm-content-gate__btn:hover,
.wpcrm-content-gate__btn:focus {
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 16px 34px rgba(249, 115, 22, 0.45);
	filter: brightness(1.03);
}

.wpcrm-content-gate__btn-icon {
	display: inline-flex;
	width: 24px;
	height: 24px;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.22);
	font-size: 14px;
	line-height: 1;
}

.wpcrm-content-gate__warn {
	margin: 0;
	font-size: 0.92rem;
	color: #b45309;
}

@media (max-width: 640px) {
	.wpcrm-content-gate__cta {
		padding: 20px 16px 18px;
	}

	.wpcrm-content-gate__btn {
		width: 100%;
		min-width: 0;
	}
}