/* ============================================
   Hero Service
   Titolo centrato display-medium su sfondo configurabile.
   Figma: node 4699:3900 — 1440×405px, padding top/bottom 140px
   ============================================ */

.s4w-hero-service {
	width: 100%;
	background-color: var(--bg-weak-100);
}

.s4w-hero-service__wrapper {
	padding-top: 140px;
	padding-bottom: 140px;
}

.s4w-hero-service__title {
	text-align: center;
}

.s4w-hero-service__title .display-medium {
	text-transform: uppercase;
	text-align: center;
}

/* Padding override utilities */
.s4w-hero-service.s4w-pt-0 .s4w-hero-service__wrapper {
	padding-top: 0;
}

.s4w-hero-service.s4w-pb-0 .s4w-hero-service__wrapper {
	padding-bottom: 0;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 768px) {
	.s4w-hero-service__wrapper {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}