html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; background: #FFFFFF; -webkit-font-smoothing: antialiased; }
a { color: #0367FC; } a:hover { color: #0250C4; }
[id] { scroll-margin-top: 24px; }
img, svg { max-width: 100%; }

@media (max-width: 720px) {
  h1 { font-size: 40px !important; }
  h2 { font-size: 30px !important; }
  [style*="padding: 64px"] { padding: 32px 22px !important; }
  [style*="padding: 36px"] { padding: 26px 22px !important; }
  [style*="padding: 0 24px 120px"] { padding-bottom: 72px !important; }
  [style*="padding-top: 56px"] { padding-top: 24px !important; }
  [style*="height: 460px"] { height: 380px !important; }
  header nav a { padding: 10px 8px !important; }

  /* scheda sopra la mappa nell'illustrazione */
  .hero-card { left: 12px !important; right: 12px !important; bottom: 12px !important; padding: 14px 16px !important; gap: 10px !important; flex-wrap: wrap; align-items: flex-start !important; }
  .hero-card-icon { display: none !important; }
  .hero-card-text { flex: 1 1 100% !important; }
}