h4 {
        font-size: 1.4em;
        font-weight: 600;
        line-height: 27px;
        margin: 0 0 14px 0;
        letter-spacing: -.05em;
        -webkit-font-smoothing: antialiased;
    }

    .map-container {
      max-width: 800px;
      margin: 0 auto;
      position: relative;
      background: #fff;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0,0,0,0);
      padding: 10px;
    }

    svg {
      width: 85%;
      height: auto;
    }

    .region:hover {
      fill: #820413;
      cursor: pointer;
      transition: fill 0.2s;
    }

    #tooltip {
      position: fixed;
      background: rgba(0, 0, 0, 1);
      color: #fff;
      padding: 6px 12px;
      border-radius: 6px;
      font-size: 13px;
      display: none;
      pointer-events: none;
      white-space: nowrap;
      z-index: 10;
    }

    /* MODALE */
    .modal-overlay {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.0);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 20;
    }

    .modal {
      background: white;
      padding: 20px 30px;
      border-radius: 10px;
      max-width: 400px;
      width: 78%;
      box-shadow: 0 5px 10px rgba(0,0,0,0.3);
      position: relative;
    }

    .modal h3 {
      margin-top: 0;
    }

    .modal button {
      position: absolute;
      top: 10px;
      right: 10px;
      background: none;
      border: none;
      font-size: 18px;
      cursor: pointer;
    }


    /* Gruppo 1: Nord-Est, Centro-Nord e Sardegna */
    path[name="Liguria"], 
    path[name="Lombardia"], 
    path[name="Trentino-Alto Adige"], 
    path[name="Veneto"], 
    path[name="Friuli-Venezia Giulia"], 
    path[name="Emilia-Romagna"], 
    path[name="Toscana"], 
    path[name="Sardegna"] {
      fill: rgb(255, 215, 47);
    }

    /* Gruppo 2: Centro, Sud e Sicilia */
    path[name="Umbria"], 
    path[name="Marche"], 
    path[name="Abruzzo"], 
    path[name="Lazio"], 
    path[name="Molise"], 
    path[name="Campania"], 
    path[name="Puglia"], 
    path[name="Basilicata"], 
    path[name="Calabria"], 
    path[name="Sicilia"] {
      fill: rgb(255, 122, 65);
    }

    /* Gruppo 3: Nord-Ovest */
    path[name="Valle d'Aosta"], 
    path[name="Piemonte"] {
      fill: rgb(255, 173, 36);
    }

    /* Stile per i bordi per renderli visibili */
    path {
      stroke: #ffffff;
      stroke-width: 0.5;
    }
  
    #main-banner {
      background-color: #fbfbfb;
      border-radius: 10px;
    }

  .bg-fortunati {
    background-color: rgba(255, 215, 47, 0.5);
    box-shadow: 4px 4px rgb(255, 215, 47, 1);
    border-radius: 10px;
  }

  .bg-fortunati .title-card-agent {
    color: rgba(94, 77, 5, 1);
  }

  .bg-miserini {
    background-color: rgb(255, 122, 65, 0.5);
    box-shadow: 4px 4px rgb(255, 122, 65, 1);
    border-radius: 10px;
  }

  .bg-miserini .title-card-agent {
    color: rgb(106, 37, 8, 1);
  }

  .bg-traversa {
    background-color: rgb(255, 173, 36, 0.5);
    box-shadow: 4px 4px rgb(255, 173, 36, 1);
    border-radius: 10px;
  }

.bg-traversa .title-card-agent {
    color: rgb(91, 60, 7, 1);
  }

  .title-card-agent a {
    color: rgb(75 33 3);
    text-decoration: underline !important;
  }

.highlight-agente {
  /* Ingrandisce leggermente l'elemento (2%) */
  transform: scale(1.08);
  
  /* Solleva l'elemento con un'ombra profonda (effetto 3D) */
  box-shadow: 0 10px 20px rgb(159 159 159), 0 6px 6px rgba(0, 0, 0, 0.23);
  
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  z-index: 10; /* Assicura che sia sopra gli altri elementi */
  position: relative; /* Necessario per z-index */
}