/* Famiglia «funzionalita»: regole condivise dalle pagine con questo template, sotto .qrevely-pagina--funzionalita.
Valori misurati sul live (1440 e 390). L'header del tema è sticky e occupa spazio (85px, 67px sotto i 1000px),
sul live era sovrapposto: i padding alti della testata sono quelli del live meno l'header.
I pattern diviso e passi hanno le loro regole in assets/css/pattern.css. */

.qrevely-pagina--funzionalita .is-style-eyebrow {
	line-height: 1.6;
}
.qrevely-pagina--funzionalita h1,
.qrevely-pagina--funzionalita h2,
.qrevely-pagina--funzionalita h3,
.qrevely-pagina--funzionalita p,
.qrevely-pagina--funzionalita figure {
	margin: 0;
}
/* Le sezioni sono a tutta larghezza, con 20px ai lati; la colonna di 1160px è in base.css. */
.qrevely-pagina--funzionalita .wp-block-post-content > .alignfull {
	padding-right: 20px;
	padding-left: 20px;
}
.qrevely-pagina--funzionalita .qrevely-eroe-colonne {
	margin: 0;
}
/* Testata */
.qrevely-eroe--funzionalita {
	padding-top: 61px;
}
.qrevely-pagina--funzionalita .qrevely-eroe-colonne {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 430px);
	gap: 0 60px;
	align-items: stretch;
}
.qrevely-pagina--funzionalita .qrevely-eroe-colonne > .wp-block-column {
	flex-basis: auto;
}
.qrevely-pagina--funzionalita .qrevely-eroe-colonne > .wp-block-column:last-child {
	display: flex;
	flex-direction: column;
}
.qrevely-pagina--funzionalita .qrevely-eroe--funzionalita h1 {
	margin-top: 26px;
	font-size: clamp(38px, 5.2vw, 70px);
	line-height: 1.06;
	letter-spacing: -0.035em;
}
.qrevely-pagina--funzionalita .qrevely-eroe-icone {
	gap: 28px;
	margin-top: 0;
	align-items: center;
}
.qrevely-pagina--funzionalita .qrevely-lead {
	max-width: 410px;
	margin-top: 28px;
	font-size: 16.5px;
	line-height: 1.7;
}
.qrevely-pagina--funzionalita .qrevely-eroe-colonne .wp-block-buttons {
	margin-top: auto;
	gap: 26px;
	align-items: center;
}
/* Chiusura (qrevely/cta, regole in assets/css/pattern.css): come le altre sezioni della famiglia tiene sopra lo spazio fra i
blocchi della pagina, e il bottone sta in fondo alla colonna. */
.qrevely-pagina--funzionalita .qrevely-cta {
	--qrevely-cta-spazio-bottoni: auto;
	--qrevely-cta-spazio-colonne: 40px;
	margin-top: var(--wp--style--block-gap);
}
@media (max-width: 1080px) {
	.qrevely-pagina--funzionalita .qrevely-eroe-colonne {
		grid-template-columns: 1fr;
		gap: 34px 0;
	}
	.qrevely-pagina--funzionalita .qrevely-lead {
		max-width: 560px;
	}
	.qrevely-pagina--funzionalita .qrevely-eroe-colonne .wp-block-buttons {
		padding-top: 34px;
	}
	.qrevely-pagina--funzionalita .qrevely-cta-colonne .wp-block-buttons {
		padding-top: 30px;
	}
}
@media (max-width: 781px) {
	.qrevely-pagina--funzionalita .qrevely-cta {
		--qrevely-cta-spazio-colonne: 30px;
	}
	.qrevely-eroe--funzionalita {
		padding-top: 43px;
	}
	.qrevely-pagina--funzionalita .qrevely-eroe--funzionalita h1 {
		margin-top: 22px;
		font-size: clamp(32px, 8.6vw, 42px);
	}
	.qrevely-pagina--funzionalita .qrevely-eroe-icone {
		gap: 22px;
	}
	.qrevely-pagina--funzionalita .qrevely-lead {
		margin-top: 22px;
		font-size: 15.5px;
	}
	.qrevely-pagina--funzionalita .qrevely-eroe-colonne .wp-block-buttons {
		padding-top: 28px;
		gap: 18px;
	}
	.qrevely-pagina--funzionalita .qrevely-eroe-icone .wp-block-qrevely-icona {
		--qrevely-icona-dimensione: 24px !important;
	}
	.qrevely-pagina--funzionalita .qrevely-eroe-icone .wp-block-qrevely-icona:nth-child(2) {
		--qrevely-icona-dimensione: 21px !important;
	}
}