/* Elementi specifici della V3: rinnovamento, accreditamento e convenzionamento ASL. */

/* Card servizi senza numerazione decorativa 01, 02, 03… */
.services-grid { counter-reset: none; }
.svc-card { counter-increment: none; }
.svc-card::before { content: none; display: none; }

.renewal-hero {
  background:
    linear-gradient(118deg, rgba(197, 155, 90, .13), transparent 46%),
    var(--primary);
}

.asl-notice {
  max-width: 880px;
  margin: 28px auto 0;
  padding: 24px 28px;
  border-radius: 22px;
  background: var(--primary-tint);
  border: 1px solid rgba(35, 76, 64, .14);
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 20px;
  align-items: center;
}

.asl-notice .asl-mark {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--primary);
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 700;
  font-size: .85rem;
}

.asl-notice h2 { font-size: clamp(1.35rem, 1.15rem + .7vw, 1.8rem); margin-bottom: .2rem; }
.asl-notice p { margin: 0; color: var(--ink-soft); }
.extra-note { color: var(--accent); font-weight: 700; }

.hero-badges a.badge {
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

.hero-badges a.badge:hover {
  background: rgba(255, 255, 255, .16);
  border-color: rgba(255, 255, 255, .32);
  transform: translateY(-2px);
}

.asl-mini {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
  padding: 20px 24px;
  border: 1px solid rgba(35, 76, 64, .14);
  border-radius: 20px;
  background: linear-gradient(100deg, var(--primary-tint), #fffdf8 72%);
}

.tariff-asl-mini { margin-top: 30px; }

.asl-mini-kicker {
  display: block;
  margin-bottom: 2px;
  color: var(--accent);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.asl-mini h3 { font-size: 1.3rem; margin-bottom: 2px; }
.asl-mini p { margin: 0; color: var(--ink-soft); font-size: .94rem; }
.asl-mini .link-arrow { white-space: nowrap; }

@media (max-width: 760px) {
  .asl-notice { grid-template-columns: auto 1fr; }
  .asl-notice .btn { grid-column: 1 / -1; }
  .asl-mini { grid-template-columns: 1fr; padding: 18px; }
  .asl-mini .link-arrow { justify-self: start; margin-top: 2px; }
}