/**
 * Prenota un appuntamento — testata blu e modulo in colonna stretta.
 *
 * La veste dei campi non è qui: è in `form.css`, sotto la classe `form-skin`,
 * e vale uguale su Contatti, Lavora con noi e qui. Questo foglio porta solo
 * ciò che è della sezione — la banda blu della testata e la misura della
 * colonna in cui il modulo sta.
 */

.prenota {
	padding-block-end: clamp( 64px, 8vw, 120px );
}

/* --- Testata ----------------------------------------------------------
   Stessa trama blu della banda del video e della dichiarazione Exytus: è la
   terza volta che compare nella pagina, ed è quella a legarle. */

.prenota__head {
	padding: clamp( 56px, 7vw, 96px ) var(--wp--preset--spacing--50);
	text-align: center;
	background-image: var(--cn-media-bg-blue);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.wp-block-group.prenota__head > * {
	margin-block-start: 0;
}

.prenota__title {
	max-width: 18ch;
	margin: 0 auto 20px;
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: -0.01em;
}

.prenota__sub {
	max-width: 52ch;
	margin: 0 auto;
	line-height: 1.5;
}

/* --- Il modulo --------------------------------------------------------- */

.prenota__inner {
	max-width: 900px;
	margin-inline: auto;
	padding: clamp( 48px, 6vw, 80px ) var(--wp--preset--spacing--50) 0;
}

/* Del bottone di invio qui resta solo dove sta: la pastiglia — forma, peso,
   tinta, passaggio — è quella di `form.css`, la stessa di ogni altro modulo del
   sito. Prima era riscritta anche qui, con gli stessi valori; quando `form.css`
   li ha cambiati questa copia è rimasta indietro e il bottone si è ritrovato a
   metà fra i due disegni. Il centraggio invece è suo davvero: il modulo del
   Franchising avvolge il bottone in `.ff_submit_btn_wrapper`, che gli altri non
   hanno. */
.prenota__inner .ff_submit_btn_wrapper {
	display: flex;
	justify-content: center;
	margin-top: 16px;
}