/* =============================================
   ASSISTENZA-IT.CSS — Stili specifici hub Assistenza IT
   ============================================= */

.hub-hero::before {
  background: radial-gradient(circle, rgba(240,90,26,0.08) 0%, transparent 65%);
}

.area-badge--assistenza {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--c-orange-pale);
  color: var(--c-orange);
  font-size: var(--t-xs);
  font-weight: 700;
  padding: 5px 12px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: var(--sp-sm);
}

/* Service Cards Image Wrapper */
.servizio-card__img-wrapper {
  width: 100%;
  height: 140px;
  border-radius: var(--r-md);
  overflow: hidden;
  margin-bottom: var(--sp-md);
  background: var(--c-bg-alt);
  display: flex;
  align-items: center;
  justify-content: center;
}

.servizio-card__img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s cubic-bezier(.22,1,.36,1);
}

.servizio-card:hover .servizio-card__img-wrapper img {
  transform: scale(1.1);
}

/* Testimonianza: rimuove blocco scuro solo in servizi > assistenza IT */
.testi-single {
  background: var(--c-white);
  border: 1px solid var(--c-border);
}

.testi-single__quote {
  color: var(--c-gray);
}

.testi-single__name {
  color: var(--c-dark);
}

.testi-single__role {
  color: var(--c-gray-light);
}