/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .title-zona {
   font-size: 50px !important;
   font-weight: 200 !important;
   line-height: 1em;
}
.nome-zona {
   font-size: 50px !important;
   text-transform: uppercase;
   font-weight: 600 !important;
}
.first-info-area {
   font-size: 19px;
   font-weight: 600;
}
.second-info-area {
   font-size: 20px;
}

.nome_serbatoio {
  font-size: 50px !important;
   font-weight: 600 !important;
   line-height: 0.9em;
   text-transform: uppercase;
   margin-block-end: 0.4rem !important;
}

.nome_serbatoio_col {
   align-self: end; 
}

 .logo-cafc {
    
 }

 .logo-hydrogea {
    
 }

 .logo-lta {
    
 }

.logo-poiana {
   
}

.header-title-map {
   border-bottom: 1px solid #707070;
}

.mappa-zona {
   border-bottom: 1px solid #707070;
   padding-bottom: 1.5rem;
}

.dati-comune-txt {
   font-size: 18px;
}

.mappa-singola {
  align-content: center;
}
 
/* inizio loader ajax  */ 
.display-none {
   display: none !important;
}

.overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   background: rgba(0,0,0,.8);
   z-index: 999;
   opacity: 1;
   transition: all 0.5s;
}


.lds-dual-ring {
   display: inline-block;
}

.lds-dual-ring:after {
   content: " ";
   display: block;
   width: 64px;
   height: 64px;
   margin: 20% auto;
   border-radius: 50%;
   border: 6px solid #fff;
   border-color: #fff transparent #fff transparent;
   animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
   0% {
       transform: rotate(0deg);
   }
   100% {
       transform: rotate(360deg);
   }
}

/* fine loader ajax  */ 


/* inizio lightbox */

/* .gallery {
   max-width: 300px; margin: 20px; cursor: pointer;
 }
 .gallery img {
   width: 100%; border-radius: 8px;
   box-shadow: 0 0 10px rgba(0,0,0,0.3);
 }

 .lightbox {
   display: none; position: fixed; top: 0; left: 0;
   width: 100%; height: 100%; background: rgba(0,0,0,0.9);
   justify-content: center; align-items: center;
   z-index: 9999;
 }

 .lightbox img {
   max-width: 90%; max-height: 80%; border-radius: 8px;
 }

 .lightbox-controls {
   position: absolute; top: 50%; width: 100%;
   display: flex; justify-content: space-between;
   transform: translateY(-50%); color: white; font-size: 3em;
 }

 .lightbox-controls span {
   cursor: pointer; padding: 0 20px;
 }

 .close-btn {
   position: absolute; top: 10px; right: 20px;
   color: white; font-size: 2em; cursor: pointer;
 } */

 /* Lightbox full screen overlay */
.lightbox {
   position: fixed;
   top: 0;
   left: 0;
   display: none;
   z-index: 9999;
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,0.9);
   justify-content: center;
   align-items: center;
   padding: 20px;
   box-sizing: border-box;
   flex-direction: column;
 }
 
 /* Immagine centrata e scalabile */
 #lightbox-image {
   max-width: 100%;
   max-height: 90vh;
   transition: transform 0.3s ease;
   touch-action: none; /* fondamentale */
   transform-origin: center center;
   cursor: grab;
 }
 
 /* Chiudi */
 .close-btn {
   position: absolute;
   top: 10px;
   right: 20px;
   color: #fff;
   font-size: 2rem;
   cursor: pointer;
   z-index: 10001;
 }
 
 /* Frecce navigazione */
 .lightbox-controls {
   position: absolute;
   width: 100%;
   top: 50%;
   display: flex;
   justify-content: space-between;
   padding: 0 20px;
   transform: translateY(-50%);
   pointer-events: none;
 }
 
 .lightbox-controls span {
   font-size: 3rem;
   color: white;
   cursor: pointer;
   pointer-events: all;
   user-select: none;
 }
 
 @media (max-width: 576px) {
   .lightbox-controls span {
     font-size: 2.2rem;
   }
 
   .close-btn {
     font-size: 1.8rem;
     top: 8px;
     right: 12px;
   }
 }
 
 

/* fine lightbox */