.map_acua{
}

.map_acua polygon{
    
}
            .cls-1 {
              letter-spacing: -.02em;
            }
      
            .cls-2 {
              letter-spacing: 0em;
            }
      
            .cls-3 {
              letter-spacing: 0em;
            }
      
            .cls-4 {
              letter-spacing: 0em;
            }
      
            .cls-5 {
              letter-spacing: -.03em;
            }
      
            .cls-6 {
              letter-spacing: -.03em;
            }
      
            .cls-7 {
              letter-spacing: -.01em;
            }
      
            .cls-8 {
              letter-spacing: 0em;
            }
      
            .cls-9 {
              letter-spacing: -.04em;
            }
      
            .cls-10 {
              letter-spacing: 0em;
            }
      
            .cls-11 {
              letter-spacing: 0em;
            }
      
            .cls-12 {
              letter-spacing: -.02em;
            }
      
            .cls-13 {
              letter-spacing: 0em;
            }
      
            .cls-14 {
              letter-spacing: -.03em;
            }
      
            .cls-15 {
              letter-spacing: -.01em;
            }
      
            .cls-16 {
              letter-spacing: 0em;
            }
      
            .cls-17 {
              letter-spacing: 0em;
            }
      
            .cls-18 {
              letter-spacing: 0em;
            }
      
            .cls-19 {
              letter-spacing: 0em;
            }
      
            .cls-20 {
              letter-spacing: -.01em;
            }
      
            .cls-21 {
              fill: #628732;
            }
      
            .cls-21, .cls-22 {
              stroke-width: 0px;
            }
      
            .cls-22 {
              fill: #41562c;
            }
      
            .cls-23 {
              fill: #fff;
              font-family: Boston-SemiBold, Boston;
              font-size: 14px;
              font-weight: 600;
            }



            .tooltip {
              display: flex;
              position: absolute;
              top: 0;
              left: 0;
              background: #fff;
              border-radius: 10px;
              box-shadow: 5px 5px 50px rgba(0,0,0,.20);
              width: 31.25em;
              z-index: 1000;
              opacity: 0;
              transition: .3s ease all;
              transform: translateY(10px);
            }
            
            .tooltip::after {
              content: "";
              display: inline-block;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-top: 15px solid #fff;
              position: absolute;
              bottom:-15px;
              left: calc(50% - 15px);
            }
            
            .tooltip.activo {
              opacity: 1;
              transform: translateY(0px);
            }
            
            .tooltip .thumb {
              width: 40%;
            }
            
            .tooltip .thumb img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              border-radius: 10px 0 0 10px;
              vertical-align: top;
            }
            
            .tooltip .info {
              width: 60%;
              padding: 20px;
              display: flex;
              flex-direction: column;
              justify-content: space-between;
            }
            
            .tooltip .info .titulo {
              color: #3c48e5;
              font-weight: 600;
              margin-bottom: 10px;
            }
            
            .tooltip .info .direccion {
              color: #707070;
              font-size: 12px;
              margin-bottom: 20px;
            }
            
            .tooltip .info .resumen {
              margin-bottom: 20px;
            }
            
            .tooltip .info .contenedor-btn {
              display: flex;
              justify-content: center;
            }
            
            .tooltip .info a {
              border: none;
              background: #75ac35;
              font-weight: bold;
              padding: 10px 20px;
              width: 80%;
              color: #fff;
              border-radius: 100px;
              font-family: 'Open Sans', sans-serif;
              cursor: pointer;
            }
            
            .tooltip .info a:hover {
              background: rgba(117,172,53, 0.9);
            }
            
            /* ------------------------- */
            /* Mediaqueries */
            /* ------------------------- */
            
            @media screen and (max-width: 768px) {
              figcaption .tooltip {
                font-size: 5px;
              }
            
              .tooltip {
                width:  20.25em;
                height: 13.25em;
              }
          
              .tooltip .info .titulo {
                color: #3c48e5;
                font-weight: 200;
                margin-bottom: 10px;
              }
              .tooltip .info .direccion {
                color: #707070;
                font-size: 8px;
                margin-bottom: 20px;
              }
              .tooltip .info .resumen {
                font-size: 10px;
                margin-bottom: 20px;
              }
              
              .tooltip .info a {
                font-size: 8px;
                width: 100%;
              }
              
              .tooltip.activo {
                opacity: 1;
                transform: translateY(0px);
              }
            }
            
          
            @media screen and (max-width: 576px) {
              figure .mapa {
                margin-bottom: 40px;
              }
            
              figcaption .icono {
                top: 32px;
                /* display: none; */
              }
            
              .tooltip {
                position: static;
                opacity: 1;
                width: 100%;
                transform: translate(0);
              }
            
              .tooltip::after {
                content: "";
                display: none;
              }
            }