/* Centered CTA section — light surface, heading + body + pill button, all centred. */

.cta-centered {
	width: 100%;
	padding-block: clamp(4rem, 8vw, 6.5rem);
	background: var(--color-surface-light);
}

.cta-centered.alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-inline: calc(50% - 50vw);
}

.cta-centered__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(1.25rem, 2.5vw, 1.75rem);
	max-width: 52rem;
	margin-inline: auto;
	text-align: center;
}

.cta-centered .cta-centered__heading {
	margin: 0;
	color: var(--color-blue-dark);
	font-size: clamp(1.9rem, 3.2vw, 2.75rem);
	font-weight: var(--font-weight-bold);
	line-height: 1.1;
	text-wrap: balance;
}

.cta-centered__body {
	margin: 0;
	max-width: 46rem;
	color: var(--color-blue-dark);
	font-size: clamp(0.95rem, 1.15vw, 1.05rem);
	line-height: 1.65;
}

.eventit-section--blue .cta-centered__body,
.eventit-section--blue-white-split .cta-centered__body {
	color: var(--color-on-dark-muted, rgba(255, 255, 255, 0.76));
}

.cta-centered__actions {
	margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

.cta-centered .cta-centered__button {
	min-width: 14rem;
	padding: 0.9rem 2.5rem;
	background: var(--color-brand-red);
	border: 2px solid var(--color-brand-red);
	border-radius: 3rem;
	color: #fff;
	font-size: 1rem;
	font-weight: var(--font-weight-bold);
	text-decoration: none;
	transition: background 180ms ease, border-color 180ms ease;
}

.cta-centered .cta-centered__button:hover,
.cta-centered .cta-centered__button:focus-visible {
	background: var(--color-blue-dark);
	border-color: var(--color-blue-dark);
	color: #fff;
	text-decoration: none;
}

.eventit-section--blue .cta-centered .cta-centered__button:hover,
.eventit-section--blue .cta-centered .cta-centered__button:focus-visible,
.eventit-section--blue-white-split .cta-centered .cta-centered__button:hover,
.eventit-section--blue-white-split .cta-centered .cta-centered__button:focus-visible {
	background: var(--color-white, #fff);
	border-color: var(--color-white, #fff);
	color: var(--color-blue-dark);
}

@media (max-width: 39.9375rem) {
	.cta-centered {
		padding-block: 3rem 3.75rem;
	}

	.cta-centered .cta-centered__button {
		width: 100%;
	}
}