.panel-body {
	display: flex;
	justify-content: space-between;
	gap: 12px;
}

.panel-body #sucursalesMap {
	width: 70%;
}

.panel-body #sucursalesLista {
	max-height: 450px;
	overflow: auto;
}

.panel-body #sucursalesLista .sucursalItem {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	margin-bottom: 12px;
}

.panel-body #sucursalesLista .sucursalItem i {
	margin-right: 3px;
}

.panel-body #sucursalesLista .sucursalItem .nombre {
	color: #005b8e;
	cursor: pointer;
	font-size: 16px;
}

.panel-body #sucursalesLista .sucursalItem .info {
	font-size: 13px;
}

@media screen and (max-width: 1024px) {
	.panel-body {
		flex-direction: column;
	}

	.panel-body #sucursalesLista {
		height: 200px;
	}

	.panel-body #sucursalesMap {
		width: 100%;
		height: 300px;
	}
}