/* Le tre voci della scheda iniziale sono collegamenti alle rispettive sezioni. */
.card-service {
  transition: transform .2s ease, box-shadow .2s ease;
}
.card-service:hover {
  transform: translateX(5px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .14);
}
.card-service:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}
.card-service b {
  transition: transform .2s ease;
}
.card-service:hover b {
  transform: translateX(3px);
}
.service-card {
  scroll-margin-top: 110px;
}

@media (max-width: 560px) {
  body { overflow-x: hidden; }
  .site-header { padding: 0 18px; }
  .hero { gap: 34px; }
  .hero h1 { font-size: clamp(39px, 12vw, 46px); line-height: 1.06; }
  .lead { font-size: 18px; }
  .hero-actions { margin: 28px 0; }
  .button { min-height: 52px; padding: 14px 18px; }
  .text-link { min-height: 44px; display: flex; align-items: center; justify-content: center; }
  .bill-card { width: 100%; box-shadow: 0 20px 45px rgba(16, 52, 92, .22); }
  .card-top { margin-bottom: 18px; }
  .card-top img { width: 78px; height: 36px; }
  .card-service { grid-template-columns: 44px minmax(0, 1fr) auto; gap: 11px; }
  .services, .process { padding: 68px 20px; }
  .section-heading { margin-bottom: 34px; }
  .section-heading h2, .process h2 { font-size: 36px; }
  .service-card { min-height: 0; }
  .audience > div { padding: 52px 22px; }
  .audience h2 { font-size: 39px; }
  .contact { margin: 32px 12px; padding: 42px 22px; }
  .contact h2 { font-size: 35px; }
  .contact-actions { width: 100%; }
  .contact-actions > a:not(.button) { min-height: 44px; display: flex; align-items: center; font-size: 18px; }
  footer { gap: 8px; }
  .floating-wa { right: 16px; bottom: 16px; width: 56px; height: 56px; }
}

@media (max-width: 380px) {
  .site-header { padding: 0 14px; }
  .brand img { width: 104px; }
  .hero { padding-left: 18px; padding-right: 18px; }
  .hero h1 { font-size: 38px; }
  .card-service { padding: 12px; }
  .service-icon { width: 38px; height: 38px; }
  .services, .process { padding-left: 18px; padding-right: 18px; }
  .contact h2 { font-size: 32px; }
}