/*
 * Prenota: fascia scura in chiusura di pagina, testo a sinistra e bottone a
 * destra. Regole della sezione #prenota del prototipo, senza il campo mail
 * (quello vive sulla pagina Prenota).
 */

.cn-prenota {
	display: grid;
	gap: clamp(2rem, 5vw, 4.5rem);
	align-items: end;
}

@media (min-width: 60rem) {
	.cn-prenota {
		grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr);
	}
}

.cn-prenota .cn-sezione__titolo {
	margin-bottom: 0.5em;
}

.cn-prenota__testo {
	color: rgba(245, 242, 238, 0.74);
	max-width: 42ch;
	margin: 0;
}

/* Sul fondo scuro il bottone si rovescia: carta su inchiostro. */
.cn-prenota__azione .cn-bottone {
	background-color: var(--cn-panna);
	border-color: var(--cn-panna);
	color: var(--cn-scuro);
}

.cn-prenota__azione .cn-bottone:hover,
.cn-prenota__azione .cn-bottone:focus-visible {
	background-color: var(--cn-rovere);
	border-color: var(--cn-rovere);
	color: var(--cn-scuro);
}

.cn-prenota__nota {
	margin: 1.2rem 0 0;
	font-size: 0.9rem;
	color: rgba(245, 242, 238, 0.5);
}