/* ============================================================
   Supporto Gare — servizi.css
   ============================================================ */

.servizi-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.75rem;
}

.metodo-section { background: var(--color-paper-2); }
.metodo-section__intro {
  font-size: 1.1rem;
  color: var(--color-muted);
  margin-bottom: 2.5rem;
  max-width: 60ch;
}
.metodo-section__steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
.metodo-section__closing {
  margin-top: 2.5rem;
  font-style: italic;
  color: var(--color-muted);
}

.target-section__intro {
  font-size: 1.1rem;
  color: var(--color-muted);
  margin-bottom: 2.5rem;
}
.target-section__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.75rem;
}
.target-card {
  text-align: center;
  padding: 2.25rem 1.5rem;
  background: var(--color-white);
  border: 1px solid var(--color-line);
  border-radius: var(--radius);
  transition: transform var(--transition), box-shadow var(--transition);
}
.target-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.target-card__icon {
  width: 72px; height: 72px;
  margin: 0 auto 1.25rem;
  display: flex; align-items: center; justify-content: center;
}
.target-card__icon img { max-height: 72px; }
.target-card__title { margin-bottom: .6rem; }
.target-card__text { color: var(--color-muted); font-size: .96rem; }

@media (max-width: 860px) {
  .servizi-grid,
  .metodo-section__steps,
  .target-section__grid { grid-template-columns: 1fr; }
}