/* ==========================================================================
   Quarto Fuoco — Sezione Partner
   Pixel-perfect from Figma node 192:2306
   ========================================================================== */

.qf-partners,
.qf-partners * {
	box-sizing: border-box;
}

.qf-partners {
	padding: 96px 0;
	background: #FFFFFF;
}

.qf-partners__inner {
	max-width: var(--qf-max-width);
	margin: 0 auto;
	padding: 0 24px;
}

.qf-partners__title {
	margin: 0 0 75px;
	text-align: center;
	font-family: "Inter", sans-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 72px;
	color: #5C2E26;
}

.qf-partners__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 48px 23px;
}

.qf-partners__item {
	/* Larghezza identica a una riga da 5 colonne, ma con flex+center i loghi
	   restano centrati qualunque sia la quantità (anche meno di 5). */
	flex: 0 0 calc((100% - 4 * 23px) / 5);
	max-width: calc((100% - 4 * 23px) / 5);
	aspect-ratio: 1 / 1;
	border-radius: 20px;
	border: 1px solid #9A4F3F;
	overflow: hidden;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}
.qf-partners__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 1463px) {
	.qf-partners {
		padding: 72px 0;
	}
	.qf-partners__title {
		font-size: 40px;
		line-height: 56px;
		margin-bottom: 56px;
	}
}

/* Mobile / tablet — 2 colonne come da Figma (3 righe × 2 col) */
@media (max-width: 991px) {
	.qf-partners {
		padding: 56px 0;
	}
	.qf-partners__inner {
		padding: 0 20px;
	}
	.qf-partners__title {
		font-size: 32px;
		line-height: 44px;
		margin-bottom: 40px;
	}
	.qf-partners__grid {
		gap: 22px;
	}
	.qf-partners__item {
		flex-basis: calc((100% - 22px) / 2);
		max-width: calc((100% - 22px) / 2);
	}
}

/* Mobile small */
@media (max-width: 600px) {
	.qf-partners__title {
		font-size: 28px;
		line-height: 38px;
		margin-bottom: 32px;
	}
	.qf-partners__grid {
		gap: 16px;
	}
	.qf-partners__item {
		flex-basis: calc((100% - 16px) / 2);
		max-width: calc((100% - 16px) / 2);
	}
}