.icon-bar {
  position: fixed;
  top: 92%;
  background-color: #ffffff;
  z-index: 1000;
  max-width: 410px;
}

.icon-bar a {
  transition: all 0.5s ease;
}

.icon-bar a:hover {
  background-color: #83D1DB;
}

.icon-sit {
	position: fixed;
	top: 50%;
	background-color: #ffffff;
	z-index: 1000;
  }

html, body {
			
			height: 100%;
			width: 100%;
			margin: auto;
			font-family: Arial, Helvetica, sans-serif;
			
			
}
		
.leaflet-container {
			height: 100%;
			width: 100%;
					
			
		
}
		
.content {
			max-width: 900px;
			margin: auto;
			background: white;
			padding: 4px;
			font-family: Arial, Helvetica, sans-serif;
}
		
		

	




/* Asegura que #map sea un contenedor relativo */
#map {
  position: relative;
}

/* Posiciona el selector en la esquina superior derecha */
#map .select {
  position: absolute;
  top: 10px;
  left: 50px;
  z-index: 1000;            /* Encima de las capas del mapa */
  
  background: white;        /* Fondo para destacar */
  padding: 6px 8px;         /* Espacio interior */
  border-radius: 4px;       /* Bordes redondeados */
  box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

/* Evita que al hacer clic en el select se mueva el mapa */
#map .select select {
  cursor: pointer;
}
#map .select {
  /* Deshabilita la propagación de clics al mapa */
  pointer-events: auto;
}