/*
 * Pattern Gutenberg "Sezione chiara" (categoria "Sala Smaltimenti"):
 * fascia a tutta larghezza su sfondo `var(--color-section-light)` con
 * titolo verde e illustrazione a sinistra, testo a destra, come nel Figma "pagina
 * interna". Su schermi stretti le due colonne si impilano (comportamento
 * nativo del blocco "Colonne").
 */
.pattern-sezione-chiara {
	padding: 4rem max(2rem, calc(50vw - 765px));
	background: var(--color-section-light);
}

.pattern-sezione-chiara__colonne {
	align-items: center;
	column-gap: 3rem;
	margin: 0;
}

.pattern-sezione-chiara__titolo {
	margin: 0;
	font-family: var(--font-titles);
	font-size: clamp(1.75rem, 2.5vw, 3rem);
	font-weight: 900;
	line-height: 1.3;
	color: var(--color-green);
}

.pattern-sezione-chiara__illustrazione {
	margin: 1.5rem 0 0;
}

.pattern-sezione-chiara__illustrazione img {
	display: block;
	width: 306px;
	max-width: 100%;
	height: auto;
}

.pattern-sezione-chiara__testo {
	margin: 0;
	color: var(--color-card-text);
}

@media (width <= 767px) {
	.pattern-sezione-chiara {
		padding: 2rem 1rem;
	}
}