/*
 * Sección a todo el ancho de "Quiénes somos" (cultura, propósito y valores, Empresas Carozzi).
 *
 *   Contenedor → about-section
 *     Variantes: about-section--tight (menos aire arriba y abajo)
 *                about-section--dark  (fondo oscuro, texto blanco)
 *                about-section--soft  (fondo crema)
 */

.about-section {
	display: block;
	width: 100%;
	padding: clamp(48px, 6vw, 88px) var(--wrap-gutter);
	background: #fff;
}

.about-section--tight { padding-block: clamp(40px, 5vw, 72px); }
.about-section--soft { background: var(--color-soft); }
.about-section--dark {
	padding-block: clamp(56px, 6.5vw, 96px);
	overflow: hidden;
	background: var(--color-ink);
	color: #fff;
}