/*mappa interattiva*/
.mappa_img{display:block; width:100%;height:auto;}
.p-bottom-map{padding-bottom:30px;}
.gitavMappa{position:relative;z-index:5}
.punto{position:absolute; z-index:10;display:block;  margin-left: -10px; margin-right:-10px; cursor: default;}
.punto.live{cursor:pointer;}
.singolo_item.live{cursor:pointer;}
.singolo_item {text-decoration:none; font-weight: var(--regFontWeight);
    font-family: var(--otherFontB);}
.punto:hover{z-index:15;}

/* .punto_dot{width:20px; height:20px; background:#8dc9ff; border-radius:50%;opacity:0.7;transition: all 1s; -webkit-box-shadow: 1px 2px 15px 5px var(--colorA);  */
/* box-shadow: 1px 2px 15px 5px var(--colorA); display:block;} */
.punto_dot{width:30px; height:30px; background:#8dc9ff; border-radius:50%;opacity:1;transition: all 1s; display:block; border:3px solid #fff;}

.raggruppato .punto_dot{width:30px; height:30px;    background-image: url(plus.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px;}

.custom .punto_dot.nero{background-color:#000;}
.custom .punto_dot.blu{background-color:#182047;}
.custom .punto_dot.arancione{background-color:#F07B20;}
.custom .punto_dot.azzurro{background-color:#208ABC;}
.custom .punto_dot.grigio{background-color:#F6F6F6;}

.custom .punto_dot.pesca{background-color:#fab1a0;}
.custom .punto_dot.arancio{background-color:#f6b93c;}
.custom .punto_dot.verde{background-color:#39adaa;}
.custom .punto_dot.rosa{background-color:#e84392;}
.custom .punto_dot.bianco{background-color:#fff; border-color:#c0c0c0;}

.punto_dot:hover{opacity:1;}
.punto_label{ padding: 5px 15px; z-index:20; color: var(--colorA); background: #fff; text-decoration: none; text-align: center; font-weight: var(--regFontWeight); font-family: var(--otherFontB); text-transform: uppercase; transform: translate(calc(-50% + 10px), -49px); transition: all 0.5s; display: inline-block; position: absolute; white-space: nowrap; visibility:hidden; opacity:0;}

.punto_label.top-edge {transform: translate(calc(-50% + 10px), 30px);}
.punto_label.left-edge {transform: translate(30px, -10px);}
.punto_label.right-edge {transform: translate(calc(-100% - 20px), -10px);}

.raggruppato .punto_label.left-edge { transform: translate(40px, calc(-50% + 15px)); }

.punto:hover .punto_label{visibility:visible; opacity:1;}
.punto-description{position: absolute; z-index:20; right:0; top:0; bottom: 0; width:33%; min-width:30px;  background: rgba(63, 86, 117, 0.6); color: #fff; display:none; padding: 0 50px;backdrop-filter: brightness(150%) blur(22px); -webkit-backdrop-filter: brightness(1.5) blur(22px); overflow-y: auto;}
.Hoter .punto-description{background: rgba(24, 32, 71, 0.6);}
.close-punto-description{color:#fff; position: absolute; top: 30px; right:30px; text-decoration:none;}

.punto-description-content{height: 100%; display: flex; justify-content: center; flex-direction: column; gap: 40px;}

.punto-description-content .titolo{font-size: 30px;
    font-weight: var(--regFontWeight);
    font-family: var(--otherFontB);
    text-transform: uppercase;}

.punto_label_img{margin:0; display:none;} 

.mappa-nav{display:none;}

.singolo_item{display:block;}

   
@media screen and (max-width:992px){
  .mappa-nav{display:flex; justify-content:space-between;}
  .mappa-nav-arr img {width:40px;}
  .mappa_img{width:1000px; display:block; max-width:none;}
  .gitavMappaWrap{overflow: auto; max-width:100%;}
  .punto-description{position:fixed; top: 20px; left:20px; right:20px; bottom:20px; z-index:9999; width:auto;background: var(--colorA);}
  .gitavMappa{display: inline-block;}
  .punto-description-content{gap:20px; }
  .punto-description{padding: 0 20px;}
  .punto_label{display:none;}
  .punto_label_img{display:inline; vertical-align: middle;
    margin-right: 15px;}
  
  .mappainterattiva ::-webkit-scrollbar {
      -webkit-appearance: none;
      
  }

}