/* =============================================================================
   Blok: gecentreerde CTA.

   Maten uit Figma (NVT61IBlNbt4LyTpo3CVlI):
     kop    612×52  op x=654  → DM Serif Display 40/52, roze (2199:8808)
     tekst  943×78  op x=488  → Kumbh Sans 14/26, #4e4e4e (2199:8809)
     knop   276×44  op x=822  → goud, Outfit Bold 16 wit uppercase
   Alles op middellijn x=960. Kop → tekst 17px, tekst → knop 27px.

   Op Ons team (2200:9094) staat het in een roze band van 1920×343: 63px lucht
   boven en onder, kop en tekst dan wit (2200:9027 / 2200:9028).
   ========================================================================== */

.hinke-cta__inner {
	text-align: center;
}

/* Regelhoogte 52 in plaats van de 56 van de gedeelde .hinke-block__kop. */
.hinke-cta__kop {
	margin: 0 0 17px;
	max-width: 612px;
	margin-inline: auto;
	line-height: 52px;
}

.hinke-cta__tekst {
	max-width: 943px;
	margin-inline: auto;
	font-family: var(--hinke-font-ui);
	font-weight: 400;
	font-size: 14px;
	line-height: 26px;
	color: var(--hinke-body);
}

.hinke-cta__tekst p {
	margin: 0;
}

.hinke-cta__tekst p + p {
	margin-top: 26px;
}

.hinke-cta__knop {
	margin-top: 27px;
}

/* -----------------------------------------------------------------------------
   Roze band — full-bleed 1920×343 met 63px lucht boven en onder. De regel
   `.hinke-block + .hinke-block` in pages/page.css zet padding-top op 56px, dus
   die overschrijven we met hogere specificiteit.
   -------------------------------------------------------------------------- */

.hinke-cta.hinke-block--roze {
	padding-top: 63px;
	padding-bottom: 63px;
	background: var(--hinke-pink);
}

.hinke-block + .hinke-cta.hinke-block--roze {
	margin-top: 56px;
	padding-top: 63px;
}

.hinke-cta.hinke-block--roze .hinke-cta__kop,
.hinke-cta.hinke-block--roze .hinke-cta__tekst {
	color: var(--hinke-white);
}

/* =============================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 900px) {
	.hinke-cta__kop {
		font-size: clamp(24px, 3vw, 40px);
		line-height: 1.3;
	}
}