/* AmCharts Zoom Controls */
#mapdiv {
  position: relative !important;
  overflow: visible !important;
}

.amcharts-zoom-control {
  position: absolute !important;
  right: 10px !important;
  top: 10px !important;
  z-index: 9999 !important;
  display: block !important;
  visibility: visible !important;
}

.amcharts-zoom-control-button {
  display: block !important;
  width: 31px !important;
  height: 31px !important;
  margin-bottom: 2px !important;
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  cursor: pointer !important;
  text-align: center !important;
  line-height: 31px !important;
  font-size: 18px !important;
  font-weight: bold !important;
  color: #333 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;
  transition: all 0.2s !important;
  visibility: visible !important;
}

.amcharts-zoom-control-button:hover {
  background-color: #f5f5f5 !important;
  border-color: #999 !important;
}

.amcharts-zoom-control-button:active {
  background-color: #e0e0e0 !important;
}

/* Estilos específicos para cada botón */
.amcharts-zoom-in {
  background-image: url('../lib/ammap/images/plus.gif') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.amcharts-zoom-out {
  background-image: url('../lib/ammap/images/minus.gif') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.amcharts-zoom-home {
  background-image: url('../lib/ammap/images/homeIcon.gif') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

/* Alternativa con texto si las imágenes no cargan */
.amcharts-zoom-in:empty::before {
  content: '+';
}

.amcharts-zoom-out:empty::before {
  content: '−';
}

.amcharts-zoom-home:empty::before {
  content: '⌂';
}

/* Asegurar que el contenedor del mapa permita posicionamiento absoluto */
.mapa {
  position: relative !important;
}