/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 12 2021 | 16:09:53 */
/* BOX COVER MAPA */
.lh-mapa_nuevo {
  background-image: url('/wp-content/uploads/2021/03/mapa.svg'); /* url('/wp-content/uploads/2021/03/mapa.svg'); */
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  max-width: 648px;
  height: auto;
  font-family: "Roboto", sans-serif;
  overflow-y: hidden;
  overflow-x: auto;
  margin:0 auto ;
}

/* CSS LEYENDA MAPA */
.lh-wrapper_leyenda {
  position: absolute;
  right: 4.2%;
  top: 67.9%;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}
.lh-ly_disponible,
.lh-ly_alquilado,
.lh-ly_separado {
  position: relative;
  margin-top: 15px;
  margin-bottom: 0;
}
.lh-ly_disponible:before,
.lh-ly_alquilado:before,
.lh-ly_separado:before {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  left: -38px;
  top: -1px;
}
.lh-ly_disponible:before {
  background-color: #3DDBA7;
}
.lh-ly_alquilado:before {
  background-color: #4068E8;
}
.lh-ly_separado:before {
  background-color: #271D4A;
}
@media (max-width: 540px) {
  .lh-wrapper_leyenda {
    font-size: 12px;
    line-height: 20px;
  }
  .lh-ly_disponible,
  .lh-ly_alquilado,
  .lh-ly_separado {
    margin-top: 2px;
  }
  .lh-ly_disponible:before,
  .lh-ly_alquilado:before,
  .lh-ly_separado:before {
    width: 12px;
    height: 12px;
    left: -24px;
    top: 3px;
  }
}


/* CSS BLOQUE PASTILLA */
.lh-pastilla {
  visibility: hidden;
  opacity: 0;
  width: 238px;
  background-color: white;
  box-shadow: 0px 0px 22px rgba(81, 86, 97, 0.25);
  padding: 0px 10px 10px;
  position: absolute;
  left: 28px;
  top: 84px;
  text-align: center;
  transition: all .4s;
  pointer-events: none;
}
.lh-pastilla.is-active {
  visibility: initial;
  opacity: 1;
}
.lh-pastilla::before {
  content: '';
  background-image: url('/wp-content/uploads/2021/03/ubi-info.png'); /* url('/wp-content/uploads/2021/03/ubi-info.png'); */
  background-repeat: no-repeat;
  background-position: center;
  background-color: #F5F5F5;
  border-radius: 50%;
  width: 81px;
  height: 81px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -58px;
}
.lh-pastilla::after {
  content: '';
  border-style: solid;
  border-width: 0 26px 27px 0;
  border-color: transparent white transparent transparent;
  position: absolute;
  bottom: -20px;
  right: 41px;
}
.lh-pastilla > h6 {
  margin: 0;
  margin-top: 26px;
  margin-bottom: 0px;
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  color: #4068E8;
}
.lh-pastilla > p {
  display: inline;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.lh-pastilla>p::before {
  content: 'Tamaño: ';
}
@media (max-width: 540px) {
  .lh-pastilla {
    width: 135px;
    top: 40px;
    left: 10px;
  }
  .lh-pastilla::before {
    background-size: 23.67px 34px;
    width: 53px;
    height: 53px;
    top: -38px;
  }
  .lh-pastilla::after {
    display: none;
  }
  .lh-pastilla > h6 {
    font-size: 17px;
    line-height: 19px;
  }
  .lh-pastilla > p {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 321px) {
  .lh-pastilla {
    transform-origin: left top;
    transform: scale(.8);
    top: 37px;
  }
}

/* CSS LINK LOTE */
#lh-disponible > *,
#lh-alquilado > *,
#lh-separado > *
{
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  position: relative;
}

#lh-disponible > * {
  fill: #3DDBA7 !important;
}
#lh-disponible > *:hover {
  fill: #31AF86 !important;
}

#lh-alquilado > * {
  fill: #4068E8 !important;
}
#lh-alquilado > *:hover { 
  fill: #3353BA !important;
}

#lh-separado > * {
  fill: #271D4A !important;
}
#lh-separado > *:hover {
  opacity: .8 !important; 
}