/* ============================================================
   Corsi di apicoltura (home) - trascrizione di components.css
   (.corsi-split, .corsi-split-img, .corsi-split-text)
   dell'HTML di riferimento.
   Il pulsante e' un core/button: il suo aspetto sta in
   theme.json, le poche proprieta' restanti in style.css.
   ============================================================ */

.corsi-split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: 56px;
}

/* Nel riferimento la classe sta sull'<img>; core/image la mette sulla <figure>,
   quindi le proprieta' dell'immagine scendono di un livello. */
.corsi-split-img img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: var(--wp--custom--radius-lg) 120px 120px var(--wp--custom--radius-lg);
}

.corsi-split-text h2 {
	font-size: clamp(2.6rem, 5.5vw, 4rem);
	line-height: 1.1;
	margin-bottom: 14px;
}

.corsi-split-text p {
	color: var(--wp--preset--color--text-muted);
	font-size: 1.05rem;
	line-height: 1.7;
	max-width: 480px;
	margin-bottom: 28px;
}

/* ─── RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 960px) {
	.corsi-split {
		grid-template-columns: 1fr;
		gap: 32px;
	}
}