/* Famiglia «caso-uso»: regole condivise dalle pagine con questo template, sotto .qrevely-pagina--caso-uso.
   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.
   Qui sta la testata. Le sezioni qrevely/scena, qrevely/perche e qrevely/cta-scura (con il telefono disegnato e le card) sono
   pattern dell'inserter e stanno in assets/css/pattern.css, che vale in ogni pagina (R15): la famiglia non aggiunge deltas. */

.qrevely-pagina--caso-uso {
	--cu-colonna: 1160px;
}
.qrevely-pagina--caso-uso h1,
.qrevely-pagina--caso-uso h2,
.qrevely-pagina--caso-uso h3,
.qrevely-pagina--caso-uso p,
.qrevely-pagina--caso-uso figure {
	margin: 0;
}
.qrevely-pagina--caso-uso .is-style-eyebrow {
	line-height: 1.7;
}
.qrevely-pagina--caso-uso .wp-block-post-content > .alignfull {
	margin-block: 0;
}
/* Le sezioni sono a tutta larghezza; il contenuto sta in una colonna di 1160px con 20px ai lati. */
.qrevely-pagina--caso-uso .wp-block-post-content > .alignfull {
	padding-right: 20px;
	padding-left: 20px;
}
.qrevely-pagina--caso-uso .wp-block-post-content > .alignfull > * {
	max-width: var(--cu-colonna);
	margin-right: auto;
	margin-left: auto;
}
.qrevely-pagina--caso-uso .wp-block-columns {
	margin: 0;
}
.qrevely-pagina--caso-uso .wp-block-columns > .wp-block-column {
	flex-basis: auto;
}

/* Testata */
.qrevely-eroe--caso-uso {
	padding-top: 61px;
}
.qrevely-pagina--caso-uso .qrevely-eroe-colonne {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 405px);
	gap: 0 60px;
	align-items: stretch;
}
.qrevely-pagina--caso-uso .qrevely-eroe-colonne > .wp-block-column:last-child {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.qrevely-pagina--caso-uso .qrevely-eroe--caso-uso h1 {
	margin-top: 26px;
	font-size: clamp(38px, 5.2vw, 70px);
	line-height: 1.08;
	letter-spacing: -0.035em;
}
.qrevely-pagina--caso-uso .qrevely-lead {
	max-width: 400px;
	font-size: 15px;
	line-height: 1.7;
}
.qrevely-pagina--caso-uso .qrevely-eroe-colonne .wp-block-buttons {
	flex-wrap: wrap;
	gap: 24px;
	align-items: center;
	margin-top: 30px;
}

.qrevely-pagina--caso-uso .wp-block-button.is-style-freccia .wp-block-button__link {
	padding: 14px 22px;
	font-size: 14.5px;
	line-height: 1;
}

@media (max-width: 1080px) {
	.qrevely-pagina--caso-uso .qrevely-eroe-colonne {
		grid-template-columns: 1fr;
		gap: 34px 0;
	}
	.qrevely-pagina--caso-uso .qrevely-eroe-colonne > .wp-block-column:last-child {
		justify-content: flex-start;
	}
}
@media (max-width: 781px) {
	.qrevely-eroe--caso-uso {
		padding-top: 43px;
	}
	.qrevely-pagina--caso-uso .qrevely-eroe--caso-uso h1 {
		margin-top: 20px;
		font-size: clamp(32px, 8.6vw, 42px);
	}
	.qrevely-pagina--caso-uso .qrevely-lead {
		max-width: none;
		font-size: 14.5px;
	}
	.qrevely-pagina--caso-uso .qrevely-eroe-colonne .wp-block-buttons {
		gap: 18px;
		margin-top: 24px;
	}
}